/* Fondo Optivision: azul, naranja, amarillo y blanco */
html,body{max-width:100%;overflow-x:clip}
body{background:#e7f5ff;background-image:radial-gradient(circle at 10% 15%,rgba(255,188,38,.24),transparent 23%),radial-gradient(circle at 90% 55%,rgba(26,126,221,.20),transparent 28%),linear-gradient(135deg,#fff,#d7eeff 48%,#f9fdff 72%,#cdeaff)}
.cabecera-fija{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#1768d1,#4bbdf1,#ffca43,#ff721d) 1}
.portada{background-image:url('optivision-formas.svg'),linear-gradient(125deg,#f9fdff,#d5edff)!important;background-size:cover,cover;background-position:center;border-radius:24px;box-shadow:0 14px 40px rgba(14,76,145,.12)}
.seccion{background-image:url('optivision-formas.svg'),linear-gradient(130deg,rgba(255,255,255,.97),rgba(227,245,255,.94));background-position:center;background-size:cover;border-radius:24px;margin:24px 2%;box-shadow:0 12px 34px rgba(14,76,145,.07)}
.seccion h2{color:#173d73}.sobrelinea{color:#ec641c}
/* Publicidad: mantener proporción 3:1 y ambas flechas */
.carrusel-promociones{width:100%!important;max-width:none!important;margin:0 0 35px!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.carrusel-promociones .carrusel-contenedor{position:relative;width:100%;max-width:none;aspect-ratio:3/1;margin:0;padding:0;overflow:hidden;border-radius:0;background:#e8f5ff}
.carrusel-promociones .promo-slide{display:none;width:100%;height:100%;max-height:none!important;object-fit:contain}
.carrusel-promociones .promo-slide.activo{display:block}
.carrusel-promociones .promo-anterior,.carrusel-promociones .promo-siguiente{display:flex!important;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;padding:0;z-index:20;background:rgba(14,42,84,.76);color:white;border:2px solid rgba(255,255,255,.85);border-radius:50%;cursor:pointer;visibility:visible!important;opacity:1!important}
.carrusel-promociones .promo-anterior{left:14px;right:auto}.carrusel-promociones .promo-siguiente{right:14px;left:auto}
.carrusel-promociones .promo-anterior:hover,.carrusel-promociones .promo-siguiente:hover{background:#ff751c}
@media(max-width:600px){.portada,.seccion{border-radius:14px;margin-left:1%;margin-right:1%}.carrusel-promociones .promo-anterior,.carrusel-promociones .promo-siguiente{width:34px;height:34px;font-size:16px}.carrusel-promociones .promo-anterior{left:6px}.carrusel-promociones .promo-siguiente{right:6px}}