/* Guía de Río · ADN Ernestinho */
body:has(main) main{overflow:hidden}
body:has(main) .hero{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 22%,rgba(215,164,59,.18),transparent 30%),linear-gradient(135deg,#061817,#123d39 62%,#0b2a27);color:#f7f2e8}
body:has(main) .hero:after{content:"RIO";position:absolute;right:-.03em;bottom:-.18em;font:900 clamp(110px,22vw,330px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:rgba(255,255,255,.035);z-index:-1}
body:has(main) .hero-copy{max-width:940px}
body:has(main) .hero h1{max-width:900px;font-size:clamp(52px,8vw,104px);line-height:.88;letter-spacing:-.045em}
body:has(main) .lead{max-width:760px;font-size:clamp(18px,2.1vw,26px);line-height:1.45}
.guide-group{position:relative}
.guide-group h2{font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.025em;margin-bottom:22px}
.guide-grid{gap:18px!important}
.guide-grid a{min-height:270px!important;border-radius:26px!important;border-color:rgba(215,164,59,.32)!important;box-shadow:0 18px 50px rgba(3,17,16,.14);transform:translateY(0);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.guide-grid a:hover,.guide-grid a:focus-visible{transform:translateY(-6px);box-shadow:0 24px 58px rgba(3,17,16,.24);border-color:#d7a43b!important}
.guide-grid .guide-thumb{transition:transform .45s ease,filter .45s ease}
.guide-grid a:hover .guide-thumb{transform:scale(1.045);filter:saturate(1.08)}
.guide-grid a:after{background:linear-gradient(180deg,rgba(3,17,16,.02) 20%,rgba(3,17,16,.94) 100%)!important}
.guide-grid b{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.05}
.guide-grid span{font-size:10px!important;color:#e8c36c!important}
main .wrap{max-width:1100px!important}
main .box,main article.box{border-radius:26px!important;border:1px solid rgba(215,164,59,.28)!important;box-shadow:0 14px 45px rgba(3,17,16,.08)}
main article h2{font-size:clamp(27px,3vw,40px);line-height:1.08;margin-top:1.5em}
main article p,main .box p{font-size:clamp(16px,1.45vw,19px);line-height:1.78}
main article h2+ p::first-letter{font-size:1.12em}
main article p:has(>b:first-child){border-left:4px solid #d7a43b;padding:16px 18px;background:#f6f0e6;border-radius:0 16px 16px 0}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr!important}.guide-grid a{min-height:225px!important}.guide-group{padding:34px 16px!important}body:has(main) .hero h1{font-size:clamp(44px,15vw,70px)}}