/* === CUSTOM CSS === */
/* Eliminamos color de fondo blanco en la landing */
.wrapper.home_layout{background-color:transparent !important}

/* Cabecera: título en blanco con sombra suave + recuadro blanco */
.ct-adv-title{margin:0 0 6px;text-align:center}
.ct-adv-title img{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(18,32,66,.55));max-width:100%;height:auto}
.ct-adv-card{box-sizing:border-box;max-width:600px;margin:8px auto 32px;padding:26px 24px 20px;background:#FFFFFF;border-radius:18px;text-align:center;box-shadow:0 18px 40px rgba(12,22,48,.22)}
.ct-adv-card p{margin:0 0 16px;font-size:16px;line-height:1.55;color:#33538A}
.ct-adv-card img{max-width:150px;height:auto}
.ct-adv-card .ct-demo{margin:0;font-size:12px;font-style:italic;color:#6B7590}

/* Calendario: cuadrícula 5×5 */
.promos-group--container{max-width:780px;margin:0 auto}
.promos-group--container .col-6{flex:0 0 20%;max-width:20%;padding:5px !important;margin:0 !important}

/* Casillas: sin turquesa y con esquinas redondeadas */
.promos-group--container .promos-link{border-radius:10px;overflow:hidden}
.promos-group--container .promos-item{border:2px solid rgba(255,255,255,.55) !important;border-radius:10px}
.promos-group--container .promos-link.current-promo .title{background:rgba(51,83,138,.92) !important;color:#FFFFFF !important}

/* Casillas cerradas: sombreado para que se note que están cerradas */
.promos-group--container .promos-link.timeout .title,.promos-group--container .promos-link.timeout .footer{background:rgba(16,26,56,.45) !important;color:#FFFFFF !important}

/* Nombres en móvil */
@media (max-width:575px){.promos-group--container .promos-link .title{font-size:9px !important;line-height:1.2 !important;padding:4px 2px !important}}

/* Selector de idioma sin turquesa */
.lang_selector a{color:#33538A !important}