/* deporset.es — identidad «Mora + dorsal 7» (design_handoff_deporset) */

@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/saira-semi-condensed-600-latin.woff2') format('woff2')}
@font-face{font-family:'Saira Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/saira-semi-condensed-700-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-v23-cyrillic_latin_latin-ext-regular.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-v23-cyrillic_latin_latin-ext-600.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/ibm-plex-sans-v23-cyrillic_latin_latin-ext-700.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-mono-v20-latin_latin-ext-500.woff2') format('woff2')}

:root{
  --marca:#96305F; --marca-hover:#75244A; --marca-claro:#E387B4; --tinte:#F8E9F0;
  --superficie:#33121F;
  --papel:#F6F3EF; --tarjeta:#FFFFFF; --hundido:#EFEAE4;
  --borde:#E7E1DA; --linea:#F0EBE5;
  --tinta:#201A1E; --texto2:#6B645C; --mudo:#8A8086;
  --ok:#1F8A4D; --ok-tinte:#E8F2EC; --revisar:#B5760A; --revisar-tinte:#FBF4E8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:16.5px;line-height:1.6}
a{color:var(--marca);text-decoration:none}
a:hover{color:var(--marca-hover)}
img{max-width:100%}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
.mono{font-family:'IBM Plex Mono',monospace}

h1,h2,h3{font-family:'Saira Semi Condensed',sans-serif;line-height:1.12;margin:0}
h1{font-weight:700;font-size:clamp(34px,5.4vw,54px);letter-spacing:-.01em}
h2{font-weight:700;font-size:clamp(26px,3.6vw,34px)}
h3{font-weight:600;font-size:19px}
p{margin:0}

/* nav */
header.nav{position:sticky;top:0;z-index:20;background:rgba(246,243,239,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--borde)}
.nav-in{display:flex;align-items:center;gap:22px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:20px;color:var(--tinta)}
.logo img{width:30px;height:30px}
.logo span{color:var(--marca)}
.nav-links{display:flex;gap:20px;margin-left:auto;font-size:14.5px;font-weight:600}
.nav-links a{color:var(--texto2)}
.nav-links a:hover{color:var(--marca)}
.langs{display:flex;gap:8px;font-size:13px;font-weight:600;color:var(--mudo)}
.langs a{color:var(--mudo)} .langs .act{color:var(--marca)}
@media(max-width:820px){.nav-links{display:none}}

/* botones */
.btn{display:inline-block;background:var(--marca);color:#fff;border-radius:10px;padding:13px 24px;font-weight:700;font-size:15.5px}
.btn:hover{background:var(--marca-hover);color:#fff}
.btn-sec{display:inline-block;background:var(--tinte);color:var(--marca-hover);border-radius:10px;padding:13px 24px;font-weight:700;font-size:15.5px}
.btn-sec:hover{background:#F0D7E4;color:var(--marca-hover)}

/* hero */
.hero{padding:72px 0 56px}
.hero .kicker{font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--marca);font-weight:500;margin-bottom:14px}
.hero p.lede{font-size:19.5px;color:var(--texto2);max-width:38em;margin:18px 0 26px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
.hero .nota{margin-top:14px;font-size:13.5px;color:var(--mudo)}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.badge{background:var(--tarjeta);border:1px solid var(--borde);border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--texto2)}
.badge b{color:var(--marca)}

/* secciones */
section{padding:56px 0}
section.alt{background:var(--tarjeta);border-top:1px solid var(--borde);border-bottom:1px solid var(--borde)}
.sec-head{max-width:44em;margin-bottom:30px}
.sec-head p{color:var(--texto2);margin-top:10px;font-size:17px}

.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.g2,.g3{grid-template-columns:1fr}}

.card{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:24px}
section.alt .card{background:var(--papel)}
.card h3{margin-bottom:10px}
.card p{font-size:15px;color:var(--texto2)}
.card .cita{display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--mudo);margin-top:12px}
.card .num{font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:15px;color:var(--marca);letter-spacing:.02em;margin-bottom:8px}

/* franja «para quién» */
.quien{display:flex;gap:10px;flex-wrap:wrap}
.quien span{background:var(--hundido);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--texto2)}

/* precios */
.precios{align-items:stretch}
.plan{display:flex;flex-direction:column;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:26px}
.plan.destacado{border-color:var(--marca);border-width:2px;position:relative}
.plan.destacado::before{content:attr(data-tag);position:absolute;top:-11px;left:22px;background:var(--marca);color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;border-radius:12px;padding:3px 10px;text-transform:uppercase}
.plan .nombre{font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:20px}
.plan .precio{font-family:'Saira Semi Condensed',sans-serif;font-weight:700;font-size:40px;margin:8px 0 2px}
.plan .precio small{font-size:15px;font-weight:600;color:var(--mudo)}
.plan .para{font-size:13.5px;color:var(--mudo);margin-bottom:14px}
.plan ul{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:8px;font-size:14.5px;color:var(--texto2)}
.plan li{padding-left:22px;position:relative}
.plan li::before{content:'';position:absolute;left:0;top:7px;width:9px;height:9px;border-radius:50%;background:var(--marca-claro)}
.plan .btn,.plan .btn-sec{margin-top:auto;text-align:center}
.precios-nota{margin-top:18px;font-size:14px;color:var(--texto2);max-width:46em}

/* faq */
details{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:0;margin-bottom:10px;overflow:hidden}
summary{cursor:pointer;padding:17px 22px;font-weight:600;font-size:15.5px;list-style:none;position:relative;padding-right:44px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-family:'Saira Semi Condensed',sans-serif;font-weight:600;font-size:22px;color:var(--marca)}
details[open] summary::after{content:'−'}
details .resp{padding:0 22px 18px;font-size:14.5px;color:var(--texto2)}
details .resp .cita{display:block;font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--mudo);margin-top:10px}

/* cta final */
.cierre{background:var(--superficie);color:#F4EBF0;border-radius:18px;padding:46px 40px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.cierre h2{color:#fff}
.cierre p{color:#D8C2CD;margin-top:8px;max-width:34em}
.cierre .ctas{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:820px){.cierre .ctas{margin-left:0}}

/* footer */
footer{border-top:1px solid var(--borde);padding:36px 0 46px;font-size:13.5px;color:var(--mudo)}
.foot{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.foot .familia{max-width:30em;line-height:1.7}
.foot a{color:var(--texto2)}
.foot nav{display:flex;gap:16px;flex-wrap:wrap}

/* páginas legales */
.legal{max-width:760px;margin:0 auto;padding:56px 22px 80px}
.legal h1{font-size:34px;margin-bottom:8px}
.legal h2{font-size:21px;margin:32px 0 10px}
.legal p,.legal li{color:var(--texto2);font-size:15.5px}
.legal .fecha{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--mudo)}