/* ============================================
   INNER PAGES — HEADER FIJO
   Equivalente al bloque sticky de swiper-custom.css
   pero para páginas internas (header ya arranca en top:0)
   ============================================ */

/* Wrapper no ocupa espacio en el flujo — sticky es fixed */
.stick-wrapper {
    position: relative !important;
    height: 0 !important;
    background-color: transparent !important;
}

/* Header siempre fijo al top desde que carga la página */
.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    z-index: 9999 !important;
    background-color: rgba(255, 255, 255, 1) !important;
    border-bottom: 1px solid #e5e5e5 !important;
    box-shadow: none;
    -webkit-transition: box-shadow 0.4s ease, background-color 0.4s ease !important;
    transition: box-shadow 0.4s ease, background-color 0.4s ease !important;
}

/* Sombra suave cuando el JS detecta que el usuario ha hecho scroll */
.sticky.is-fixed {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.10) !important;
}

/* Colores de nav — iguales que index */
.sticky .nav a {
    color: #000 !important;
}
.sticky .nav a:hover {
    color: #00e7b4 !important;
}
.sticky .nav a.active-link {
    color: #00e7b4 !important;
}
.sticky .nav > ul > li > a:after {
    color: #00e7b4 !important;
}
.sticky .logo img {
    -webkit-filter: none !important;
    filter: none !important;
}