/* ─────────────────────────────────────────────────────────────
   Header de avena.io: nav (NavAvena) y contenedor fijo (SiteStickyChrome),
   copiados de los estilos en
   producción de https://avena.io. Las reglas van bajo .v12StickyChrome
   para que no las pisen los estilos del directorio (.av a, etc.).
   ───────────────────────────────────────────────────────────── */

/* ── SiteStickyChrome (avena.io) ── */
.v12StickyChrome {
    z-index:50;
    position:sticky;
    top:0;
}

/* ── NavAvena (avena.io) ── */
.v12StickyChrome .navAvena {
    z-index:40;
    letter-spacing:-.02em;
    color:#111827;
    isolation:isolate;
    background:#fff;
    border-bottom:1px solid #e7e7e7;
    width:100%;
    font-family:Figtree,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    position:sticky;
    top:0;
}
.v12StickyChrome .navAvena__bar {
    align-items:center;
    gap:24px;
    min-width:0;
    max-width:1360px;
    height:76px;
    margin:0 auto;
    padding:0 32px;
    display:flex;
}
.v12StickyChrome .navAvena__logo {
    flex:none;
    align-items:center;
    text-decoration:none;
    display:flex;
}
.v12StickyChrome .navAvena__logoImg {
    border-radius:9999px;
    width:44px;
    height:44px;
    display:block;
}
.v12StickyChrome .navAvena__menu {
    flex:1;
    justify-content:center;
    align-items:center;
    gap:max(14px,min(2vw,30px));
    min-width:0;
    margin:0;
    padding:0;
    font-size:15px;
    font-weight:500;
    list-style:none;
    display:flex;
}
.v12StickyChrome .navAvena__dropdown {
    position:static;
}
.v12StickyChrome .navAvena__trigger {
    letter-spacing:-.02em;
    color:#111827;
    cursor:pointer;
    white-space:nowrap;
    background:0 0;
    border:none;
    align-items:center;
    gap:4px;
    padding:8px 0;
    font-family:inherit;
    font-size:15px;
    font-weight:500;
    display:inline-flex;
}
.v12StickyChrome .navAvena__trigger:hover,.v12StickyChrome .navAvena__link:hover,.v12StickyChrome .navAvena__link--active {
    color:#155dfc;
}
.v12StickyChrome .navAvena__chevron {
    color:#6a7282;
    flex:none;
}
.v12StickyChrome .navAvena__link {
    color:#111827;
    white-space:nowrap;
    letter-spacing:-.02em;
    text-decoration:none;
}
.v12StickyChrome .navAvena__actions {
    flex:none;
    align-items:center;
    gap:12px;
    font-size:15px;
    font-weight:500;
    display:flex;
}
.v12StickyChrome .navAvena__locale {
    color:#6a7282;
    cursor:pointer;
    border-radius:9999px;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    display:inline-flex;
    position:relative;
}
.v12StickyChrome .navAvena__locale:hover {
    color:#111827;
    background:#f1f5f9;
}
.v12StickyChrome .navAvena__localeIcon {
    flex:none;
}
.v12StickyChrome .navAvena__localeSelect {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    letter-spacing:-.02em;
    color:inherit;
    cursor:pointer;
    background:0 0;
    border:none;
    padding-right:16px;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    line-height:1;
}
.v12StickyChrome .navAvena__localeChevron {
    pointer-events:none;
    position:absolute;
    right:12px;
}
.v12StickyChrome .navAvena__btnOutline {
    color:#111827;
    white-space:nowrap;
    letter-spacing:-.02em;
    border:1px solid #e7e7e7;
    border-radius:9999px;
    align-items:center;
    gap:10px;
    padding:15px 26px;
    font-size:15px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
    display:inline-flex;
}
.v12StickyChrome .navAvena__btnOutlineIcon {
    stroke:#111827;
    fill:none;
}
.v12StickyChrome .navAvena__btnOutline:hover {
    color:#155dfc;
    background:#f8fafc;
    box-shadow:inset 0 0 0 1px #93b8fd;
}
.v12StickyChrome .navAvena__btnPrimary {
    color:#fff;
    white-space:nowrap;
    letter-spacing:-.02em;
    background:#155dfc;
    border-radius:9999px;
    align-items:center;
    padding:15px 26px;
    font-size:15px;
    font-weight:600;
    line-height:1;
    text-decoration:none;
    display:inline-flex;
}
.v12StickyChrome .navAvena__btnPrimary:hover {
    color:#fff;
    background:#0f46c8;
}
.v12StickyChrome .navAvena__mega {
    box-sizing:border-box;
    z-index:41;
    pointer-events:none;
    justify-content:center;
    align-items:flex-start;
    width:100%;
    padding:0 24px 20px;
    animation:.18s cubic-bezier(.2,0,0,1) navAvenaFade;
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
}
.v12StickyChrome .navAvena__dropdown.is-open .navAvena__mega {
    display:flex;
}
.v12StickyChrome .navAvena__megaPanel {
    pointer-events:auto;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:16px;
    align-items:stretch;
    gap:36px;
    width:max-content;
    max-width:min(1040px,92vw);
    padding:22px 26px;
    display:flex;
    box-shadow:0 16px 32px -12px #1118271f;
}
.v12StickyChrome .navAvena__megaBody {
    flex:1;
    min-width:0;
}
.v12StickyChrome .navAvena__megaBody--grid2 {
    grid-template-columns:1fr 1fr;
    align-content:start;
    gap:2px 24px;
    display:grid;
}
.v12StickyChrome .navAvena__megaBody--cols3 {
    grid-template-columns:repeat(3,1fr);
    align-content:start;
    gap:24px;
    display:grid;
}
.v12StickyChrome .navAvena__megaSectionTitle {
    letter-spacing:-.01em;
    color:#6a7282;
    margin:0 0 4px;
    padding:0 12px;
    font-size:12px;
    font-weight:600;
}
.v12StickyChrome .navAvena__megaGrid {
    grid-column:1/-1;
    grid-template-columns:1fr 1fr;
    gap:2px 24px;
    display:grid;
}
.v12StickyChrome .navAvena__megaCol {
    align-content:start;
    gap:2px;
    display:grid;
}
.v12StickyChrome .navAvena__megaItem {
    color:#111827;
    border-radius:10px;
    align-items:center;
    gap:13px;
    padding:10px 12px;
    text-decoration:none;
    display:flex;
}
.v12StickyChrome .navAvena__megaItem:hover {
    color:#155dfc;
    background:#f8fafc;
    box-shadow:inset 0 0 0 1px #93b8fd;
}
.v12StickyChrome .navAvena__megaItem--highlight {
    color:#155dfc;
    background:#f1f5f9;
}
.v12StickyChrome .navAvena__megaItem--highlight .navAvena__megaItemLabel {
    color:#155dfc;
    font-weight:600;
}
.v12StickyChrome .navAvena__megaItemIcon {
    color:#155dfc;
    background:#edf2ff;
    border-radius:9px;
    flex:none;
    place-items:center;
    width:38px;
    height:38px;
    display:grid;
}
.v12StickyChrome .navAvena__megaItemLabel {
    letter-spacing:-.02em;
    font-size:15px;
    font-weight:500;
}
.v12StickyChrome .navAvena__aside {
    background:linear-gradient(#edf2ff 0%,#f8fafc 100%);
    border-radius:14px;
    flex:none;
    align-content:start;
    gap:14px;
    width:320px;
    padding:18px;
    display:grid;
}
.v12StickyChrome .navAvena__asideEyebrow {
    letter-spacing:-.01em;
    color:#6a7282;
    margin:0;
    font-size:12px;
    font-weight:600;
}
.v12StickyChrome .navAvena__asideMediaLink {
    color:inherit;
    border-radius:12px;
    text-decoration:none;
    display:block;
}
.v12StickyChrome .navAvena__asideMediaLink:hover .navAvena__asideMedia {
    box-shadow:0 8px 24px #1118271f;
}
.v12StickyChrome .navAvena__asideMediaLink:hover .navAvena__asideMedia img {
    transform:scale(1.03);
}
.v12StickyChrome .navAvena__asideMedia {
    aspect-ratio:16/10;
    background:#e7e7e7;
    border-radius:12px;
    width:100%;
    transition:box-shadow .2s;
    overflow:hidden;
}
.v12StickyChrome .navAvena__asideMedia img {
    object-fit:cover;
    width:100%;
    height:100%;
    transition:transform .2s;
    display:block;
}
.v12StickyChrome .navAvena__asideTitle {
    letter-spacing:-.03em;
    color:#111827;
    margin:0;
    font-size:17px;
    font-weight:700;
    line-height:1.25;
}
.v12StickyChrome .navAvena__asideCta {
    letter-spacing:-.02em;
    color:#155dfc;
    align-items:center;
    gap:7px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    display:inline-flex;
}
.v12StickyChrome .navAvena__asideCta:hover {
    color:#0f46c8;
}
.v12StickyChrome .navAvena__mobileToggle {
    cursor:pointer;
    align-items:center;
    margin-left:auto;
    display:none;
}
.v12StickyChrome .navAvena__actionsMobile,.v12StickyChrome .navAvena__closeIcon {
    display:none;
}
@keyframes navAvenaFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:1100px) {
    .v12StickyChrome .navAvena__btnOutline span:not(.navAvena__btnOutlineIconWrap) {
        display:none;
    }
    .v12StickyChrome .navAvena__btnOutline {
        padding:12px;
    }
}
@media (max-width:980px) {
    html.navAvena-scrollLock {
        overflow:hidden;
    }
    .v12StickyChrome .navAvena__bar {
        gap:12px;
        padding:0 16px;
    }
    .v12StickyChrome .navAvena__mobileToggle {
        display:flex;
    }
    .v12StickyChrome .navAvena__menu {
        display:none;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile {
        width:100%;
        height:calc(100vh - 76px);
        overscroll-behavior:contain;
        -webkit-overflow-scrolling:touch;
        z-index:42;
        background:#fff;
        border-bottom:1px solid #e7e7e7;
        flex-direction:column;
        justify-content:flex-start;
        align-items:stretch;
        gap:0;
        height:calc(100dvh - 76px);
        padding:16px 20px 32px;
        display:flex;
        position:absolute;
        top:100%;
        left:0;
        overflow-y:auto;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile>li {
        border-bottom:1px solid #f1f5f9;
        padding:14px 0;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile>li.navAvena__actionsMobile {
        border-bottom:none;
        padding-top:0;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__mega {
        pointer-events:auto;
        padding:8px 0 12px;
        animation:none;
        display:none;
        position:static;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__dropdown.is-open .navAvena__mega {
        display:block;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__megaPanel {
        width:100%;
        max-width:none;
        box-shadow:none;
        border:1px solid #e7e7e7;
        flex-direction:column;
        gap:16px;
        padding:12px;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__megaBody--grid2,.v12StickyChrome .navAvena__menu.menu__mobile .navAvena__megaGrid,.v12StickyChrome .navAvena__menu.menu__mobile .navAvena__megaBody--cols3 {
        grid-template-columns:1fr;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__aside {
        width:100%;
    }
    .v12StickyChrome .navAvena__actions {
        display:none;
    }
    .v12StickyChrome .navAvena__menu.menu__mobile .navAvena__actionsMobile {
        flex-direction:column;
        gap:12px;
        margin-top:20px;
        padding-top:8px;
        display:flex;
    }
    .v12StickyChrome .navAvena__btnOutline,.v12StickyChrome .navAvena__btnPrimary {
        justify-content:center;
        width:100%;
    }
}

/* Ajuste para el directorio: base tipográfica de las páginas internas de avena.io (line-height 1.5) */
.v12StickyChrome {
    line-height: 1.5;
}
.v12StickyChrome a {
    text-decoration: none;
}