/* =========================================================
   PALETA APRENDOMATES — prueba feature/navidad (2026-11-16).
   Reglas compartidas por la portada y las páginas secundarias (s_*, sn_*).
   Se carga desde includes/header2.php cuando la página define
   $paleta_aprendomates = true (después de header2.css, antes de index2.css).
   Para revertir: quitar esa variable de las páginas.
   Colores tomados de aprendomates.com (shared/shell.css y portada).
   ========================================================= */
:root {
    --pal-sky: #8fc8d1;
    --pal-sky-soft: #bfe0e5;
    --pal-turquesa: #27a7bb;
    --pal-turquesa-oscuro: #1c8496;
    --pal-purple: #98599a;
    --pal-purple-frame: #6f4a86;
    --pal-purple-deep: #553669;
    --pal-cream: #fbf2e2;
    --pal-cream-2: #f1e1c0;
    --pal-tan: #d9c193;
    --pal-ink: #33313f;
    --pal-pink: #e74b61;
    --pal-green: #3cb54a;
    --pal-orange: #e8912e;
    --pal-blue: #4c8fc4;
}

/* Fondo de página y columna central (header2.css fija su propio crema en cada una) */
body { background-color: var(--pal-sky-soft); }
.columnaCentral { background: var(--pal-sky-soft); }

/* Cabecera de páginas interiores (la portada tiene su propio hero) */
#header2:not(.header2--hero) #h2-fila1 { background: #e3f4f6; }
#header2:not(.header2--hero) #h2-fila2 { background: #a9d8e0; border-bottom-color: var(--pal-sky); }

/* Barras de sección ("Más jugados", "Nivel inicial"...): texto turquesa con línea fina */
.subtitulo.fondoweb { background-color: transparent; color: var(--pal-turquesa-oscuro); border: 1.5px solid var(--pal-turquesa); }

/* Migas / título "Inicio" */
.titulo-portada.tp-inicio { color: var(--pal-purple-deep); }

/* Caja de introducción de los listados */
.cajaTexto.grey { border-color: var(--pal-tan); box-shadow: 0 4px 12px rgba(85, 54, 105, 0.10); color: var(--pal-ink); }
.cajaTexto h4 { color: var(--pal-purple-deep); }

/* "Quita la publicidad": de salmón a crema con texto morado; el botón naranja queda como único acento */
body .am-ctasp-tarjeta { background: linear-gradient(160deg, var(--pal-cream) 0%, var(--pal-cream-2) 100%); border-color: var(--pal-tan); color: var(--pal-ink); }
body .am-ctasp-franja { background: linear-gradient(90deg, var(--pal-cream), var(--pal-cream-2)); border-color: var(--pal-tan); color: var(--pal-ink); }
body .am-ctasp-tarjeta-titulo,
body .am-ctasp-franja strong,
body .am-ctasp-tarjeta .am-ctasp-link,
body .am-ctasp-franja .am-ctasp-link,
body .am-ctasp-tarjeta .am-ctasp-x,
body .am-ctasp-franja .am-ctasp-x { color: var(--pal-purple-deep); }
body .am-ctasp-tarjeta .am-ctasp-link:hover,
body .am-ctasp-franja .am-ctasp-link:hover { color: var(--pal-purple); }

/* Botón de girar la tarjeta (birrete): del azul antiguo al morado */
.card-juego-info-btn { background: var(--pal-purple-frame); }
.card-juego-info-btn:hover,
.card-juego-info-btn:focus-visible { background: var(--pal-purple-deep); }

/* "Crear cuenta" / "Entrar": del rosa apagado al morado; las variantes conservan su forma */
.h2-cta { background: var(--pal-purple-frame); }
.h2-cta:hover, .h2-cta:focus-visible { background: var(--pal-purple-deep); }
.h2-cta-entrar { border-color: var(--pal-purple-frame); color: var(--pal-purple-frame); }
.h2-cta-entrar:hover, .h2-cta-entrar:focus-visible { color: var(--pal-purple-deep); border-color: var(--pal-purple-deep); }
.h2-cta.h2-cta-entrar { background: transparent; }
.h2-cta.h2-cta-entrar:hover, .h2-cta.h2-cta-entrar:focus-visible { background: rgba(111, 74, 134, 0.08); }
.h2-cta.h2-cta-sinpub { background: #2f7d6d; }
.h2-cta.h2-cta-sinpub:hover, .h2-cta.h2-cta-sinpub:focus-visible { background: #25665a; }

/* Píldora "Inicio": del azul antiguo al turquesa */
.h2-pill-inicio { background: var(--pal-turquesa-oscuro); }

/* Buscador (buscar.php): panel de filtros y botones */
.buscador-panel .btn-primary { background-color: var(--pal-purple-frame); border-color: var(--pal-purple-frame); }
.buscador-panel .btn-primary:hover,
.buscador-panel .btn-primary:focus { background-color: var(--pal-purple-deep); border-color: var(--pal-purple-deep); }
.buscador-panel .btn-outline-secondary { color: var(--pal-purple-frame); border-color: var(--pal-purple-frame); }
.buscador-panel .btn-outline-secondary:hover,
.buscador-panel .btn-outline-secondary:focus { background-color: var(--pal-purple-frame); border-color: var(--pal-purple-frame); color: #fff; }
.buscador-panel label { color: var(--pal-purple-deep); }
.buscador-panel .form-control { border-color: var(--pal-tan); }
.buscador-panel .form-control:focus { border-color: var(--pal-turquesa); box-shadow: 0 0 0 .2rem rgba(39, 167, 187, .25); }
.titulo-portada.tp-buscador { color: var(--pal-turquesa-oscuro); }