:root{--fondo:#fff;--texto:#1c2430;--suave:#5b6675;--acento:#0f766e;--acento-claro:#e6f4f2;--borde:#e3e7ec}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--texto);background:var(--fondo);-webkit-font-smoothing:antialiased;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;display:flex}a{color:var(--acento)}.contenedor{width:100%;max-width:880px;margin:0 auto;padding:0 20px}.encabezado{border-bottom:1px solid var(--borde);padding:16px 0}.encabezado .contenedor{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;display:flex}.encabezado nav{flex-wrap:wrap;gap:4px 20px;font-size:.95rem;display:flex}.encabezado nav a{color:var(--texto);text-decoration:none}.encabezado nav a:hover,.encabezado nav a:focus-visible{color:var(--acento);text-decoration:underline}.marca{color:var(--texto);font-size:1.25rem;font-weight:700;text-decoration:none}main{flex:1}.portada{padding:56px 0 40px}.portada h1{margin-bottom:16px;font-size:clamp(1.75rem,5vw,2.5rem);line-height:1.2}.portada p{color:var(--suave);max-width:640px;font-size:1.125rem}.boton{background:var(--acento);color:#fff;border-radius:8px;margin-top:24px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block}.boton:hover,.boton:focus-visible{background:#0b5d57}a:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.tarjetas{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:16px;list-style:none;display:grid}.tarjetas li{border:1px solid var(--borde);border-radius:12px;padding:20px}.tarjetas h3,.producto h3{margin-bottom:6px;font-size:1.05rem}.tarjetas p,.producto p{color:var(--suave)}.producto{background:var(--acento-claro);border-radius:12px;margin-top:16px;padding:24px}.producto p+p{margin-top:8px}.producto-cabeza{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:8px;display:flex}.producto-cabeza h3{margin-bottom:0}.etiqueta{background:var(--fondo);border:1px solid var(--acento);color:#0b5d57;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:600;display:inline-block}.seccion{border-top:1px solid var(--borde);padding:32px 0}.seccion h2{margin-bottom:8px;font-size:1.35rem}.pie{border-top:1px solid var(--borde);color:var(--suave);padding:20px 0;font-size:.9rem}.pie .contenedor{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}