/* Centro Eventos Cali — base del tema (anula el ancho 100vw que exigía Divi) */
html,body{margin:0;padding:0}
body.tema-cec{background:#fff;overflow-x:hidden}
.cec{width:100%;max-width:none;margin:0;padding:0;position:relative}
.cec-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:-1px;padding:0;border:0}
/* v1.0.3: logo del menú = el mismo rombo dorado del pie (LOGO-PNG 2000px -> cec-logo-menu-rombo.png / @2x / @3x). Nombre nuevo para saltar la caché de 7 días del logo viejo. */
.cec .logo{display:flex;align-items:center;line-height:0;flex:0 0 auto}
.cec .cabecera .logo img,.cec .logo img.logo-rombo{height:96px;width:auto;max-width:none;transition:height .3s ease}
.cec.pagina-interna .cabecera .logo img{height:80px}
.cec-cab.con-scroll .cabecera .logo img{height:70px}
.cec .cabecera{padding:18px 0}
.cec.pagina-interna .cabecera{padding:12px 0}
.cec-cab.con-scroll .cabecera{background:rgba(13,34,56,.97);box-shadow:0 6px 24px rgba(0,0,0,.18);padding:12px 0}
/* v1.0.4: la cabecera es absoluta dentro de .cec-cab, que ya queda debajo de la barra de admin (html margin-top). Antes se sumaban 32/46px extra y quedaba una franja de foto encima del menú. */
.admin-bar .cec .cabecera{top:0}
@media(max-width:1080px){.cec .cabecera .logo img,.cec.pagina-interna .cabecera .logo img,.cec-cab.con-scroll .cabecera .logo img{height:72px}}
@media(max-width:700px){.cec .cabecera .logo img,.cec.pagina-interna .cabecera .logo img,.cec-cab.con-scroll .cabecera .logo img{height:64px}}
@media(max-width:700px){.cec .cabecera{position:absolute}.cec-cab.con-scroll .cabecera{background:none;box-shadow:none}.cec.pagina-interna .cabecera{background:rgba(13,34,56,.97)}}
.cec .legal article{margin-bottom:40px}
.cec .boton.linea-oscura{border:1px solid var(--dorado);color:var(--navy);background:transparent}
/* v1.0.7: banner de subpáginas más alto (casi toda la pantalla), capa más oscura y carrusel de 5 fotos con el mismo fundido del inicio (sin zoom). */
.cec .banner{height:100vh;height:min(100vh,90vw);min-height:520px;max-height:1200px}
.cec .banner:after{background:rgba(10,24,40,.62);z-index:1;pointer-events:none}
.cec .banner .hero-texto{z-index:3;padding-top:100px}
.cec .banner-fotos{position:absolute;inset:0;z-index:0;overflow:hidden}
.cec .banner-fotos .bf-diapo{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s 1.2s;z-index:1}
.cec .banner-fotos .bf-diapo.es-activa{opacity:1;visibility:visible;transition:opacity 1.2s ease,visibility 0s;z-index:2}
.cec .banner-fotos .bf-diapo img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.cec .bf-puntos{position:absolute;z-index:5;left:0;right:0;bottom:max(4vh,22px);display:flex;justify-content:center;gap:10px}
.cec .bf-punto{width:46px;height:14px;padding:5px 0;border:0;background:none;cursor:pointer}
.cec .bf-punto span{display:block;height:3px;background:rgba(255,255,255,.45);border-radius:3px;overflow:hidden;position:relative}
.cec .bf-punto span:after{content:"";position:absolute;inset:0;width:0;background:var(--dorado)}
.cec .bf-punto.es-activa span:after{width:100%}
@media(max-width:1080px){.cec .banner .hero-texto{padding-top:96px}}
@media(max-width:700px){.cec .banner{height:82vh;height:82svh;min-height:480px;max-height:760px}.cec .banner .hero-texto{padding-top:88px}.cec .banner-fotos .bf-diapo img{object-position:50% 50%!important}.cec .bf-punto{width:34px}}
@media(prefers-reduced-motion:reduce){.cec .banner-fotos .bf-diapo,.cec .banner-fotos .bf-diapo.es-activa{transition:none}}