/* =====================================================================
   PROMAX AUTO BROKER — SISTEMA DE DISEÑO (theme.css)
   ---------------------------------------------------------------------
   Para RE-TEMATIZAR la marca, edita SOLO las variables de :root.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Sora:wght@300;400;500;600;700;800&display=swap');

:root{
  /* ---- PALETA (cambia aquí para rebrandear) ---- */
  --brand:        #A70200;   /* rojo principal de Promax                */
  --brand-2:      #d11f1c;   /* variante clara para degradados          */
  --brand-dark:   #7c0100;   /* hover / estados activos                 */
  --brand-soft:   #fbe9e9;   /* fondos suaves del color principal       */
  --accent:       #F4DC34;   /* amarillo de marca (acento)              */
  --accent-2:     #ffe957;   /* amarillo claro                          */
  --accent-dark:  #d6bf1d;   /* amarillo oscuro                         */

  --ink:          #0a0a0a;   /* negro de marca (header, footer, CTA)    */
  --ink-2:        #161616;   /* negro secundario                        */

  --bg:           #ffffff;
  --bg-soft:      #EFEDEE;
  --bg-cream:     #fafafa;

  --text:         #15181d;
  --text-muted:   #5b6b7c;
  --text-faint:   #8a97a6;

  --line:         #e6e9ef;   /* bordes                                  */
  --line-soft:    #eef1f5;

  --ok:           #16a34a;

  /* ---- TIPOGRAFÍA ---- */
  --font-body: 'Sora', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-head: 'Space Grotesk', 'Sora', system-ui, sans-serif;

  /* ---- FORMA / ESPACIO ---- */
  --radius:    14px;
  --radius-sm: 8px;
  --radius-lg: 20px;
  --shadow:    0 14px 40px rgba(13,15,18,.10);
  --shadow-sm: 0 4px 14px rgba(13,15,18,.08);

  --maxw: 1280px;
  --header-h: 168px;          /* altura aprox. del header sticky (desktop) */
  --header-h-mobile: 118px;
}

/* ===================== RESET / BASE ===================== */
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; max-width:100vw; overflow-x:hidden; }
body{
  font-family:var(--font-body);
  color:var(--text);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
h1,h2,h3,h4{ font-family:var(--font-head); line-height:1.2; }

/* Reserva espacio para el header fijo */
body.pmx-mounted{ padding-top:var(--header-h); }
@media (max-width:1024px){ body.pmx-mounted{ padding-top:var(--header-h-mobile); } }

.pmx-container{ max-width:var(--maxw); margin:0 auto; padding:0 48px; }
@media (max-width:980px){ .pmx-container{ padding:0 24px; } }

/* Utilidades */
.pmx-eyebrow{
  display:inline-block; font-size:12px; font-weight:800; letter-spacing:2px;
  text-transform:uppercase; color:var(--brand);
}
.pmx-eyebrow--pill{
  background:var(--brand-soft); border:1px solid rgba(167,2,0,.25);
  padding:6px 14px; border-radius:999px;
}
.pmx-hidden{ display:none !important; }

/* ===================== BOTONES ===================== */
.pmx-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 28px; border-radius:var(--radius-sm); font-weight:700;
  font-size:15px; text-decoration:none; cursor:pointer; border:2px solid transparent;
  font-family:var(--font-body); transition:transform .2s, background .2s, color .2s, box-shadow .2s;
  line-height:1;
}
.pmx-btn--primary{ background:var(--brand); color:#fff; box-shadow:0 6px 18px rgba(167,2,0,.28); }
.pmx-btn--primary:hover{ background:var(--brand-dark); transform:translateY(-2px)!important; }
.pmx-btn--dark{ background:var(--ink); color:#fff; }
.pmx-btn--dark:hover{ background:#000; transform:translateY(-2px); }
.pmx-btn--ghost{ background:transparent; color:var(--ink); border-color:var(--ink); }
.pmx-btn--ghost:hover{ background:var(--ink); color:#fff; }
.pmx-btn--ghost-light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.5); }
.pmx-btn--ghost-light:hover{ background:#fff; color:var(--ink); }
.pmx-btn--block{ width:100%; }

/* ===================== HEADER ===================== */
#pmxSticky{ position:fixed; top:0; left:0; right:0; width:100%; z-index:9999; }

.pmx-topbar{ background:var(--ink); color:#fff; font-size:13px; }
.pmx-topbar__inner{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  max-width:var(--maxw); margin:0 auto; padding:8px 24px;
}
.pmx-topbar__info{ display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
.pmx-topbar__info span{ display:inline-flex; align-items:center; gap:6px; }
.pmx-topbar__actions{ display:flex; gap:14px; align-items:center; }
.material-icons-outlined{ font-size:16px; vertical-align:middle; }

/* Selector de idioma */
.pmx-lang{ display:inline-flex; gap:6px; align-items:center; }
.pmx-lang__btn{
  display:inline-flex; align-items:center; gap:6px; padding:4px 10px;
  background:rgba(255,255,255,.08); border:1.5px solid rgba(255,255,255,.2);
  border-radius:999px; color:#fff; font-size:12px; font-weight:700; cursor:pointer;
  transition:all .2s;
}
.pmx-lang__btn img{ width:20px; height:14px; border-radius:3px; object-fit:cover; box-shadow:0 0 0 1px rgba(255,255,255,.25); flex:0 0 auto; }
.pmx-lang__btn.active{ background:var(--accent); border-color:var(--accent); color:#0a0a0a; }
.pmx-lang__btn:not(.active):hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.4); }

.pmx-topbar__cta{
  background:var(--brand); color:#fff; padding:6px 14px; font-size:13px;
  font-weight:700; border-radius:6px; text-decoration:none;
}

/* Barra principal (desktop) — NEGRA */
.pmx-nav{ background:var(--ink); box-shadow:0 4px 18px rgba(0,0,0,.3); }
.pmx-nav__inner{
  display:flex; align-items:center; gap:14px; max-width:var(--maxw);
  margin:0 auto; padding:12px 24px;
}
.pmx-nav__logo{ margin-right:auto; display:flex; align-items:center; text-decoration:none; }
.pmx-nav__logo img{ height:52px; width:auto; max-width:230px; object-fit:contain; }
.pmx-nav__logo-text{ font-family:var(--font-head); font-weight:700; font-size:24px; color:#fff; letter-spacing:-.5px; }
.pmx-nav__logo-text b{ color:var(--accent); }
.pmx-nav__item{
  display:inline-flex; align-items:center; gap:4px; padding:10px 14px;
  color:#f2f2f2; font-size:15px; font-weight:500; text-decoration:none;
  border-radius:8px; white-space:nowrap; transition:all .2s; position:relative;
}
.pmx-nav__item:hover{ background:rgba(255,255,255,.07); color:var(--accent); }
/* subrayado animado al hover */
.pmx-nav__item::after{ content:''; position:absolute; left:14px; right:14px; bottom:5px; height:2px; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .25s ease; border-radius:2px; }
.pmx-nav__item:hover::after{ transform:scaleX(1); }

/* Barra móvil */
.pmx-mobilebar{ background:var(--ink); box-shadow:0 4px 16px rgba(0,0,0,.3); display:none; }
.pmx-mobilebar__inner{ display:flex; align-items:center; gap:10px; padding:12px 16px; max-width:var(--maxw); margin:0 auto; }
.pmx-mobilebar__logo{ margin-right:auto; display:flex; align-items:center; text-decoration:none; }
.pmx-mobilebar__logo img{ height:42px; width:auto; max-width:170px; object-fit:contain; }
.pmx-mobilebar__logo .pmx-nav__logo-text{ font-size:20px; }
.pmx-burger{
  width:42px; height:42px; background:transparent; border:1.5px solid var(--accent);
  border-radius:10px; cursor:pointer; display:inline-flex; align-items:center;
  justify-content:center; padding:0; color:var(--accent);
}
.pmx-mobilemenu{ background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.12); padding:12px 16px; display:none; }
.pmx-mobilemenu a{
  display:block; padding:14px 8px; border-bottom:1px solid var(--line);
  color:#1a1a1a; font-size:15px; font-weight:600; text-decoration:none;
}
.pmx-mobilemenu a:last-child{ border-bottom:0; }
.pmx-mobilemenu a.pmx-mobilemenu__cta{
  background:var(--brand); color:#fff; border-radius:8px; text-align:center;
  text-transform:uppercase; margin:8px 0; border-bottom:0;
}
body.pmx-open .pmx-mobilemenu{ display:block; }

@media (max-width:1024px){
  .pmx-topbar{ display:none; }
  .pmx-nav{ display:none; }
  .pmx-mobilebar{ display:block; }
}

/* ===================== MARQUEE ===================== */
.pmx-marquee{ background:var(--brand); color:#fff; overflow:hidden; padding:13px 0; position:relative; }
.pmx-marquee__track{ display:flex; width:max-content; animation:pmxM 22s linear infinite; }
.pmx-marquee__group{ display:flex; align-items:center; flex-shrink:0; }
.pmx-marquee__item{
  font-weight:700; font-size:14px; letter-spacing:.5px; text-transform:uppercase;
  white-space:nowrap; padding:0 22px; color:#fff;
}
.pmx-marquee__sep{ opacity:.55; padding:0 2px; }
@keyframes pmxM{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
@media (max-width:640px){
  .pmx-marquee__track{ animation-duration:16s; }
  .pmx-marquee__item{ font-size:11px; padding:0 14px; }
}

/* ===================== FOOTER ===================== */
.pmx-footer{ background:var(--ink); color:#cbd5e1; position:relative; z-index:1; }
.pmx-footer__top{ padding:64px 0 44px; }
.pmx-footer__inner{
  max-width:var(--maxw); margin:0 auto; padding:0 48px;
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1.2fr; gap:48px;
}
.pmx-footer__logo{ height:46px; width:auto; margin-bottom:16px; }
.pmx-footer .pmx-nav__logo-text{ color:#fff; }
.pmx-footer__tag{ font-size:14.5px; line-height:1.6; color:#94a3b8; margin:0 0 20px; }
.pmx-footer__social{ display:flex; gap:10px; }
.pmx-footer__social a{
  width:40px; height:40px; background:rgba(255,255,255,.08); border-radius:50%;
  display:flex; align-items:center; justify-content:center; color:#fff; transition:all .2s;
  position:relative; z-index:2;
}
.pmx-footer__social a:hover{ background:var(--brand); transform:translateY(-2px); }
.pmx-footer__social svg{ width:18px; height:18px; }
.pmx-footer h4{ font-size:14px; font-weight:700; color:#fff; margin:0 0 16px; letter-spacing:.5px; text-transform:uppercase; }
.pmx-footer ul{ list-style:none; padding:0; margin:0; }
.pmx-footer li{ margin-bottom:10px; }
.pmx-footer li a{ color:#cbd5e1; text-decoration:none; font-size:14px; transition:color .2s; }
.pmx-footer li a:hover{ color:var(--brand-2); }
.pmx-footer__col > p{ font-size:14px; color:#94a3b8; margin:0 0 12px; }
.pmx-news{ display:flex; flex-direction:column; gap:10px; }
.pmx-news__wrap{ position:relative; display:flex; align-items:center; }
.pmx-news input{
  width:100%; padding:12px 14px; border-radius:var(--radius-sm); border:2px solid transparent;
  background:#1f2530; color:#fff; font-size:14px; font-family:inherit; outline:none;
}
.pmx-news input::placeholder{ color:#7a8595; }
.pmx-news input:focus{ border-color:var(--brand); }
.pmx-news button{
  padding:12px 14px; border-radius:var(--radius-sm); border:none; background:var(--brand);
  color:#fff; font-weight:700; cursor:pointer; font-size:14px; transition:background .2s;
}
.pmx-news button:hover{ background:var(--brand-dark); }
.pmx-footer__bottom{ border-top:1px solid #1f2530; padding:20px 0; }
.pmx-footer__bottom-inner{
  max-width:var(--maxw); margin:0 auto; padding:0 48px; display:flex;
  justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px;
}
.pmx-footer__bottom p{ margin:0; font-size:13px; color:#7a8595; }
.pmx-footer__legal{ display:flex; gap:18px; flex-wrap:wrap; }
.pmx-footer__legal a{ color:#7a8595; text-decoration:none; font-size:13px; }
.pmx-footer__legal a:hover{ color:#cbd5e1; }
@media (max-width:980px){
  .pmx-footer__inner{ grid-template-columns:1fr 1fr; gap:32px; padding:0 24px; }
  .pmx-footer__bottom-inner{ padding:0 24px; flex-direction:column; text-align:center; }
}
@media (max-width:600px){ .pmx-footer__inner{ grid-template-columns:1fr; } }

/* ===================== WIDGETS FLOTANTES ===================== */
.pmx-fab{ position:fixed; z-index:9000; pointer-events:none; }
.pmx-fab a{ pointer-events:auto; }
.pmx-fab__chat{
  position:fixed; left:0; top:50%; display:inline-flex; align-items:center; gap:8px;
  background:var(--brand); color:#fff; padding:14px 20px; border-radius:0 8px 8px 0;
  font-family:var(--font-head); font-weight:700; font-size:13px; letter-spacing:1px;
  text-transform:uppercase; text-decoration:none; box-shadow:4px 0 16px rgba(0,0,0,.25);
  white-space:nowrap; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg);
  transition:all .25s;
}
.pmx-fab__chat:hover{ background:var(--brand-dark); }
.pmx-at-footer .pmx-fab__chat{ opacity:0; visibility:hidden; transform:translateY(-50%) rotate(180deg) translateX(-120%); }
.pmx-fab__chat-icon{ display:inline-flex; transform:rotate(90deg); }
.pmx-fab__wa{
  position:fixed; right:24px; bottom:24px; width:62px; height:62px; border-radius:50%;
  background:#25D366; color:#fff; display:inline-flex; align-items:center; justify-content:center; overflow:hidden;
  box-shadow:0 6px 20px rgba(37,211,102,.45); animation:pmxPulse 2.4s infinite; transition:transform .25s;
}
.pmx-fab__wa svg{ width:34px; height:34px; }
.pmx-fab__wa img{ width:100%; height:100%; object-fit:cover; display:block; }
.pmx-fab__wa:hover{ transform:scale(1.08); animation:none; }
@keyframes pmxPulse{
  0%{ box-shadow:0 6px 20px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,.5); }
  70%{ box-shadow:0 6px 20px rgba(37,211,102,.45),0 0 0 18px rgba(37,211,102,0); }
  100%{ box-shadow:0 6px 20px rgba(37,211,102,.45),0 0 0 0 rgba(37,211,102,0); }
}
@media (max-width:768px){
  .pmx-fab__chat{ padding:10px 14px; font-size:11px; }
  .pmx-fab__wa{ right:16px; bottom:16px; width:54px; height:54px; }
}
@media print{ .pmx-fab{ display:none; } }

/* ===== ESTADO ABIERTO (luz) + PRUEBA SOCIAL (FOMO) ===== */
.pmx-openstatus{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:11.5px;letter-spacing:.3px;padding:2px 9px;border-radius:999px;vertical-align:middle;white-space:nowrap;}
.pmx-openstatus--open{color:#22c55e;background:rgba(34,197,94,.13);}
.pmx-openstatus--closed{color:#9aa0aa;background:rgba(255,255,255,.07);}
.pmx-openstatus__dot{width:8px;height:8px;border-radius:50%;background:currentColor;}
.pmx-openstatus--open .pmx-openstatus__dot{background:#22c55e;animation:pmxPulseDot 1.6s infinite;}
@keyframes pmxPulseDot{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6);}70%{box-shadow:0 0 0 7px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
.pmx-proof{position:fixed;left:20px;bottom:118px;z-index:9400;width:300px;max-width:calc(100vw - 32px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.22);padding:14px 36px 14px 14px;display:flex;gap:12px;align-items:flex-start;opacity:0;transform:translateY(16px) scale(.96);pointer-events:none;transition:opacity .35s,transform .35s;}
.pmx-proof.is-on{opacity:1;transform:none;pointer-events:auto;}
.pmx-proof__ic{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--brand-soft);display:flex;align-items:center;justify-content:center;font-size:20px;}
.pmx-proof__body{flex:1;min-width:0;}
.pmx-proof__top{margin:0;font-size:13px;color:var(--text-muted);line-height:1.3;}
.pmx-proof__top b{color:var(--ink);font-weight:700;}
.pmx-proof__item{margin:2px 0 4px;font-size:14px;font-weight:700;color:var(--brand);line-height:1.25;}
.pmx-proof__meta{margin:0;font-size:11px;color:var(--text-faint);display:flex;align-items:center;gap:6px;}
.pmx-proof__dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex:0 0 auto;animation:pmxPulseDot 1.6s infinite;}
.pmx-proof__x{position:absolute;top:8px;right:9px;border:0;background:none;font-size:18px;line-height:1;color:var(--text-faint);cursor:pointer;width:22px;height:22px;border-radius:50%;}
.pmx-proof__x:hover{background:var(--bg-soft);color:var(--ink);}
@media(max-width:600px){.pmx-proof{left:10px;bottom:90px;width:270px;}}

/* ===== SEÑALES EN VIVO (tarjetas que ciclan + tarjeta que se desvanece) ===== */
.pmx-live__head{text-align:center;max-width:620px;margin:0 auto 34px;}
.pmx-live__pill{display:inline-flex;align-items:center;gap:7px;background:#0a0a0a;color:#fff;font-weight:800;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:999px;margin-bottom:14px;}
.pmx-live__dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pmxPulseDot 1.6s infinite;}
.pmx-live__head h2{font-size:34px;font-weight:800;color:var(--ink);margin:0 0 8px;letter-spacing:-.5px;}
.pmx-live__head p{font-size:16px;color:var(--text-muted);margin:0;}
.pmx-live__stage{position:relative;max-width:430px;height:150px;margin:0 auto;overflow:hidden;}
.pmx-live__card{position:absolute;left:6px;right:6px;bottom:8px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.10);padding:15px 18px;display:flex;align-items:center;gap:13px;pointer-events:none;transition:transform .65s cubic-bezier(.2,.8,.3,1),opacity .65s;will-change:transform,opacity;}
.pmx-live__card--enter{transform:translateY(48px) scale(.9);opacity:0;z-index:1;}
.pmx-live__card--front{transform:translateY(0) scale(1);opacity:1;z-index:5;}
.pmx-live__card--mid{transform:translateY(-15px) scale(.95);opacity:.5;z-index:4;}
.pmx-live__card--back{transform:translateY(-29px) scale(.9);opacity:.22;z-index:3;}
.pmx-live__card--exit{transform:translateY(-46px) scale(.86);opacity:0;z-index:2;}
.pmx-live__ic{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.pmx-live__body{flex:1;min-width:0;text-align:left;}
.pmx-live__cat{margin:0 0 2px;font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;line-height:1.2;}
.pmx-live__cat b{color:var(--ink);text-transform:none;font-size:14.5px;letter-spacing:0;font-weight:800;}
.pmx-live__txt{margin:0;font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pmx-live__right{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;}
.pmx-live__time{font-size:11px;color:var(--text-faint);white-space:nowrap;}
.pmx-live__spark{width:52px;height:17px;display:block;}
.pmx-notesec__head{text-align:center;max-width:560px;margin:0 auto 26px;}
.pmx-notesec__head h2{font-size:30px;font-weight:800;color:var(--ink);margin:0 0 6px;letter-spacing:-.5px;}
.pmx-notesec__head p{font-size:15.5px;color:var(--text-muted);margin:0;}
.pmx-note{max-width:430px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.10);padding:15px 18px;display:flex;align-items:center;gap:13px;transition:opacity .4s ease,transform .4s cubic-bezier(.2,.8,.3,1);}
.pmx-note.is-out{opacity:0;transform:translateY(10px) scale(.97);}
@media(max-width:560px){.pmx-live__head h2{font-size:26px;}.pmx-live__txt{max-width:120px;}.pmx-notesec__head h2{font-size:24px;}}

/* ===== PROMO 15% OFF (botón flotante + popup, solo al hacer clic) ===== */
.pmx-promo-fab{position:fixed;left:22px;bottom:22px;z-index:8950;width:76px;height:76px;border-radius:50%;border:2px solid rgba(255,255,255,.85);cursor:pointer;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 26px rgba(167,2,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-family:var(--font-head);animation:pmxFabPromo 2.4s infinite;transition:box-shadow .2s;}
.pmx-promo-fab:hover{animation:none;box-shadow:0 14px 32px rgba(167,2,0,.75);}
.pmx-promo-fab__big{font-size:21px;font-weight:800;}
.pmx-promo-fab__small{font-size:11px;font-weight:700;letter-spacing:1px;margin-top:1px;}
@keyframes pmxFabPromo{0%{box-shadow:0 8px 24px rgba(167,2,0,.5),0 0 0 0 rgba(167,2,0,.5);}70%{box-shadow:0 8px 24px rgba(167,2,0,.5),0 0 0 16px rgba(167,2,0,0);}100%{box-shadow:0 8px 24px rgba(167,2,0,.5),0 0 0 0 rgba(167,2,0,0);}}
.pmx-promo{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,4,12,.72);backdrop-filter:blur(5px);}
.pmx-promo.is-open{display:flex;animation:pmxFadeIn .25s ease;}
@keyframes pmxFadeIn{from{opacity:0}to{opacity:1}}
.pmx-promo__box{position:relative;display:grid;grid-template-columns:1fr 1fr;max-width:760px;width:100%;max-height:92vh;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5);animation:pmxPop .35s cubic-bezier(.2,.8,.3,1);}
@keyframes pmxPop{from{transform:translateY(18px) scale(.96);opacity:0}to{transform:none;opacity:1}}
.pmx-promo__img{background:#111;}
.pmx-promo__img img{width:100%;height:100%;object-fit:cover;display:block;}
.pmx-promo__body{padding:30px 30px 24px;display:flex;flex-direction:column;}
.pmx-promo__x{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.18);color:#333;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.pmx-promo__x:hover{background:var(--brand);color:#fff;}
.pmx-promo__badge{align-self:flex-start;background:var(--accent);color:#0a0a0a;font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:14px;}
.pmx-promo__title{font-family:var(--font-head);font-size:30px;font-weight:800;color:var(--ink);line-height:1.05;margin:0 0 10px;}
.pmx-promo__sub{font-size:15px;color:var(--text-muted);line-height:1.5;margin:0 0 18px;}
.pmx-promo__sub b{color:var(--brand);}
.pmx-promo__timerlbl{font-size:11px;font-weight:700;letter-spacing:1px;color:var(--brand);text-transform:uppercase;margin-bottom:8px;}
.pmx-promo__timer{display:flex;align-items:center;gap:6px;margin-bottom:20px;}
.pmx-promo__seg{background:var(--ink);color:#fff;border-radius:10px;padding:8px 0;width:54px;text-align:center;}
.pmx-promo__seg b{display:block;font-family:var(--font-head);font-size:22px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;}
.pmx-promo__seg span{font-size:9px;letter-spacing:.5px;color:rgba(255,255,255,.6);}
.pmx-promo__seg--accent{background:var(--brand);}
.pmx-promo__seg--accent span{color:rgba(255,255,255,.85);}
.pmx-promo__colon{font-weight:800;color:var(--text-faint);}
.pmx-promo__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;}
.pmx-promo__yes{flex:1;min-width:150px;background:var(--brand);color:#fff;border:0;border-radius:999px;padding:14px 18px;font-family:var(--font-head);font-weight:800;font-size:14px;cursor:pointer;transition:background .2s,transform .2s;text-transform:uppercase;letter-spacing:.3px;}
.pmx-promo__yes:hover{background:var(--brand-dark);transform:translateY(-2px);}
.pmx-promo__no{background:none;border:1.5px solid var(--line);color:var(--text-muted);border-radius:999px;padding:14px 20px;font-weight:700;font-size:13px;cursor:pointer;}
.pmx-promo__no:hover{border-color:var(--ink);color:var(--ink);}
.pmx-promo__fine{font-size:10.5px;color:var(--text-faint);margin:12px 0 0;line-height:1.4;text-transform:uppercase;letter-spacing:.3px;}
@media(max-width:768px){.pmx-promo-fab{left:14px;bottom:14px;width:62px;height:62px;}.pmx-promo-fab__big{font-size:18px;}.pmx-promo-fab__small{font-size:10px;}}
@media(max-width:680px){.pmx-promo__box{grid-template-columns:1fr;max-width:360px;max-height:92vh;overflow-y:auto;}.pmx-promo__img{max-height:190px;}.pmx-promo__title{font-size:24px;}.pmx-promo__body{padding:22px 22px 20px;}}

/* ===================== GALERÍA DE VIDEOS / INSTAGRAM (pmx-ig) ===================== */
.pmx-ig{background:var(--bg-soft);scroll-margin-top:140px;}
.pmx-ig__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap;}
.pmx-ig__head .pmx-eyebrow{display:inline-flex;align-items:center;gap:7px;}
.pmx-ig__head h2{font-size:34px;font-weight:800;color:var(--ink);margin:8px 0 6px;letter-spacing:-.5px;line-height:1.1;}
.pmx-ig__head p{font-size:16px;color:var(--text-muted);margin:0;max-width:560px;}
.pmx-ig__follow{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;padding:13px 22px;border-radius:999px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 22px rgba(0,0,0,.12);}
.pmx-ig__follow:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(167,2,0,.28);background:var(--brand);}
.pmx-ig__follow svg{width:20px;height:20px;}
.pmx-ig__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.pmx-ig__card{position:relative;display:block;aspect-ratio:9/16;border-radius:16px;overflow:hidden;text-decoration:none;background:#111;box-shadow:0 10px 26px rgba(0,0,0,.14);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s;isolation:isolate;}
.pmx-ig__card:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 18px 40px rgba(167,2,0,.28);}
.pmx-ig__media{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s;}
.pmx-ig__card:hover .pmx-ig__media{transform:scale(1.08);}
.pmx-ig__card--noimg{background:linear-gradient(150deg,var(--brand-dark),var(--brand) 55%,#000);}
.pmx-ig__card--noimg:nth-child(3n+2){background:linear-gradient(150deg,#000,var(--brand) 60%,var(--brand-2));}
.pmx-ig__card--noimg:nth-child(3n){background:linear-gradient(150deg,var(--brand),#2a0a0a 70%,#000);}
.pmx-ig__card--noimg::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 22%,rgba(244,220,52,.20),transparent 55%);}
.pmx-ig__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.72));z-index:1;}
.pmx-ig__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(3px);border:1.5px solid rgba(255,255,255,.55);color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .25s,background .25s;padding-left:3px;}
.pmx-ig__card:hover .pmx-ig__play{transform:translate(-50%,-50%) scale(1.12);background:var(--brand);border-color:var(--brand);}
.pmx-ig__badge{position:absolute;top:11px;right:11px;width:24px;height:24px;color:#fff;z-index:2;opacity:.92;}
.pmx-ig__badge svg{width:100%;height:100%;}
.pmx-ig__cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:14px 13px;color:#fff;font-size:12.5px;line-height:1.4;font-weight:500;}
@media(max-width:1100px){.pmx-ig__grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:680px){.pmx-ig__grid{grid-template-columns:repeat(2,1fr);gap:12px;}.pmx-ig__head h2{font-size:27px;}.pmx-ig__follow{width:100%;justify-content:center;}}
/* ===== Reproductor (lightbox): ver el reel dentro de la web ===== */
.pmx-iglb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);padding:18px;animation:pmxLbFade .2s ease;}
.pmx-iglb.is-open{display:flex;}
@keyframes pmxLbFade{from{opacity:0}to{opacity:1}}
.pmx-iglb__box{position:relative;width:min(400px,94vw);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.pmx-iglb--video .pmx-iglb__box{aspect-ratio:9/16;max-height:92vh;}
.pmx-iglb--embed .pmx-iglb__box{height:min(86vh,640px);background:#fff;}
.pmx-iglb__box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;}
.pmx-iglb__box iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.pmx-iglb--embed .pmx-iglb__box iframe{bottom:42px;height:auto;}
.pmx-iglb__open{position:absolute;left:0;right:0;bottom:0;z-index:4;height:42px;display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--brand);font-weight:700;font-size:13.5px;text-decoration:none;border-top:1px solid #eee;}
.pmx-iglb__open:hover{background:var(--brand);color:#fff;}
.pmx-iglb__close{position:absolute;top:10px;right:10px;z-index:4;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;background:rgba(0,0,0,.55);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s;}
.pmx-iglb__close:hover{background:var(--brand);transform:scale(1.08);}
.pmx-ig__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#111;}
.pmx-ig__card:hover video.pmx-ig__video~.pmx-ig__play{opacity:0;}
.pmx-ig__card:hover video.pmx-ig__video~.pmx-ig__shade{opacity:.4;}

/* ===================== LOGO WALL (marcas / prestamistas) ===================== */
.pmx-logowall{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.pmx-logowall--six{grid-template-columns:repeat(6,1fr);}
.pmx-logowall__item{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px 18px;min-height:108px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;}
.pmx-logowall__item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-2));transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.pmx-logowall__item:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.12);border-color:transparent;}
.pmx-logowall__item:hover::before{transform:scaleX(1);}
.pmx-logowall__item img{max-width:100%;max-height:56px;width:auto;object-fit:contain;transition:transform .25s;}
.pmx-logowall__item:hover img{transform:scale(1.06);}
.pmx-logowall__name{font-family:var(--font-head);font-weight:700;font-size:17px;color:var(--ink);text-align:center;letter-spacing:.3px;}
@media(max-width:980px){.pmx-logowall,.pmx-logowall--six{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.pmx-logowall,.pmx-logowall--six{grid-template-columns:repeat(2,1fr);gap:12px;}.pmx-logowall__item{min-height:88px;padding:18px 12px;}}

/* ===================== SECCIONES COMUNES ===================== */
.pmx-section{ padding:84px 0; }
.pmx-section--soft{ background:var(--bg-soft); }
.pmx-section__head{ text-align:center; max-width:680px; margin:0 auto 48px; }
.pmx-section__head h2{ font-size:38px; font-weight:800; color:var(--ink); margin:10px 0 12px; letter-spacing:-.5px; }
.pmx-section__head p{ font-size:17px; color:var(--text-muted); margin:0; }
@media (max-width:768px){
  .pmx-section{ padding:56px 0; }
  .pmx-section__head h2{ font-size:28px; }
}

/* Franja divisoria con estrellas */
.pmx-divider{ background:var(--brand); padding:22px 0; }
.pmx-divider--dark{ background:var(--ink); }
.pmx-divider__inner{
  max-width:var(--maxw); margin:0 auto; padding:0 24px; display:flex;
  align-items:center; justify-content:center; gap:18px; flex-wrap:wrap;
}
.pmx-divider__text{
  font-family:var(--font-head); font-weight:800; font-size:18px; letter-spacing:2px;
  text-transform:uppercase; color:#fff; text-align:center;
}
.pmx-divider--dark .pmx-divider__text{ color:var(--brand-2); }
.pmx-divider__icon{ color:#fff; opacity:.8; }
.pmx-divider--dark .pmx-divider__icon{ color:var(--brand); opacity:1; }
@media (max-width:640px){ .pmx-divider__text{ font-size:13px; letter-spacing:1px; } }

/* Tarjetas genéricas */
.pmx-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); transition:all .25s; }
.pmx-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--brand); }

/* ===================== FORMULARIOS ===================== */
.pmx-field{ display:flex; flex-direction:column; }
.pmx-field label{ font-size:13px; font-weight:600; color:var(--ink); margin-bottom:6px; }
.pmx-field input, .pmx-field select, .pmx-field textarea{
  padding:12px 14px; border:1.5px solid var(--line); border-radius:var(--radius-sm);
  font-size:15px; font-family:inherit; color:var(--ink); background:#fff;
  transition:border-color .2s, box-shadow .2s;
}
.pmx-field input:focus, .pmx-field select:focus, .pmx-field textarea:focus{
  outline:none; border-color:var(--brand); box-shadow:0 0 0 3px rgba(167,2,0,.15);
}
.pmx-field textarea{ resize:vertical; min-height:110px; }
.pmx-consent{ display:flex; align-items:flex-start; gap:10px; font-size:12px; color:var(--text-muted); line-height:1.5; }
.pmx-consent input{ margin-top:3px; accent-color:var(--brand); flex-shrink:0; }
.pmx-consent strong{ color:var(--ink); }
.pmx-consent a{ color:var(--brand); text-decoration:underline; }

/* ===================== TARJETA DE VEHÍCULO (compartida) ===================== */
.pmx-vgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
@media (max-width:980px){ .pmx-vgrid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .pmx-vgrid{ grid-template-columns:1fr; } }
.pmx-vcard{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; transition:all .25s; display:flex; flex-direction:column; }
.pmx-vcard:hover{ transform:translateY(-4px)!important; box-shadow:var(--shadow); border-color:var(--brand); }
.pmx-vcard__img{ height:210px; background-size:cover; background-position:center; background-color:#e8edf2; position:relative; }
.pmx-vcard__badge{ position:absolute; top:12px; left:12px; background:var(--brand); color:#fff; font-weight:800; font-size:10px; letter-spacing:1px; padding:6px 11px; border-radius:5px; text-transform:uppercase; }
.pmx-vcard__type{ position:absolute; top:12px; right:12px; background:rgba(13,15,18,.82); color:#fff; font-weight:700; font-size:10px; letter-spacing:1px; padding:6px 11px; border-radius:5px; text-transform:uppercase; }
.pmx-vcard__body{ padding:20px; flex:1; display:flex; flex-direction:column; }
.pmx-vcard__title{ font-size:18px; font-weight:700; margin:0 0 8px; }
.pmx-vcard__specs{ display:flex; gap:14px; color:var(--text-muted); font-size:13px; margin-bottom:12px; flex-wrap:wrap; }
.pmx-vcard__price{ font-family:var(--font-head); font-size:25px; font-weight:800; color:var(--ink); margin-bottom:16px; }
.pmx-vcard__price small{ display:block; font-size:12px; color:var(--text-faint); text-decoration:line-through; font-weight:600; }
.pmx-vcard__actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:auto; }
.pmx-vcard__actions .pmx-btn{ padding:11px 10px; font-size:13px; }
.pmx-vcard__img{ transition:transform .5s ease; }
.pmx-vcard:hover .pmx-vcard__img{ transform:scale(1.06); }

/* ===================== ACENTO AMARILLO ===================== */
.pmx-eyebrow{ color:var(--brand); }
.pmx-vcard__badge{ background:var(--brand); color:#fff; }
.pmx-divider:not(.pmx-divider--dark){ background:linear-gradient(100deg,var(--brand),var(--brand-2)); }
.pmx-divider__icon{ color:var(--accent); opacity:1; }
.pmx-divider--dark .pmx-divider__icon{ color:var(--accent); }
.pmx-divider--dark .pmx-divider__text{ color:var(--accent); }

/* ===================== MENÚ FINANCIAMIENTO (click) ===================== */
.pmx-nav__dd-wrap{ position:relative; }
.pmx-nav__dd{
  position:absolute; top:calc(100% + 6px); right:0; min-width:260px; background:#fff;
  border-radius:14px; padding:10px; box-shadow:0 20px 55px rgba(0,0,0,.35);
  border:1px solid var(--line); opacity:0; visibility:hidden; transform:translateY(-10px) scale(.98);
  transform-origin:top right; transition:all .22s cubic-bezier(.2,.8,.2,1); z-index:70;
}
.pmx-nav__dd-wrap.open .pmx-nav__dd{ opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.pmx-nav__dd a{ display:block; padding:13px 16px; border-radius:9px; color:#1a1a1a; font-weight:600; font-size:14px; text-decoration:none; transition:all .18s; }
.pmx-nav__dd a:hover{ background:var(--bg-soft); color:var(--brand); }
.pmx-nav__dd .pmx-nav__dd-sub{ font-size:11px; color:var(--text-faint); font-weight:500; margin-top:2px; }
.pmx-nav__dd a.pmx-nav__dd-cta{ background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#fff; text-align:center; text-transform:uppercase; font-weight:700; margin-top:6px; box-shadow:0 6px 16px rgba(167,2,0,.3); }
.pmx-nav__dd a.pmx-nav__dd-cta:hover{ filter:brightness(1.08); color:#fff; }
.pmx-caret{ font-size:13px; display:inline-block; transition:transform .25s ease; }
.pmx-nav__dd-wrap.open .pmx-caret{ transform:rotate(180deg); color:var(--accent); }

/* ===================== ANIMACIONES (reveal al scroll) ===================== */
html.pmx-js .pmx-reveal{ opacity:0; transform:translateY(30px); transition:opacity .75s cubic-bezier(.2,.7,.2,1), transform .75s cubic-bezier(.2,.7,.2,1); will-change:opacity,transform; }
html.pmx-js .pmx-reveal.is-visible{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ html.pmx-js .pmx-reveal{ opacity:1!important; transform:none!important; transition:none!important; } }

/* ===================== ANIMACIONES GSAP (scroll, entrada+salida) ===================== */
/* Máscara para el revelado de titulares palabra por palabra */
.pmx-aw{ display:inline-block; overflow:hidden; vertical-align:top; line-height:1.08; padding-bottom:.08em; }
.pmx-aw__i{ display:inline-block; will-change:transform; }
/* Anti-parpadeo: ocultamos lo que GSAP animará, SOLO mientras el guard esté activo.
   El guard (clase .pmx-ganim en <html>) se añade por JS y se retira si GSAP no carga,
   de modo que el contenido nunca queda atrapado oculto. */
html.pmx-ganim [data-anim="text"],
html.pmx-ganim [data-anim="up"],
html.pmx-ganim [data-anim="stagger"]:not([data-anim-defer]) > *{ opacity:0; }
@media (prefers-reduced-motion: reduce){
  html.pmx-ganim [data-anim],
  html.pmx-ganim [data-anim="stagger"] > *{ opacity:1!important; transform:none!important; }
}
/* Capa de parallax del hero (envuelve al carrusel; no toca su transform) */
.pmx-hero2__media{ position:relative; will-change:transform; }
/* Blob decorativo que flota con parallax detrás de los vehículos destacados */
.pmx-featured{ position:relative; overflow:hidden; }
.pmx-featured > .pmx-container{ position:relative; z-index:1; }
.pmx-deco{ position:absolute; z-index:0; width:560px; height:560px; border-radius:50%; pointer-events:none;
  background:radial-gradient(circle, rgba(167,2,0,.10), rgba(167,2,0,0) 70%); top:-160px; left:-140px; will-change:transform; }
@media (max-width:768px){ .pmx-deco{ width:320px; height:320px; top:-90px; left:-90px; } }


/* Brillo de barrido en botones primarios */
.pmx-btn--primary{ position:relative; overflow:hidden; }
.pmx-btn--primary::after{ content:''; position:absolute; top:0; left:-130%; width:55%; height:100%; background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent); transform:skewX(-20deg); transition:left .6s ease; pointer-events:none; }
.pmx-btn--primary:hover::after{ left:140%; }

/* Pulso suave (CTA principal del hero) */
.pmx-pulse{ animation:pmxPulseGlow 2.8s ease-in-out infinite; }
@keyframes pmxPulseGlow{ 0%,100%{ box-shadow:0 6px 18px rgba(167,2,0,.3); } 50%{ box-shadow:0 8px 26px rgba(167,2,0,.5), 0 0 0 4px rgba(244,220,52,.22); } }

/* Ken Burns (zoom lento) para fondos hero */
@keyframes pmxKen{ 0%{ transform:scale(1.06) } 100%{ transform:scale(1.16) } }

/* Float sutil para íconos */
@keyframes pmxFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-7px) } }
.pmx-float{ animation:pmxFloat 4s ease-in-out infinite; }

/* ===================== BANDA DE ESTADÍSTICAS (contadores) ===================== */
.pmx-stats{ background:var(--ink); padding:48px 0; position:relative; overflow:hidden; }
.pmx-stats::before{ content:''; position:absolute; inset:0; background:radial-gradient(circle at 15% 20%,rgba(167,2,0,.25),transparent 45%),radial-gradient(circle at 85% 80%,rgba(244,220,52,.12),transparent 45%); pointer-events:none; }
.pmx-stats__grid{ max-width:var(--maxw); margin:0 auto; padding:0 24px; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; text-align:center; position:relative; }
.pmx-stats__item h3{ font-family:var(--font-head); font-size:46px; color:var(--accent); margin:0; line-height:1; font-weight:700; letter-spacing:-1px; }
.pmx-stats__item h3 small{ font-size:24px; }
.pmx-stats__item p{ color:#cdd2d8; font-size:13px; text-transform:uppercase; letter-spacing:1px; margin:10px 0 0; }
@media(max-width:760px){ .pmx-stats__grid{ grid-template-columns:1fr 1fr; gap:30px 16px; } .pmx-stats__item h3{ font-size:36px; } }