/* «Seguridad comprobada» y entradas al recorrido (kit «confianza y recorrido», 25-oct-2026). Sin manual de marca: los
   colores salen del CSS en vivo de la portada (--dark #1a1a2e, --light #f8f9fa, --accent #f093fb). Fuera de línea: el
   sitio no tiene CSP todavía, pero lo nuevo no añade estilos en línea. */
.sc-smythos { background: #1a1a2e; padding: 4.5rem 0;
              --sc-texto: #f8f9fa; --sc-tenue: #c8cdd6; --sc-acento: #f093fb; --sc-sobre-acento: #1a1a2e;
              --sc-tarjeta: #2d3748; --sc-borde: rgba(248, 249, 250, 0.18); }
.sc-smythos .sc-nota-pie { color: #c8cdd6; font-size: 0.9rem; margin: 1.6rem 0 0; }
.sc-smythos .sc-nota-pie a { color: #f093fb; }
.sc-hero-guia { margin: 1.2rem 0 0; }
.sc-hero-guia a { color: #ffffff; text-decoration: underline; }
.sc-modal-guia { margin: 0 0 1.2rem; text-align: center; font-size: 0.9rem; color: #4a5568; }
.sc-modal-guia a, .sc-ayuda-guia a { color: #5a4bb5; text-decoration: underline; }
.sc-ayuda-guia { margin: 1.5rem 0; background: #ffffff; padding: 1rem 1.25rem; border-radius: 12px; }
/* La portada no define .container para todas las secciones: la sección lleva su propio ancho y margen. */
.sc-smythos > .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
@media (max-width: 480px) { .sc-smythos > .container { padding: 0 1rem; } }