/* DIFRIHO Vitrinas v2.6 - sticky bar extraida de la hoja original de Granizadoras.
   Solo cambia la paleta, los identificadores y los mecanismos de compatibilidad. */
/* Evita que overflow:hidden/auto en los contenedores corte el sticky
   (overflow:clip no crea un scroll container). */
body.df-family-page.fg-icecream-page { overflow-x:clip !important; overflow-y:visible !important; }
body.df-family-page.fg-icecream-page #wrapper { overflow:visible !important; }
body.df-family-page.fg-icecream-page .fg-main { overflow-x:clip !important; overflow-y:visible !important; }

/* Reglas originales de Granizadoras v1.3.0: altura, posición, tipografía, indicador. */
body.fg-icecream-page .fg-section-nav {
    position:-webkit-sticky !important;
    position:sticky !important;
    top:var(--df-header-height,82px) !important;
    z-index:1000 !important;
    background:rgba(255,255,255,.98) !important;
    box-shadow:0 8px 26px rgba(9,40,58,.055) !important;
    border-bottom:1px solid var(--fg-line,#e1e9ef) !important;
    isolation:isolate;
    width:100%;
}
body.fg-icecream-page .fg-section-nav-inner {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:31px !important;
    min-height:60px !important;
    overflow-x:auto !important;
    scrollbar-width:thin;
    white-space:nowrap;
}
body.fg-icecream-page .fg-section-nav a {
    display:flex !important;
    align-items:center !important;
    flex-shrink:0 !important;
    height:60px !important;
    padding:0 !important;
    margin:0 !important;
    color:#657686 !important;
    font-size:12px !important;
    font-weight:750 !important;
    letter-spacing:.003em !important;
    border:0 !important;
    border-bottom:2px solid transparent !important;
    background:transparent !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transition:color .2s,border-color .2s;
}
body.fg-icecream-page .fg-section-nav a:hover,
body.fg-icecream-page .fg-section-nav a.is-current {
    color:var(--fg-blue,#1d71a5) !important;
    border-bottom-color:var(--fg-blue,#1d71a5) !important;
}
body.fg-icecream-page .fg-section-nav .fg-nav-label {
    color:#a0adb6 !important;
    font-size:10px !important;
    letter-spacing:.17em !important;
    font-weight:850 !important;
    margin-right:5px !important;
}
/* Barra del CSS de Granizadoras, con colores de las 4 secciones de Vitrinas. */
body.fg-icecream-page .fg-section-nav .fg-reading-progress {
    position:absolute !important;
    bottom:0 !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    height:3px !important;
    width:100% !important;
    background:linear-gradient(90deg,#e0a04e 0%,#267fac 25%,#07858a 50%,#8864a9 75%,#ad693f 100%) !important;
    transform:scaleX(0);
    transform-origin:left center !important;
    pointer-events:none !important;
    z-index:2 !important;
    will-change:transform;
    transition:none !important;
}
/* Estados de las cuatro anclas de vitrinas. */
body.fg-icecream-page .fg-section-nav a[href="#compactas"].is-current {color:#267fac!important;border-bottom-color:#267fac!important;}
body.fg-icecream-page .fg-section-nav a[href="#exposicion"].is-current {color:#07858a!important;border-bottom-color:#07858a!important;}
body.fg-icecream-page .fg-section-nav a[href="#premium"].is-current {color:#8864a9!important;border-bottom-color:#8864a9!important;}
body.fg-icecream-page .fg-section-nav a[href="#pozzetti"].is-current {color:#ad693f!important;border-bottom-color:#ad693f!important;}
body.fg-icecream-page .fg-section {scroll-margin-top:calc(var(--df-header-height,82px) + 68px) !important;}
body.fg-icecream-page .fg-section-nav a:focus-visible{outline:2px solid #267fac!important;outline-offset:-3px;}
/* Respaldo activado SOLO si la web tiene un ancestro que bloquea position:sticky. */
body.fg-icecream-page .fg-section-nav.fg-nav-fixed-fallback {
    position:fixed !important;
    top:var(--df-header-height,82px) !important;
    left:0 !important;
    right:0 !important;
    width:100vw !important;
    z-index:1000 !important;
}
body.fg-icecream-page .fg-nav-reserve{display:block;width:100%;padding:0;margin:0;border:0;}
@media(max-width:790px){body.fg-icecream-page .fg-section-nav-inner{gap:21px!important;}}
@media(max-width:520px){body.fg-icecream-page .fg-section-nav-inner{gap:18px!important;}}
@media(prefers-reduced-motion:reduce){body.fg-icecream-page .fg-section-nav a{transition:none!important;}}

/* Consistencia con el indicador original is-current. */
body.fg-icecream-page .fg-section-nav a[aria-current="location"] {font-weight:800!important;}