/* Argafood: navegacion movil con pestanas */
.af-pestanas { display: none; }

@media (max-width: 781px) {
    .af-header .af-nav { display: none !important; }
    .af-header__barra { flex-wrap: wrap !important; row-gap: 0 !important; }

    .af-pestanas {
        display: block; order: 10; flex: 0 0 100%;
        margin: .55rem calc(-1 * var(--wp--style--root--padding-right, 1.25rem)) 0 calc(-1 * var(--wp--style--root--padding-left, 1.25rem));
        max-height: 4rem; overflow: hidden;
        transition: max-height .28s ease, opacity .2s ease, margin-top .28s ease;
    }
    .af-pestanas ul {
        display: flex; gap: .45rem; margin: 0; list-style: none; position: relative;
        padding: .1rem var(--wp--style--root--padding-left, 1.25rem) .15rem;
        overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
    }
    .af-pestanas ul::-webkit-scrollbar { display: none; }
    .af-pestanas.af-mas-dcha ul { -webkit-mask-image: linear-gradient(to right, #000 80%, transparent); mask-image: linear-gradient(to right, #000 80%, transparent); }
    .af-pestanas.af-mas-izq ul { -webkit-mask-image: linear-gradient(to right, transparent, #000 20%); mask-image: linear-gradient(to right, transparent, #000 20%); }
    .af-pestanas.af-mas-izq.af-mas-dcha ul { -webkit-mask-image: linear-gradient(to right, transparent, #000 15%, #000 80%, transparent); mask-image: linear-gradient(to right, transparent, #000 15%, #000 80%, transparent); }
    .af-pestanas li { flex: 0 0 auto; margin: 0; scroll-snap-align: start; }
    .af-pestanas a {
        display: block; padding: .5rem .95rem; border-radius: 999px; white-space: nowrap;
        font-size: .93rem; font-weight: 600; line-height: 1.2; text-decoration: none;
        color: var(--wp--preset--color--tinta); border: 1px solid var(--wp--preset--color--linea); background: #fff;
        transition: padding .25s ease, font-size .25s ease;
    }
    .af-pestanas a.is-actual { background: var(--wp--preset--color--verde); border-color: var(--wp--preset--color--verde); color: #fff; }

    .is-compacta .af-pestanas { margin-top: .35rem; }
    .is-compacta .af-pestanas a { padding: .36rem .8rem; font-size: .86rem; }

    .af-ocultar-pestanas .af-pestanas { max-height: 0; opacity: 0; margin-top: 0; pointer-events: none; }

    .af-subnav ul { padding: .55rem 0; }
    .is-compacta .af-subnav ul { padding: .4rem 0; }
    .is-compacta .af-subnav a { padding: .32rem .75rem; font-size: .85rem; }
}

@media (max-width: 781px) and (prefers-reduced-motion: reduce) {
    .af-pestanas, .af-pestanas a { transition: none; }
}

/* Fila de secciones integrada en la cabecera fija */
.af-header > .af-subnav {
    position: static !important; top: auto !important;
    margin: .6rem calc(-1 * var(--wp--style--root--padding-right, 1.25rem)) 0 calc(-1 * var(--wp--style--root--padding-left, 1.25rem)) !important;
    border-bottom: 0; border-top: 1px solid var(--wp--preset--color--linea);
    background: transparent;
}
.af-header:has(> .af-subnav) { padding-bottom: 0 !important; }
.is-compacta .af-header > .af-subnav { margin-top: .35rem !important; }
.af-subnav-en-cabecera { scroll-padding-top: calc(var(--af-cabecera) + 16px); }
