/* ===== Motroco - hoja de estilos (mobile-first) ===== */
@font-face{font-family:"Schibsted Grotesk";src:url("fonts/schibsted-grotesk-latin-v7.woff2") format("woff2");font-weight:500 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("fonts/inter-latin-v20.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --deep:#0F3446;
  --navy:#164863;
  --ocean:#427D9D;
  --light:#9BBEC8;
  --ice:#DDE6E8;
  --orange:#fc4c02;
  --orange-ink:#160800;
  --whatsapp:#25D366;
  --whatsapp-ink:#0b2e18;
  --moss:#3f6f4f;
  --summit:#f7fbfb;
  --stone:#e8eef0;
  --text:#12303f;
  --muted:#46687a;
  --sky-text:#2F6D8F;
  --bg:#ffffff;
  --bg-alt:#F5F1EA;
  --border:#d5e2e6;
  --radius:8px;
  --radius-lg:8px;
  --maxw:1120px;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --font-display:"Schibsted Grotesk","Segoe UI",system-ui,-apple-system,sans-serif;
  --font-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{
  margin:0;font-family:var(--font-body);color:var(--text);background:var(--bg);
  font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-x:clip
}
img,svg{max-width:100%;display:block}
a{color:var(--sky-text);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--navy)}
h1,h2,h3{font-family:var(--font-display);color:var(--navy);line-height:1.08;letter-spacing:0;margin:0 0 .5em;text-wrap:balance}
h1{font-size:2.55rem;font-weight:700;letter-spacing:-.02em}
h2{font-size:2rem;font-weight:700;letter-spacing:-.02em}
h3{font-size:1.08rem;font-weight:700}
p{margin:0 0 1rem;text-wrap:pretty}
ul{margin:0;padding:0}
::selection{background:var(--orange);color:var(--orange-ink)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}

.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:#fff;color:var(--deep);padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--radius);font-weight:700;text-decoration:none}
.skip-link:focus{top:16px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.eyebrow{font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky-text);margin:0 0 .8rem}
.eyebrow span{display:block;margin-top:.42rem;font-weight:600;letter-spacing:.14em;color:var(--sky-text)}
.lead{font-size:1.08rem;color:var(--muted);max-width:62ch}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}
section{padding:62px 0}.alt{background:var(--bg-alt)}
.head{margin-bottom:34px}.head.center{max-width:66ch;margin-left:auto;margin-right:auto}

.mark-o{background-image:linear-gradient(var(--orange),var(--orange));background-repeat:no-repeat;background-size:100% .13em;background-position:0 88%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ph{border-bottom:2px dashed var(--ocean);background:rgba(66,125,157,.12);padding:0 .15em;border-radius:3px}
footer .ph,.contact .ph,.hero .ph{border-color:var(--light);background:rgba(155,190,200,.2)}

/* ===== Botones ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:var(--font-display);font-weight:800;font-size:1rem;padding:.86rem 1.45rem;border-radius:999px;border:2px solid transparent;cursor:pointer;text-decoration:none;transition:transform .18s var(--ease-out),background .18s var(--ease-out),color .18s var(--ease-out),border-color .18s var(--ease-out)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:var(--orange-ink)}
.btn-primary:hover{background:#e04400;color:var(--orange-ink)}
.btn-whatsapp{background:var(--whatsapp);border-color:var(--whatsapp);color:var(--whatsapp-ink)}
.btn-whatsapp:hover{background:#1ebe5d;border-color:#1ebe5d;color:var(--whatsapp-ink)}
.btn-ghost{border-color:rgba(255,255,255,.72);color:#fff;background:rgba(255,255,255,.08);font-weight:700}
.btn-ghost:hover{background:rgba(255,255,255,.18);color:#fff}
.btn-outline{border-color:var(--ocean);color:var(--sky-text);background:transparent;font-weight:700}
.btn-outline:hover{background:var(--deep);border-color:var(--deep);color:#fff}
.btn-light{background:#fff;color:var(--deep);border-color:#fff}
.btn-light:hover{background:var(--light);border-color:var(--light);color:var(--deep)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}

/* ===== Nav ===== */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:.55rem;text-decoration:none;font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--navy)}
.logo .mark{width:38px;height:auto;flex:0 0 auto}
.nav-links{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:6px 20px 18px;list-style:none}
.nav-links.open{display:flex}.nav-links a{color:var(--muted);text-decoration:none;font-weight:600;font-size:1rem;padding:13px 0;border-bottom:1px solid var(--border);display:block}.nav-links a:hover{color:var(--navy)}
.nav-links .btn{margin-top:14px;border-bottom:0}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:var(--orange-ink)}
.nav-toggle{display:block;background:none;border:0;font-size:1.5rem;line-height:1;color:var(--navy);cursor:pointer;padding:6px}

/* ===== Hero ===== */
.hero{position:relative;padding:0;background:var(--deep);color:#fff;overflow:clip}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 10%,rgba(252,76,2,.28),transparent 32%),radial-gradient(circle at 72% 82%,rgba(37,211,102,.18),transparent 28%);pointer-events:none}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);z-index:3}
.hero-photo{position:relative;background:var(--deep)}
.hero-photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;object-position:32% 20%;filter:saturate(1.08) contrast(1.04)}
@media (max-width:759px){.hero-photo img{object-position:center top}}
.hero-panel{position:relative;z-index:2;background:linear-gradient(180deg,rgba(15,52,70,.98),rgba(15,52,70,.94));padding:34px 0 42px}
.hero h1{color:#fff;font-size:2.1rem;max-width:18ch;margin-bottom:.38em;text-wrap:pretty}
.hero .eyebrow{color:var(--orange)}
.hero h1 .mark-o{white-space:nowrap}
.hero-sub{margin:.95rem 0 0;font-size:.98rem;line-height:1.55;color:rgba(255,255,255,.78);max-width:46ch}
.pilares{list-style:none;display:grid;gap:9px;margin:.9rem 0 0}
.pilares li{position:relative;padding-left:30px;font-family:var(--font-display);font-weight:700;font-size:1.06rem;color:#fff;line-height:1.3}
.pilares li::before{content:"";position:absolute;left:2px;top:.34em;width:13px;height:7px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.7rem}
.hero-claim{margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.22);font-family:var(--font-display);font-size:.84rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--light)}

/* ===== Barra de datos ===== */
.facts{background:var(--deep);color:#fff;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.facts ul{display:grid;grid-template-columns:1fr;gap:1px;padding:0;list-style:none;text-align:center;background:rgba(255,255,255,.12)}
.facts li{display:flex;align-items:baseline;justify-content:center;gap:.5rem;background:var(--deep);padding:20px 14px}
.facts strong{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:#fff;line-height:1.2}.facts li:first-child strong{color:var(--orange)}
.facts span{font-size:.9rem;color:rgba(255,255,255,.74)}

/* ===== Bloques y tarjetas ===== */
.grid{display:grid;gap:16px}.grid-2,.grid-3{grid-template-columns:1fr}
.card{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 22px;transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),background .22s var(--ease-out)}
.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--orange),var(--moss));opacity:0;transition:opacity .22s var(--ease-out)}
.card:hover{transform:translateY(-5px);border-color:rgba(66,125,157,.55);background:var(--summit)}.card:hover::before{opacity:1}
.card p{color:var(--muted);margin-bottom:0;font-size:.97rem}.profile h3{margin-bottom:.4rem}
.profile .tagline{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-text);font-weight:800;margin:0 0 .35rem;font-family:var(--font-display)}

/* ===== Precio ===== */
.plan{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;position:relative}
.plan::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--orange),var(--moss),var(--ocean))}
.plan-body{padding:28px 22px}.plan-body h2{font-size:1.55rem;margin-bottom:16px}
.includes{list-style:none;display:grid;gap:11px}.includes li{position:relative;padding-left:30px;color:var(--muted);font-size:.98rem}
.includes li::before{content:"";position:absolute;left:3px;top:.45em;width:14px;height:8px;border-left:2.5px solid var(--moss);border-bottom:2.5px solid var(--moss);transform:rotate(-45deg)}
.prices{display:grid;grid-template-columns:1fr}.price-cell{padding:24px 22px;color:#fff;position:relative;overflow:hidden}.price-cell::after{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.1)}
.price-cell .label{font-family:var(--font-display);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin:0 0 .45rem}.price-cell .amount{font-family:var(--font-display);font-size:2.35rem;font-weight:800;line-height:1;color:#fff;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0}.price-cell .amount small{font-size:.95rem;font-weight:600;color:#fff}.price-cell .note{margin:.7rem 0 0;font-size:.9rem;color:#fff}.price-cell .ahorro{display:inline-block;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:#fff}.price-ref{background:var(--ocean)}.price-best{background:var(--deep)}.delta{color:var(--orange);font-size:1.3rem;font-weight:800;font-family:var(--font-display)}
.prices.prices-1{grid-template-columns:1fr}.prices-1 .price-cell{display:flex;flex-direction:column;align-items:center;text-align:center;row-gap:.5rem;padding-block:34px 36px}.prices-1 .label{margin:0}.prices-1 .amount{font-size:3.2rem;font-variant-numeric:tabular-nums;justify-content:center}.prices-1 .note{margin:0}
.plan-foot{padding:22px;border-top:1px solid var(--border);text-align:center;background:linear-gradient(180deg,#fff,var(--summit))}.plan-foot p{color:var(--muted);font-size:.93rem;max-width:56ch;margin:0 auto 16px}

/* ===== Metodo ===== */
.steps{display:grid;gap:14px}.step{padding:22px 8px 24px;border-bottom:1px solid var(--border);text-align:center}
.step .ico{display:block;width:76px;height:62px;object-fit:contain;margin:0 auto 10px}
.step h3{margin-bottom:.35rem}.step p{color:var(--muted);font-size:.96rem;margin:0}
.profile .ico{display:block;width:76px;height:62px;object-fit:contain;margin:0 auto 10px}.profile .tagline,.profile h3{text-align:center}

/* ===== Fotos y competicion ===== */
.banda{height:230px;overflow:hidden;background:var(--deep);position:relative}.banda::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(15,52,70,.22))}.banda img{width:100%;height:100%;object-fit:cover;object-position:33% center}
.raceday{position:relative;color:#fff;background:var(--deep);overflow:clip}.raceday::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,52,70,.95),rgba(15,52,70,.78)),url("img/meta.webp") center/cover no-repeat;z-index:0}.raceday .wrap{position:relative;z-index:1}.raceday h2{color:#fff}.raceday .eyebrow{color:var(--orange)}.raceday p{color:rgba(255,255,255,.88)}.raceday .big{font-size:1.16rem;max-width:60ch}
.raceday-list{counter-reset:rd;list-style:none;display:grid;gap:14px;margin:22px 0 26px}
.raceday-list li{position:relative;padding-left:38px;color:rgba(255,255,255,.92);font-size:1rem}
.raceday-list li::before{counter-increment:rd;content:counter(rd);position:absolute;left:0;top:.1em;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:var(--orange-ink);font-family:var(--font-display);font-weight:800;font-size:.85rem}


/* ===== Casos reales: cuadrícula desplegable ===== */
.casos-head{margin-bottom:30px}
.casos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.caso{position:relative;z-index:0;display:flex;flex-direction:column;margin:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--deep);transform-origin:center center;transition:transform .48s cubic-bezier(.22,1,.36,1),border-color .48s cubic-bezier(.22,1,.36,1)}
.caso img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fff;transform-origin:center center;transition:transform .48s cubic-bezier(.22,1,.36,1),filter .48s cubic-bezier(.22,1,.36,1)}
.caso-abrir{display:block;width:100%;padding:0;margin:0;border:0;background:none;cursor:zoom-in;font:inherit;color:inherit;overflow:hidden}
.caso-abrir:focus-visible{outline-offset:-3px}
.caso figcaption{flex:1;padding:9px 10px 11px;background:#fff;border-top:1px solid var(--border);font-size:.76rem;line-height:1.4;color:var(--muted)}
.caso-txt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.caso figcaption strong{font-family:var(--font-display);font-weight:700;color:var(--navy)}
/* cerrada: solo la primera fila (2 columnas; 3 desde 920 px) */
.has-js .casos-grid:not(.is-open) .caso:nth-child(n+3){display:none}
.casos-grid.is-animating{overflow:hidden;transition:height .5s cubic-bezier(.22,1,.36,1)}
.caso.is-entering{animation:casoIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--d,0ms)}
@keyframes casoIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.casos-mas{display:none;justify-content:center;margin-top:30px}
.has-js .casos-mas{display:flex}
.casos-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.casos-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.caso-dialog{padding:0;border:0;background:transparent;max-width:min(92vw,560px);max-height:92vh;overflow:visible}
.caso-dialog::backdrop{background:rgba(8,26,35,.84)}
.caso-dialog-in{position:relative}
html:has(.caso-dialog[open]){overflow:hidden;scrollbar-gutter:stable}
.caso-dialog img{display:block;width:auto;max-width:100%;max-height:90vh;height:auto;border-radius:var(--radius-lg);background:#fff;margin:0 auto}
.caso-cerrar{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--deep);color:#fff;cursor:pointer}
.caso-cerrar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
@media (min-width:560px){
 .casos-grid{gap:16px}
 .caso figcaption{padding:12px 14px 14px;font-size:.86rem;line-height:1.45}
 .caso-txt{display:inline;-webkit-line-clamp:none;overflow:visible}
}
@media (min-width:920px){
 .casos-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .has-js .casos-grid:not(.is-open) .caso:nth-child(3){display:flex}
 .has-js .casos-grid:not(.is-open) .caso:nth-child(n+4){display:none}
}
@media (hover:hover) and (pointer:fine){
 .caso:hover{z-index:2;transform:scale(1.035);border-color:var(--orange)}
 .caso:hover img{transform:scale(1.025);filter:saturate(1.06) contrast(1.02)}
}
/* ===== Sobre mi ===== */
.about-podios{margin-bottom:30px}
.marcas-tit{margin:28px 0 6px}

.podios-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
.podio{margin:0}.podio img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-lg);background:var(--deep)}
.podio figcaption{margin-top:8px;font-family:var(--font-display);font-weight:700;font-size:.8rem;line-height:1.3;color:var(--navy)}
@media (min-width:560px){.podios-grid{gap:20px 16px}.podio figcaption{font-size:.88rem}}
.marcas{list-style:none;border-top:1px solid var(--border)}
.marcas li{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:11px 2px;border-bottom:1px solid var(--border)}
.marcas .dist{color:var(--muted);font-size:.97rem}
.marcas .tiempo{font-family:var(--font-display);font-weight:800;font-variant-numeric:tabular-nums;font-size:1.22rem;line-height:1;color:var(--deep);white-space:nowrap}
.marcas-cierre{margin:16px 0 0;font-family:var(--font-display);font-size:1.02rem;font-weight:600;line-height:1.45;color:var(--deep);max-width:46ch}
.badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;list-style:none}.badge{background:var(--ice);color:var(--deep);border-radius:999px;padding:.42rem .95rem;font-size:.85rem;font-weight:700}

/* ===== FAQ ===== */
.faq{max-width:820px;margin:0 auto;display:grid;gap:8px}details{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:0 20px}details[open]{border-color:var(--ocean)}summary{cursor:pointer;list-style:none;padding:17px 0;font-family:var(--font-display);font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:1rem}summary::-webkit-details-marker{display:none}summary::after{content:"+";font-size:1.35rem;color:var(--orange);font-weight:400;line-height:1}details[open] summary::after{content:"-"}details p{color:var(--muted);margin:0 0 17px;font-size:.97rem}.faq-more{text-align:center;margin:26px 0 0}.faq-more a{font-family:var(--font-display);font-weight:800}

/* ===== Contacto ===== */
.contact{background:linear-gradient(135deg,var(--deep),#0b2531);color:#fff}.contact h2{color:#fff}.contact .eyebrow{color:var(--orange)}.contact .lead{color:rgba(255,255,255,.86)}
form{display:grid;gap:14px}.field{display:grid;gap:.35rem}label{font-size:.89rem;font-weight:600;color:rgba(255,255,255,.88)}input,select,textarea{font-family:inherit;font-size:1rem;color:#fff;width:100%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);padding:.8rem 1rem;transition:border-color .18s var(--ease-out),background .18s var(--ease-out)}input::placeholder,textarea::placeholder{color:rgba(255,255,255,.55)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);background:rgba(255,255,255,.16)}select option{color:var(--text);background:#fff}textarea{resize:vertical;min-height:110px}.form-note{font-size:.84rem;color:rgba(255,255,255,.72);margin:0}.form-alt{margin:0 0 20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);font-size:.92rem;color:rgba(255,255,255,.75)}

/* ===== WhatsApp flotante ===== */
.contacto-figura{display:flex;justify-content:center}
.contacto-figura img{width:100%;max-width:170px;height:auto;margin-top:26px}

.canales{display:grid;gap:10px;margin-top:22px;max-width:400px}
.canal{display:flex;align-items:center;gap:14px;padding:13px 17px;border-radius:var(--radius-lg);text-decoration:none;font-family:var(--font-display);transition:transform .18s var(--ease-out),background .18s var(--ease-out)}
.canal:hover{transform:translateY(-3px)}
.canal svg{width:26px;height:26px;fill:currentColor;flex:0 0 auto}
.canal .canal-texto{display:flex;flex-direction:column;gap:.14rem;min-width:0}
.canal .canal-tit{font-size:1rem;font-weight:800;line-height:1.15}
.canal .canal-dato{font-family:var(--font-body);font-size:.86rem;font-weight:500;line-height:1.25;overflow-wrap:anywhere}
.canal-wa,.canal-wa:hover{background:var(--whatsapp);color:var(--whatsapp-ink)}
.canal-wa:hover{background:#1ebe5d}
.canal-ig,.canal-ig:hover{background:linear-gradient(315deg,#feda77 0%,#f58529 14%,#dd2a7b 42%,#8134af 72%,#515bd4 100%);color:#fff}
.canal-ig:hover{filter:brightness(1.08)}
.canal-mail,.canal-mail:hover{background:#EA4335;color:#fff}
.canal-mail:hover{background:#f25243}
.social{display:flex;gap:10px;list-style:none;margin:18px 0 0}
.social a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;text-decoration:none;transition:transform .18s var(--ease-out)}
.social a:hover{transform:translateY(-3px)}
.social .s-strava{background:#FC4C02}
.social .s-x{background:#000}
.social svg{width:20px;height:20px;fill:currentColor}

.wa-float{position:fixed;right:16px;bottom:16px;z-index:70;width:60px;height:60px;border-radius:50%;background:var(--whatsapp);color:var(--whatsapp-ink);display:grid;place-items:center;text-decoration:none;transition:transform .18s var(--ease-out),background .18s var(--ease-out)}.wa-float:hover{background:#1ebe5d;color:var(--whatsapp-ink);transform:translateY(-3px)}.wa-float:focus-visible{outline:3px solid #fff;outline-offset:3px}.wa-float svg{width:33px;height:33px;fill:currentColor}

/* ===== Footer ===== */
footer{background:var(--navy);color:rgba(255,255,255,.78);padding:30px 0 88px;font-size:.88rem}.foot{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}footer a{color:var(--light);text-decoration:none}footer a:hover{color:#fff}.foot-links{display:flex;gap:20px;list-style:none}

/* ===== Effects ===== */
.will-reveal{opacity:0;transform:translateY(22px)}.is-visible{opacity:1;transform:none;transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.reveal[data-split]{opacity:1;transform:none}

@media (min-width:540px){h1{font-size:3rem}.hero h1{font-size:2.6rem}h2{font-size:2.25rem}}
@media (min-width:760px){section{padding:82px 0}.wrap{padding:0 28px}.head{margin-bottom:44px}.grid{gap:20px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.facts ul{grid-template-columns:repeat(3,1fr)}.facts li{flex-direction:column;gap:.15rem}.facts strong{font-size:1.7rem}.steps{grid-template-columns:1fr 1fr;gap:0 32px}.prices{grid-template-columns:1fr 1fr}.price-cell{padding:30px 28px}.plan-body{padding:34px 30px}.includes{grid-template-columns:1fr 1fr;gap:12px 26px}.hero-photo img{aspect-ratio:21/9}.hero-panel{padding:44px 0 56px}.hero-sub{font-size:1.02rem}.banda{height:250px}}
@media (min-width:920px){h1{font-size:4.15rem}.hero h1{font-size:2.6rem;max-width:20ch}h2{font-size:2.65rem}.nav-inner{height:72px}.nav-toggle{display:none}.nav-links{display:flex;position:static;flex-direction:row;align-items:center;gap:24px;background:none;border:0;padding:0}.nav-links a{padding:0;border:0;font-size:.94rem}.nav-links .btn{margin-top:0;padding:.56rem 1.15rem;font-size:.92rem}.hero{display:grid;height:600px;grid-template-rows:1fr}.hero-photo{grid-area:1/1;min-height:0;overflow:hidden}.hero-photo img{height:100%;width:100%;aspect-ratio:auto;min-height:0;object-position:32% 94%;transform:translateY(var(--hero-shift,0)) scale(1.02)}.hero-overlay{grid-area:1/1;position:relative;z-index:2;display:grid;align-items:center;background:linear-gradient(90deg,rgba(15,52,70,.08) 0%,rgba(15,52,70,.28) 38%,rgba(15,52,70,.86) 100%)}.hero-overlay .wrap{display:flex;justify-content:flex-end;width:100%}.hero-panel{background:rgba(15,52,70,.88);border:1px solid rgba(255,255,255,.18);padding:32px 36px 34px;max-width:590px;border-radius:var(--radius-lg);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.banda{height:auto;aspect-ratio:3.656/1}.about{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center}.about-podios{margin:0}.raceday-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.contacto-grid{display:grid;grid-template-columns:1fr auto;gap:56px;align-items:center}.contacto-figura img{max-width:230px;margin-top:0}.wa-float{right:24px;bottom:24px;width:64px;height:64px}footer{padding:34px 0 96px}.foot{flex-direction:row;justify-content:space-between;text-align:left}}
@media (min-width:1280px){h1{font-size:4.55rem}.hero{height:660px}}
@media (hover:hover) and (pointer:fine){.tilt-ready{will-change:transform}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.caso.is-entering{animation:none}.casos-grid.is-animating{transition:none}.hero-photo img{transform:none}.hero::before{display:none}.will-reveal{opacity:1;transform:none;transition:none}.btn:hover,.card:hover,.caso:hover,.caso:hover img,.canal:hover,.social a:hover,.wa-float:hover{transform:none}}

/* ===== Casos en dos cintas que se mueven solas (como basehibrida.com) ===== */
.cinta{display:grid;gap:14px;margin-top:6px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.cinta-fila{overflow:hidden}
.cinta-pista{display:flex;width:max-content;list-style:none;margin:0;padding:6px 0;animation:cintaMueve var(--dur,70s) linear infinite}
.cinta-fila.is-inversa .cinta-pista{animation-direction:reverse}
@keyframes cintaMueve{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.cinta-caso{flex:0 0 auto;width:160px;margin-right:12px}
.cinta-caso .caso-abrir{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:#fff;cursor:zoom-in;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s}
.cinta-caso img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.cinta-ayuda{margin-top:14px;text-align:center;font-size:.86rem;color:var(--muted)}
@media (hover:hover) and (pointer:fine){
 .cinta-fila:hover .cinta-pista{animation-play-state:paused}
 .cinta-caso .caso-abrir:hover{transform:scale(1.04);border-color:var(--orange)}
 .cinta-ayuda{display:none}
}
html:has(.caso-dialog[open]) .cinta-pista{animation-play-state:paused}
@media (min-width:960px){.cinta{gap:18px}.cinta-caso{width:230px;margin-right:18px}}
@media (prefers-reduced-motion:reduce){.cinta-pista{animation-duration:calc(var(--dur,70s) * 2)}}

/* ===== Sobre mí: la frase de cierre, como cita (03/11/2026): serif en cursiva, centrada y con comillas grandes ===== */
@font-face{font-family:"Source Serif Cita";src:url("fonts/source-serif-4-italic-400.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
blockquote.marcas-cierre{margin:30px auto 8px;padding:0 6px;max-width:460px;text-align:center;border:0}
blockquote.marcas-cierre p{margin:0;font-family:"Source Serif Cita",Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;font-size:1.3rem;line-height:1.45;color:var(--deep);text-wrap:balance}
.cita-com{font-size:2.1em;line-height:0;color:var(--orange);vertical-align:-.32em;margin:0 .05em}
.cita-com:last-child{margin-left:-.08em}
@media (min-width:960px){blockquote.marcas-cierre p{font-size:1.4rem}}

/* Menú con Herramientas (10/11/2026): sin partir palabras y menos hueco entre 920 y 1079 px */
.nav-links a{white-space:nowrap}
@media (min-width:920px) and (max-width:1079px){.nav-links{gap:16px}}