/* ============================================================
   GHOSTBASE V22.4 — PÁGINAS INTERNAS
   ============================================================ */
:root{
    --gb-content-max:1180px;
    --gb-reading-max:780px;
}

.internal-hero,
.profile-hero{
    padding:58px 0 48px;
    border-bottom:1px solid #24333b;
    background:
        radial-gradient(circle at 78% 10%,rgba(255,107,0,.08),transparent 30%),
        #0a1013;
}

.profile-head{
    display:grid!important;
    grid-template-columns:minmax(220px,420px) minmax(0,1fr);
    gap:42px;
    align-items:center!important;
}

.profile-head>img{
    width:100%!important;
    max-width:420px!important;
    height:340px!important;
    max-height:340px!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:18px!important;
    border:1px solid #2a3942;
    background:#111a1f;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.profile-head h1{
    margin:7px 0 10px;
    font-size:clamp(38px,5vw,66px)!important;
    line-height:.98;
}

.profile-head p{
    color:#96a9b3;
    font-size:16px;
}

.content-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:42px!important;
    align-items:start;
}

.prose{
    min-width:0;
    max-width:var(--gb-reading-max);
    font-size:16px;
    line-height:1.78;
    color:#c8d4da;
}

.prose h1,.prose h2,.prose h3{
    color:#f5f7f8;
    line-height:1.12;
    margin-top:1.7em;
}
.prose h2{font-size:30px}
.prose h3{font-size:22px}
.prose img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:680px!important;
    object-fit:contain!important;
    border-radius:14px;
    margin:22px 0;
}
.prose blockquote{
    margin:24px 0;
    padding:18px 20px;
    border-left:3px solid #ff6b00;
    background:#10181d;
    color:#e8eef1;
    border-radius:0 10px 10px 0;
}

.info-box{
    position:sticky;
    top:96px;
    padding:20px!important;
    border:1px solid #2a3942!important;
    border-radius:15px!important;
    background:#0f171b!important;
}
.info-box h3{margin-top:0}
.info-box p{display:flex;flex-direction:column;gap:3px;color:#96a9b3}
.info-box p strong{
    color:#fff;
    font-size:10px;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.info-box .btn{width:100%;justify-content:center;margin-top:8px}

@media(max-width:900px){
    .profile-head{
        grid-template-columns:1fr!important;
        gap:24px;
    }
    .profile-head>img{
        max-width:100%!important;
        height:min(58vw,420px)!important;
    }
    .content-layout{
        grid-template-columns:1fr!important;
    }
    .prose{max-width:none}
    .info-box{position:static}
}

@media(max-width:560px){
    .internal-hero,.profile-hero{padding:34px 0 30px}
    .profile-head>img{
        height:320px!important;
        border-radius:13px!important;
    }
    .profile-head h1{font-size:38px!important}
    .prose{font-size:15px;line-height:1.72}
}