/* Metaverso Literário — correção visual segura, 31/10/2026.
   Carregar após site.css e modernizacao.css. */
.hero{background:linear-gradient(125deg,#102c38 0%,#19525a 100%);color:#fff;border-radius:24px;padding:clamp(28px,5vw,68px);isolation:isolate}
.hero h1,.hero h2,.hero h3{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}
.hero p{color:#e8f4f1!important;max-width:66ch}
.hero .eyebrow{color:#f3cb8c!important}
.hero .btn.light{background:#fff;color:#153543;border-color:#fff}
.hero .btn.outline{background:transparent;color:#fff;border:1px solid #c6e4e0}
.hero .btn.light:hover{background:#f2e5ce;color:#153543}
.hero .btn.outline:hover{background:rgba(255,255,255,.12);color:#fff}
.hero .actions{position:relative;z-index:1}
.section .card{transition:transform .2s ease,box-shadow .2s ease}
.section .card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(12,38,48,.12)}
.section .card h3{color:#163847}
.section .card a{color:#176579}
@media(max-width:600px){.hero{border-radius:16px;padding:28px 21px}.hero h1{font-size:clamp(2rem,9vw,2.7rem);line-height:1.14}.hero .actions{display:grid;grid-template-columns:1fr;gap:10px}.hero .actions .btn{width:100%;text-align:center}.hero:after{font-size:9rem;right:-5%;top:5%}}
@media(prefers-reduced-motion:reduce){.section .card{transition:none}.section .card:hover{transform:none}}