@import url('../fonts/fonts.css');@font-face{font-family:DM Serif Display;src:url('../fonts/dm-serif.ttf')} :root{--cream:#fafaf7;--orange:#7d133a;--ink:#7d133a;--blue:#7d133a;--red:#7d133a}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.8 Raleway,sans-serif}a{color:inherit}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #7d133a25}.brand{font:30px 'DM Serif Display';text-decoration:none;white-space:nowrap}.asterisk{width:12px;height:12px;margin-left:4px;vertical-align:-2px;color:var(--orange)}.asterisk path{fill:none;stroke:currentColor;stroke-width:2.8}nav{display:flex;gap:22px;font-size:11px;font-weight:800}nav a{text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:65px 40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;text-transform:uppercase}h1,h2,h3{font-family:'DM Serif Display';font-weight:400;line-height:1.1}h1{font-size:clamp(42px,6vw,72px);max-width:850px;margin:22px 0}h2{font-size:38px}h3{font-size:31px}.intro{max-width:680px}.hero{background:var(--blue)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.card{padding:32px;background:white;border-radius:15px;border-top:5px solid var(--orange);display:flex;flex-direction:column;align-items:flex-start}.card p{flex:1}.btn{display:inline-block;background:var(--ink);color:var(--cream);padding:12px 22px;border-radius:30px;text-decoration:none;font-size:12px;font-weight:800;margin-top:12px}.status{font-size:12px;border:1px solid #7d133a40;border-radius:25px;padding:7px 14px}.cta{background:var(--orange)}footer{padding:25px 5%;font-size:11px;border-top:1px solid #7d133a25;display:flex;justify-content:space-between;gap:20px}.back{font-size:12px}.legal{display:flex;gap:15px;flex-wrap:wrap}@media(max-width:750px){header{align-items:flex-start;flex-direction:column}nav{gap:15px;flex-wrap:wrap}.wrap{padding:40px 24px}.grid{grid-template-columns:1fr}footer{flex-direction:column}h2{font-size:32px}}
/* Variante de color en las páginas interiores */:root{--pink:#f5ecc2}.hero{background:var(--pink)}.cta{background:var(--blue);color:var(--cream)}.card:nth-child(2){border-top-color:var(--blue)}


/* Naranja como acento principal */.cta{background:var(--orange);color:var(--ink)}.btn{background:var(--orange);color:var(--ink)}.cta .btn{background:var(--ink);color:var(--cream)}nav a:last-child{background:var(--orange);border-radius:25px;padding:7px 13px}nav{align-items:center}

/* Revisión 04/11/2026 · móvil: menú en dos líneas (logo + Hablemos arriba, enlaces debajo) y zonas táctiles de 44 px. Copia previa: version-antes-revision-2026-11-04/ */
@media(max-width:750px){
header{position:relative;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 5% 4px}
header nav{width:100%;gap:0 18px;flex-wrap:wrap;font-size:11.5px}
header nav a{display:inline-flex;align-items:center;min-height:44px}
header nav a:last-child{position:absolute;top:13px;right:5%;min-height:0;padding:11px 16px}
.back{display:inline-flex;align-items:center;min-height:44px}
footer .legal{display:flex;flex-wrap:wrap;gap:0 18px}
footer .legal a{display:inline-flex;align-items:center;min-height:44px}
}
input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:#7d133a;flex:none}
@media(hover:none){a,button,.btn{-webkit-tap-highlight-color:transparent}}
.btn:active,button:active{transform:scale(.97);transition:transform 120ms cubic-bezier(.23,1,.32,1)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}