:root { --black: #171719; }

.preview-bar { padding: .38rem 1rem; color: #3e2a00; background: #fff1b9; font-size: .75rem; font-weight: 750; text-align: center; }
.preview-bar a { font-weight: 900; text-decoration-thickness: .1em; text-underline-offset: .18em; }
.preview-bar a:hover { text-decoration-thickness: .16em; }
.preview-bar a:focus-visible { outline-color: var(--black); }

.site-nav__actions { display: flex; align-items: center; gap: 12px; }
.nav-whatsapp { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid rgba(203, 231, 24, .58); border-radius: 8px; color: #e9f3ed; font-size: .76rem; font-weight: 850; text-decoration: none; }
.nav-whatsapp:hover { color: var(--lime); border-color: var(--lime); }

.hero--editorial { display: block; min-height: 0; }
.hero-editorial__grid { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 58%); min-height: 650px; }
.hero-editorial__content { display: flex; align-items: center; min-width: 0; background: radial-gradient(circle at 100% 12%, rgba(203, 231, 24, .09), transparent 34%), var(--green-950); }
.hero-editorial__inner { width: 100%; padding: clamp(58px, 7vw, 96px) clamp(30px, 4vw, 64px) clamp(52px, 6vw, 82px) max(28px, calc((100vw - 1180px) / 2)); }
.hero--editorial h1 { max-width: 590px; margin-bottom: 22px; font-size: clamp(2.8rem, 4.5vw, 4.65rem); }
.hero-editorial__lede { max-width: 590px; margin: 0; color: #d7e6dc; font-size: 1.06rem; }
.hero--editorial .button-row { margin-top: 28px; }
.hero-data { display: grid; grid-template-columns: .68fr .85fr 1.65fr; list-style: none; max-width: 630px; margin: 34px 0 0; padding: 19px 0; border-block: 1px solid rgba(203, 231, 24, .24); }
.hero-data li { display: grid; align-content: center; min-width: 0; padding: 0 16px; border-right: 1px solid rgba(203, 231, 24, .2); }
.hero-data li:first-child { padding-left: 0; }
.hero-data li:last-child { padding-right: 0; border-right: 0; }
.hero-data strong { color: #fff; font-size: 1.08rem; line-height: 1.2; }
.hero-data span { margin-top: 4px; color: #9db2a5; font-size: .67rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.hero--editorial .demo-note { margin: 18px 0 0; }
.hero-editorial__media { position: relative; min-width: 0; overflow: hidden; border-left: 4px solid var(--lime); background: #0a2c22; }
.hero-editorial__media::after { position: absolute; inset: 0; content: ""; pointer-events: none; background: linear-gradient(90deg, rgba(2, 22, 17, .28), transparent 24%), linear-gradient(0deg, rgba(2, 22, 17, .15), transparent 38%); }
.hero-editorial__media img { width: 100%; height: 100%; object-fit: cover; object-position: 53% center; }

@media (max-width: 1100px) {
    .site-nav, .site-nav ul { gap: 12px; }
    .site-nav__actions { gap: 8px; }
    .nav-whatsapp { padding-inline: 9px; }
    .hero-editorial__grid { grid-template-columns: minmax(0, 46%) minmax(0, 54%); min-height: 610px; }
    .hero-editorial__inner { padding-right: 34px; }
    .hero--editorial h1 { font-size: clamp(2.7rem, 5vw, 3.75rem); }
}

@media (max-width: 820px) {
    .nav-enhanced .site-nav { position: absolute; inset: 100% 0 auto; max-height: calc(100vh - 72px); overflow-y: auto; }
    .site-nav__actions { flex-wrap: wrap; align-self: flex-start; margin-top: 16px; }
    .nav-whatsapp, .site-nav__actions .button { min-height: 44px; }
    .hero-editorial__grid { grid-template-columns: 1fr; min-height: 0; }
    .hero-editorial__inner { padding: 62px max(20px, calc((100vw - 720px) / 2)) 48px; }
    .hero--editorial h1 { max-width: 700px; font-size: clamp(2.75rem, 8.4vw, 4.2rem); }
    .hero-editorial__lede { max-width: 650px; }
    .hero-data { max-width: 650px; }
    .hero-editorial__media { min-height: 390px; border-top: 4px solid var(--lime); border-left: 0; }
    .hero-editorial__media img { position: absolute; inset: 0; }
}

@media (max-width: 600px) {
    .hero-editorial__inner { padding: 48px 20px 38px; }
    .hero--editorial h1 { font-size: clamp(2.5rem, 12vw, 3.45rem); }
    .hero-editorial__lede { font-size: 1rem; }
    .hero--editorial .button-row .button { flex-basis: 100%; }
    .hero-data { grid-template-columns: 1fr 1fr; padding-bottom: 0; }
    .hero-data li { padding: 2px 14px; }
    .hero-data li:nth-child(2) { border-right: 0; }
    .hero-data li:last-child { grid-column: 1 / -1; margin-top: 16px; padding: 16px 0 0; border-top: 1px solid rgba(203, 231, 24, .2); }
    .hero-editorial__media { min-height: 300px; }
}

@media (min-width: 370px) and (max-width: 600px) {
    .hero--editorial .button-row .button { flex-basis: 0; padding-inline: 12px; }
}

@media (max-width: 680px) {
    .preview-bar { padding-block: .28rem; font-size: .66rem; line-height: 1.3; }
}