/* Official identity and a quiet, luminous night sky. */
body{position:relative;isolation:isolate;background:#040426}
header{padding:26px 0 20px}
.official-logo{display:block;width:178px;height:auto;object-fit:contain}
.main-layout{padding-top:30px;padding-bottom:65px;gap:64px;grid-template-columns:.94fr 1.2fr}
.hero{padding-top:25px;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:-20px -28px -26px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 44% 48%,rgba(0,0,80,.25) 0%,rgba(0,0,80,.16) 48%,rgba(0,0,80,0) 74%)}
h1{font-weight:650;letter-spacing:-2.5px;text-shadow:0 2px 30px rgba(0,0,45,.2)}
h1 span{color:#bfceff}
.intro{color:#cad4ed}
.reassurance{margin-top:33px;color:#d5def0;border-left-color:#c3a76a}
.reassurance strong{color:#f3e6c8}
.atmosphere{height:1120px;background-color:#06062c;background-image:linear-gradient(180deg,rgba(4,4,33,.18) 0%,rgba(4,4,33,.07) 42%,rgba(4,4,33,.22) 65%,#040426 100%),url('/assets/cultura-night.webp');background-size:cover;background-position:center top}
.atmosphere:before{opacity:.3}
.atmosphere:after{display:none}
.card{background:linear-gradient(135deg,rgba(24,35,90,.94),rgba(11,17,60,.94));border-color:rgba(153,175,239,.23);box-shadow:inset 0 1px 0 rgba(234,240,255,.025)}
.card:hover{border-color:#7e98eb;background:linear-gradient(135deg,rgba(32,46,115,.97),rgba(15,24,76,.97));box-shadow:0 6px 22px rgba(0,0,35,.12)}
.card:not(.primary) p{color:#ccd6eb}
.card .icon{color:#d0ddff;background:rgba(104,136,242,.11)}
.card.primary{background:radial-gradient(ellipse at 92% 0%,rgba(127,169,255,.32),transparent 70%),linear-gradient(115deg,#123dec,#0025bd);border-color:#728eff;box-shadow:0 0 32px rgba(36,77,255,.16),inset 0 1px 0 rgba(229,236,255,.15)}
.card.primary:hover{border-color:#a6bbff;box-shadow:0 0 36px rgba(47,90,255,.25)}
.card.primary .icon{color:white;background:rgba(255,255,255,.14)}
.card.secondary{background:linear-gradient(120deg,rgba(34,54,127,.96),rgba(18,29,88,.96));border-color:rgba(151,181,255,.48)}
.card.subtle{background:rgba(12,18,54,.94)}
.safe-area{background:linear-gradient(115deg,rgba(22,31,76,.92),rgba(11,15,46,.96));border-color:rgba(157,179,237,.21)}
.safe-note blockquote{color:#f0e9d9}
.actions-label{color:#c0cbed}
.consultor-panel{background:linear-gradient(125deg,rgba(25,32,88,.94),rgba(13,18,61,.96))}
@media(min-width:1440px){header{padding-top:34px}.main-layout{padding-top:40px;padding-bottom:75px}}
@media(max-width:1050px){.main-layout{gap:32px;grid-template-columns:.9fr 1.2fr}.official-logo{width:158px}h1{letter-spacing:-1.8px}}
@media(min-width:641px) and (max-width:850px){header{padding-bottom:28px}.main-layout{grid-template-columns:1fr;padding-top:5px;gap:30px}.hero{padding-top:0}.reassurance{margin-top:22px}.atmosphere{height:1240px;background-position:30% top}.official-logo{width:152px}}
@media(max-width:640px){header{padding:22px 0 29px}.official-logo{width:132px}.main-layout{display:block;padding:0 0 32px}.hero{padding-top:0}h1{letter-spacing:-1.7px}.reassurance{margin:20px 0 26px}.atmosphere{height:1050px;background-size:auto 1050px;background-position:24% top}.intro{color:#ced8ed}.card p,.card.primary p{font-size:14px}.card{background:linear-gradient(125deg,rgba(23,34,87,.96),rgba(12,18,59,.97))}.safe-area{background:rgba(14,20,57,.96)}}

/* Small finishing adjustments; keep the approved composition and artwork. */
@media(min-width:1051px){.hero h1{font-size:clamp(2.5575rem,3.9525vw,3.4875rem)}}
@media(min-width:851px) and (max-width:1050px){.hero h1{font-size:2.697rem}}
@media(max-width:640px){
 .main-layout{display:flex;flex-direction:column;gap:0;position:relative;isolation:isolate}
 .hero{display:contents}
 .hero:before{inset:-8px -18px auto;height:300px;background:radial-gradient(ellipse at 44% 48%,rgba(0,0,80,.25),rgba(0,0,80,.12) 52%,transparent 75%)}
 .hero .eyebrow{order:0}
 .hero h1{order:1;margin:14px 0 15px}
 .hero .intro{order:2}
 .main-layout>nav{order:3;margin-top:22px;min-width:0}
 .hero .reassurance{order:4;margin:23px 0 0}
 .actions-label{line-height:1.65}
}