/* =========================================================
   VOLPH GLOBAL HEADER — EDITORIAL ECOSYSTEM
   Ajuste: mega menu editorial full width
   Escopo: apenas layout/visual. Não altera rotas, PHP, JS ou banco.
========================================================= */

:root{
    --volph-black:#050505;
    --volph-deep:#0B0B0B;
    --volph-ink:#111111;
    --volph-carbon:#1A1A1A;
    --volph-warm:#F5F5F3;
    --volph-cream:#FBF7EF;
    --volph-stone:#E7E0D4;
    --volph-muted:#8E949C;
    --volph-gold:#C6A972;
    --volph-brown:#8B6A42;
}

body.volph-global-menu-open{
    overflow:hidden;
}

/* HEADER */
.volph-global-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    font-family:Arial, Helvetica, sans-serif;
    -webkit-font-smoothing:antialiased;
    text-rendering:geometricPrecision;
}

.volph-global-header__blur{
    position:absolute;
    inset:0;
    background:rgba(245,245,243,.92);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(17,17,17,.07);
}

.volph-global-header__inner{
    position:relative;
    z-index:2;
    width:min(1500px, calc(100% - 72px));
    height:88px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:34px;
}

.volph-global-header__brand{
    display:flex;
    align-items:center;
    text-decoration:none;
    flex-shrink:0;
}

.volph-global-header__brand img{
    height:34px;
    width:auto;
    display:block;
}

/* NAV */
.volph-global-nav{
    display:flex;
    align-items:center;
    gap:38px;
    flex:1;
    justify-content:center;
}

.volph-global-nav a,
.volph-global-dropdown__button{
    position:relative;
    background:transparent;
    border:0;
    padding:0;
    cursor:pointer;
    color:var(--volph-ink);
    text-decoration:none;
    font-size:11px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
    transition:.22s ease;
    white-space:nowrap;
}

.volph-global-nav a:after,
.volph-global-dropdown__button:after{
    content:"";
    position:absolute;
    left:0;
    bottom:-13px;
    width:0;
    height:1px;
    background:var(--volph-gold);
    transition:.22s ease;
}

.volph-global-nav a:hover,
.volph-global-nav a.is-active,
.volph-global-dropdown:hover .volph-global-dropdown__button{
    color:var(--volph-brown);
}

.volph-global-nav a:hover:after,
.volph-global-nav a.is-active:after,
.volph-global-dropdown:hover .volph-global-dropdown__button:after{
    width:100%;
}

/* DROPDOWN BASE */
.volph-global-dropdown{
    position:static;
}

.volph-global-dropdown:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:34px;
}

/* PAINEL FULL WIDTH */
.volph-global-dropdown__panel{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%) translateY(12px);
    width:100vw;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index:50;
}

.volph-global-dropdown__panel--wide{
    width:100vw;
    padding:0;
}

.volph-global-dropdown:hover .volph-global-dropdown__panel,
.volph-global-dropdown:focus-within .volph-global-dropdown__panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
}

/* MEGA MENU FULL WIDTH */
.volph-mega{
    width:100vw;
    min-height:330px;
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:42px;
    align-items:stretch;
    padding:42px max(72px, calc((100vw - 1180px) / 2));
    background:rgba(251,247,239,.98);
    border-top:1px solid rgba(17,17,17,.08);
    border-bottom:1px solid rgba(17,17,17,.08);
    border-left:0;
    border-right:0;
    border-radius:0;
    box-shadow:0 30px 90px rgba(5,5,5,.14);
}

.volph-mega__intro{
    min-width:0;
    padding-right:34px;
    border-right:1px solid rgba(17,17,17,.08);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.volph-mega__intro span,
.volph-global-dropdown__group span{
    display:block;
    margin-bottom:20px;
    color:var(--volph-brown);
    font-size:10px;
    font-weight:900;
    letter-spacing:.20em;
    text-transform:uppercase;
}

.volph-mega__intro h3{
    margin:0 0 22px;
    color:var(--volph-ink);
    font-family:Georgia, "Times New Roman", serif;
    font-size:30px;
    line-height:1.08;
    letter-spacing:-.045em;
    font-weight:500;
}

.volph-mega__intro h3:after{
    content:"";
    display:block;
    width:34px;
    height:1px;
    margin-top:24px;
    background:var(--volph-gold);
}

.volph-mega__intro p{
    max-width:270px;
    margin:0 0 28px;
    color:#4F4B45;
    font-size:14px;
    line-height:1.72;
}

.volph-mega__text-link{
    margin-top:auto;
    color:#9A733C !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:.17em !important;
    text-transform:uppercase !important;
}

/* COLUNAS DE LINKS */
.volph-mega__columns{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
    gap:40px;
    min-width:0;
}

.volph-global-dropdown__group{
    min-width:0;
}

.volph-global-dropdown__group a{
    min-height:46px;
    margin:0;
    padding:0;
    border-bottom:1px solid rgba(17,17,17,.08);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    color:var(--volph-ink);
    text-decoration:none;
    font-size:14px;
    line-height:1.35;
    letter-spacing:0;
    text-transform:none;
    font-weight:500;
    transition:color .22s ease, padding .22s ease;
}

.volph-global-dropdown__group a:before{
    display:none !important;
}

.volph-global-dropdown__group a:after{
    content:"›";
    display:block;
    position:static;
    width:auto;
    height:auto;
    margin-left:auto;
    background:transparent;
    color:var(--volph-brown);
    font-size:22px;
    line-height:1;
    flex-shrink:0;
}

.volph-global-dropdown__group a:hover{
    color:var(--volph-brown);
    padding-left:4px;
}

/* ÚLTIMAS LEITURAS — evita texto espremido */
.volph-global-dropdown__group:nth-child(2) a{
    font-size:13px;
    line-height:1.42;
    min-height:48px;
    align-items:center;
}

/* ACTIONS */
.volph-global-actions{
    display:flex;
    align-items:center;
    gap:16px;
    flex-shrink:0;
}

.volph-global-login{
    color:var(--volph-ink);
    text-decoration:none;
    font-size:10px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.volph-global-cta{
    min-height:44px;
    padding:0 26px;
    background:var(--volph-ink);
    color:var(--volph-warm);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:10px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
    transition:.22s ease;
}

.volph-global-cta:hover{
    background:var(--volph-gold);
    color:var(--volph-ink);
}

.volph-global-avatar{
    width:36px;
    height:36px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--volph-ink);
    color:var(--volph-warm);
    text-decoration:none;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
}

.volph-global-menu-btn{
    width:42px;
    height:42px;
    background:transparent;
    border:1px solid rgba(17,17,17,.10);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    cursor:pointer;
    transition:.22s ease;
}

.volph-global-menu-btn:hover{
    background:#EEE8DF;
}

.volph-global-menu-btn span{
    width:22px;
    height:1px;
    background:var(--volph-ink);
}

.volph-global-user{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;
}

.volph-global-user__name{
    color:var(--volph-ink);
    font-size:10px;
    font-weight:850;
    letter-spacing:.10em;
    text-transform:uppercase;
}

.volph-global-user__badge{
    color:var(--volph-brown);
    font-size:8px;
    font-weight:900;
    letter-spacing:.16em;
    text-transform:uppercase;
}

/* MENU FULLSCREEN EXISTENTE */
.volph-global-menu{
    position:fixed;
    inset:0;
    z-index:2000;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.32s ease;
}

.volph-global-menu.active{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.volph-global-menu__overlay{
    position:absolute;
    inset:0;
    background:rgba(5,5,5,.52);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.volph-global-menu__inner{
    position:relative;
    z-index:2;
    width:min(1280px, calc(100% - 64px));
    margin:42px auto;
    padding:48px;
    background:var(--volph-warm);
    box-shadow:0 40px 100px rgba(5,5,5,.25);
    max-height:calc(100vh - 84px);
    overflow:auto;
}

.volph-global-menu__top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:48px;
}

.volph-global-menu__brand img{
    height:34px;
}

.volph-global-menu__close{
    border:0;
    background:transparent;
    color:var(--volph-ink);
    cursor:pointer;
    font-size:10px;
    font-weight:850;
    letter-spacing:.16em;
    text-transform:uppercase;
}

.volph-global-menu__grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(180px, 1fr));
    gap:48px 72px;
    align-items:start;
}

.volph-global-menu__label{
    display:block;
    margin-bottom:20px;
    color:var(--volph-brown);
    font-size:10px;
    font-weight:850;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.volph-global-menu__column{
    display:flex;
    flex-direction:column;
}

.volph-global-menu__column a{
    margin-bottom:15px;
    color:var(--volph-ink);
    text-decoration:none;
    font-size:15px;
    line-height:1.4;
    transition:.22s ease;
}

.volph-global-menu__column a:hover{
    color:var(--volph-brown);
}

.volph-global-menu__feature{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    margin-top:24px;
    padding:36px 0 0 !important;
    border-left:0 !important;
    border-top:1px solid rgba(17,17,17,.10);
    display:grid;
    grid-template-columns:minmax(0, 1.1fr) minmax(280px, .72fr);
    gap:54px;
    align-items:end;
}

.volph-global-menu__feature .volph-global-menu__label{
    grid-column:1 / -1;
    margin-bottom:0;
}

.volph-global-menu__feature h3{
    width:100% !important;
    max-width:860px !important;
    margin:0 !important;
    font-family:Georgia, "Times New Roman", serif;
    font-size:clamp(42px, 4.3vw, 72px) !important;
    line-height:.95 !important;
    letter-spacing:-.06em;
    font-weight:500;
    color:var(--volph-ink);
}

.volph-global-menu__feature p{
    max-width:480px;
    margin:0 0 28px;
    color:#5E5A52;
    font-size:15px;
    line-height:1.75;
}

.volph-global-menu__feature-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
}

.volph-global-menu__cta,
.volph-global-menu__secondary{
    min-height:46px;
    padding:0 22px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:10px;
    font-weight:850;
    letter-spacing:.15em;
    text-transform:uppercase;
}

.volph-global-menu__cta{
    background:var(--volph-ink);
    color:var(--volph-warm);
}

.volph-global-menu__secondary{
    border:1px solid rgba(17,17,17,.12);
    color:var(--volph-ink);
}

/* RESPONSIVE */
@media(max-width:1280px){
    .volph-global-header__inner{
        width:calc(100% - 46px);
        gap:24px;
    }

    .volph-global-nav{
        gap:24px;
    }

    .volph-mega{
        padding:38px 34px;
        grid-template-columns:280px minmax(0,1fr);
    }
}

@media(max-width:1180px){
    .volph-global-nav{
        display:none;
    }

    .volph-global-dropdown__panel{
        display:none;
    }

    .volph-global-menu__inner{
        width:min(980px, calc(100% - 44px));
    }

    .volph-global-menu__grid{
        grid-template-columns:repeat(3, minmax(150px, 1fr));
        gap:40px 48px;
    }

    .volph-global-menu__feature{
        grid-template-columns:1fr 1fr;
        gap:36px;
    }

    .volph-global-menu__feature h3{
        max-width:720px !important;
        font-size:clamp(38px, 5vw, 58px) !important;
    }
}

@media(max-width:860px){
    .volph-global-menu__grid{
        grid-template-columns:1fr 1fr;
    }

    .volph-global-menu__feature{
        grid-template-columns:1fr;
        align-items:start;
    }

    .volph-global-menu__feature .volph-global-menu__label{
        margin-bottom:-16px;
    }

    .volph-global-menu__feature h3{
        max-width:100% !important;
        font-size:clamp(36px, 8vw, 52px) !important;
        line-height:.96 !important;
    }
}

@media(max-width:720px){
    .volph-global-header__inner{
        width:calc(100% - 28px);
        height:64px;
        gap:12px;
    }

    .volph-global-header__brand img{
        height:28px;
    }

    .volph-global-user,
    .volph-global-cta{
        display:none;
    }

    .volph-global-avatar{
        width:34px;
        height:34px;
    }

    .volph-global-login{
        display:none;
    }

    .volph-global-menu__inner{
        width:calc(100% - 20px);
        margin:10px auto;
        padding:26px;
        max-height:calc(100vh - 20px);
        overflow:auto;
    }

    .volph-global-menu__top{
        margin-bottom:34px;
    }

    .volph-global-menu__grid{
        grid-template-columns:1fr;
        gap:28px;
    }

    .volph-global-menu__feature{
        margin-top:6px;
        padding-top:28px !important;
        grid-template-columns:1fr;
        gap:22px;
    }

    .volph-global-menu__feature .volph-global-menu__label{
        margin-bottom:-10px;
    }

    .volph-global-menu__feature h3{
        font-size:clamp(34px, 10vw, 44px) !important;
        line-height:.98 !important;
        letter-spacing:-.055em;
    }

    .volph-global-menu__feature p{
        max-width:100%;
        margin-bottom:8px;
    }

    .volph-global-menu__feature-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .volph-global-menu__cta,
    .volph-global-menu__secondary{
        width:100%;
    }
}