html body .ozs--banner .ozs__media{background:0 0;aspect-ratio:auto;height:auto;line-height:0;font-size:0;display:block}html body .ozs--banner .ozs_picture,html body .ozs--banner .ozs__img,html body .ozs--banner .ozs__media img{display:block;width:100%;height:auto;object-fit:cover;margin:0;padding:0;border:none;outline:0;box-shadow:none;vertical-align:bottom}html body .ozs--banner .ozs__track{gap:0}html body .ozs--banner,html body .ozs--banner .ozs__media,html body .ozs--banner .ozs__slide,html body .ozs--banner .ozs__track,html body .ozs--banner .ozs__viewport{padding:0;margin:0;border:none;outline:0}.ozs--banner.ozs--peek .ozs__track{padding-left:0;padding-right:0}.ozs--banner.ozs--peek .ozs__slide{flex-basis:100%}.ozs--banner{width:100%;max-width:100%;margin-left:0;margin-right:0;line-height:0;font-size:0;border:none;overflow:hidden;--oz-banner-link-inset-x:calc(var(--oz-nav-size, 36px) + 1.25rem)}.ozs--banner .ozs__slide,.ozs--banner .ozs__track,.ozs--banner .ozs__viewport{width:100%;overflow:hidden}.ozs--banner .ozs__nav{z-index:8}.ozs--banner .ozs__nav-btn{z-index:9}.ozs--banner.ozs--banner-nav-visible .ozs__media-link{left:var(--oz-banner-link-inset-x);right:var(--oz-banner-link-inset-x);top:0;bottom:0;width:auto}
html body .ozs--banner .ozs__nav{position:absolute;inset:0;z-index:8}

/* ===== Flechas del slider principal (banner): boton cuadrado oscuro con
   borde y resplandor dorado sutil, chevron blanco fino centrado.
   Solo diseno visual (tamano/color/sombra/icono/hover) - la posicion lateral
   (left/right, centrado vertical) se mantiene igual que siempre. ===== */
html body .ozs.ozs--banner .ozs__nav-btn {
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(229, 180, 92, 0.75) !important;
    border-radius: 10px !important;
    background: rgba(12, 10, 8, 0.72) !important;
    box-shadow:
        0 0 8px rgba(224, 169, 72, 0.25),
        inset 0 0 10px rgba(255, 190, 77, 0.04) !important;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    top: var(--ozs-nav-top, 50%);
    transform: translateY(-50%);
    transition:
        background 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease !important;
}
html body .ozs.ozs--banner .ozs__nav-btn--prev { left: 16px !important; }
html body .ozs.ozs--banner .ozs__nav-btn--next { right: 16px !important; }

html body .ozs.ozs--banner .ozs__nav-btn:hover,
html body .ozs.ozs--banner .ozs__nav-btn:focus-visible {
    background: rgba(18, 14, 10, 0.88) !important;
    border-color: rgba(245, 193, 96, 1) !important;
    box-shadow:
        0 0 14px rgba(232, 174, 73, 0.55),
        inset 0 0 12px rgba(255, 195, 90, 0.08) !important;
    transform: translateY(-50%) scale(1.05) !important;
    outline: none;
}

/* Icono: chevron blanco, delgado, centrado (22px). Cada lado usa su propio
   SVG apuntando al lado correcto, por eso no necesita rotacion. */
html body .ozs.ozs--banner .ozs__nav-btn::before {
    content: '' !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    border: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 22px 22px !important;
    transform: none !important;
    transition: transform 0.3s ease !important;
}
html body .ozs.ozs--banner .ozs__nav-btn--prev::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15 5l-7 7 7 7' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .ozs.ozs--banner .ozs__nav-btn--next::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M9 5l7 7-7 7' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
html body .ozs.ozs--banner .ozs__nav-btn--prev:hover::before,
html body .ozs.ozs--banner .ozs__nav-btn--prev:focus-visible::before {
    transform: translateX(-2px) !important;
}
html body .ozs.ozs--banner .ozs__nav-btn--next:hover::before,
html body .ozs.ozs--banner .ozs__nav-btn--next:focus-visible::before {
    transform: translateX(2px) !important;
}

html body .ozs.ozs--banner .ozs__nav-btn[disabled],
html body .ozs.ozs--banner .ozs__nav-btn.is-disabled {
    background: rgba(12, 10, 8, 0.4) !important;
    border-color: rgba(229, 180, 92, 0.3) !important;
    box-shadow: none !important;
    opacity: 0.6;
    transform: translateY(-50%) !important;
    cursor: default;
}

@media (max-width: 768px) {
    html body .ozs.ozs--banner .ozs__nav-btn {
        width: 44px !important;
        height: 44px !important;
    }
    html body .ozs.ozs--banner .ozs__nav-btn--prev { left: 12px !important; }
    html body .ozs.ozs--banner .ozs__nav-btn--next { right: 12px !important; }
    html body .ozs.ozs--banner .ozs__nav-btn::before {
        width: 18px !important;
        height: 18px !important;
        background-size: 18px 18px !important;
    }
}
