:root{--negro: #121212;--crema: #f4f1ea;--gris-fondo: #ecebe6;--texto-suave-oscuro: #cfcbc2;--texto-suave-claro: #3a3934;--lila: #b9a7f7;--verde: #5daf7f;--verde-oscuro: #3f8e62;--rosa: #e07ac0;--amarillo: #f3e44c;--fuente-titulos: "Fraunces", Georgia, serif;--fuente-cuerpo: "Outfit", system-ui, sans-serif;--borde: 3px solid var(--negro);--radio-tarjeta: 24px;--radio-boton: 14px;--ancho-max: 1200px}@media(min-width:768px){:root{--radio-tarjeta: 36px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;padding:16px;background:var(--gris-fondo);color:var(--negro);font-family:var(--fuente-cuerpo);font-size:17px;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}@media(min-width:768px){body{font-size:18px}}main{display:grid;gap:16px}img,svg{display:block;max-width:100%}a{color:inherit}ul{margin:0;padding:0;list-style:none}p{margin:0}h1,h2,h3{margin:0;font-family:var(--fuente-titulos)}h1{font-size:clamp(40px,6.4vw,76px);font-weight:900;line-height:1.02;letter-spacing:-.02em}h2{font-size:clamp(30px,4vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.01em}h3{font-size:clamp(22px,2.2vw,26px);font-weight:700;line-height:1.2}.tarjeta{border-radius:var(--radio-tarjeta);padding:48px 20px}@media(min-width:768px){.tarjeta{padding:80px 48px}}.tarjeta--negro{background:var(--negro);color:var(--crema)}.tarjeta--crema{background:var(--crema);color:var(--negro)}.tarjeta--verde{background:var(--verde);color:var(--negro);border:var(--borde)}.contenedor{max-width:var(--ancho-max);margin:0 auto}.texto-suave{color:var(--texto-suave-claro)}.tarjeta--negro .texto-suave{color:var(--texto-suave-oscuro)}.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:var(--borde);border-radius:var(--radio-boton);font-family:var(--fuente-titulos);font-size:18px;font-weight:700;text-decoration:none;transition:transform .15s ease}.boton:hover{transform:translateY(-2px)}.boton--lila{background:var(--lila);color:var(--negro)}.boton--negro{background:var(--negro);color:var(--crema)}.tarjeta--negro .boton--lila{border-color:var(--lila)}:focus-visible{outline:3px solid var(--lila);outline-offset:3px}.tarjeta--verde :focus-visible,.tarjeta--crema :focus-visible{outline-color:var(--negro)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}