/* Scrollbar personalizada */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #020617; }
::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #06b6d4; }

/* Efecto vidrio esmerilado para el menú */
.glass-panel {
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Transición para el comparador interactivo */
.img-transition {
    transition: opacity 0.3s ease-in-out;
}

/* Contenedor responsive para los videos de YouTube Shorts (16:9 vertical) */
.yt-short-container {
    position: relative;
    width: 100%;
    padding-top: 177.77%; 
    border-radius: 0.5rem;
    overflow: hidden;
    background-color: #0f172a;
}
.yt-short-container iframe {
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100%; height: 100%;
}

/* Eliminar outline/cursor de focus en enlaces y botones al hacer click */
a:focus, button:focus, *:focus {
    outline: none !important;
}

/* Eliminar cursor intermitente en las secciones enfocadas por el menu */
section { caret-color: transparent; }