/*
 * Projeto: MSOUZA ADVOCACIA
 * Author: Marcílio Souza
 * Secao: Hero de Noemia Gomes, antes do carrossel juridico.
 */

/* Hero Noemia: foto em largura total e texto sobreposto, sem painel ou card. */
.noemia-hero { position:relative; isolation:isolate; height:clamp(440px,calc(100svh - var(--header-offset,204px) - 32px),620px); overflow:hidden; background:var(--green); }

/* ALTERACAO 2026-10-11 - Linha divisoria hero/banner:
   aparece no final da secao Hero Noemia, antes do banner MSOUZA. */
.noemia-hero { border-bottom:1px solid #4fd3df; box-shadow:inset 0 -1px 0 rgba(240,215,170,.55),0 1px 8px rgba(79,211,223,.3); }
.noemia-hero::before { content:''; position:absolute; inset:0; background:url('../_img/ng-nomi-oab.png') right center/auto 100% no-repeat; z-index:-2; }
.noemia-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,30,24,.84) 0%,rgba(8,30,24,.64) 38%,rgba(8,30,24,.18) 100%); z-index:-1; }
.noemia-hero-inner { display:flex; align-items:center; width:100%; max-width:1180px; height:100%; padding:36px 40px; margin:auto; }
.noemia-hero-copy { width:430px; max-width:43%; color:#fff; text-shadow:0 2px 6px rgba(0,0,0,.7); }
.noemia-hero-label { display:flex; align-items:center; gap:10px; margin:0 0 18px; font:700 13px/1.5 Arial,sans-serif; text-transform:uppercase; color:#f0d7aa; }
.noemia-hero-label svg { width:22px; height:22px; }
.noemia-hero h1 { margin:0 0 22px; font:600 54px/1.1 Georgia,'Times New Roman',serif; overflow-wrap:anywhere; }
.noemia-hero h1 span { display:block; color:#f0d7aa; }
.noemia-hero-subtitle { margin:0 0 16px; font:600 23px/1.4 Arial,sans-serif; }
.noemia-hero-description { margin:0 0 28px; font:16px/1.7 Arial,sans-serif; }
.noemia-hero-appointment { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:48px; padding:13px 18px; border:1px solid #e1c28a; border-radius:4px; background:#e1c28a; color:var(--green); font:700 14px/1.5 Arial,sans-serif; text-shadow:none; }
.noemia-hero-appointment svg { width:18px; height:18px; flex-shrink:0; }
.noemia-hero-appointment:hover { background:#f0d7aa; border-color:#f0d7aa; }
.noemia-hero-appointment:focus-visible { outline:3px solid #fff; outline-offset:4px; }

/* O h2 do carrossel preserva a tipografia do antigo titulo principal. */
.legal-carousel .banner-brand { max-width:670px; margin-bottom:20px; font-size:52px; line-height:1.15; }
@media(max-width:1100px) { .noemia-hero-inner { padding:30px 28px; } .noemia-hero h1 { font-size:46px; } .noemia-hero-subtitle { font-size:20px; } .legal-carousel .banner-brand { font-size:44px; } }

/* Celular: rosto na parte superior e texto na parte inferior da foto. */
@media(max-width:760px) {
 .noemia-hero { height:clamp(480px,calc(100svh - var(--header-offset,180px) - 32px),680px); }
 .noemia-hero::before { background-position:50% 0; background-size:auto 66%; }
 .noemia-hero::after { inset:39% 0 0; background:rgba(8,40,30,.86); }
 .noemia-hero-inner { align-items:flex-end; padding:22px 24px; }
 .noemia-hero-copy { width:100%; max-width:100%; text-shadow:none; }
 .noemia-hero-label { margin-bottom:10px; font-size:12px; }
 .noemia-hero h1 { margin-bottom:12px; font-size:34px; }
 .noemia-hero h1 span { display:inline; }
 .noemia-hero-subtitle { font-size:18px; margin-bottom:10px; }
 .noemia-hero-description { font-size:14px; line-height:1.6; margin-bottom:18px; }
 .legal-carousel .banner-brand { font-size:36px; max-width:360px; }
}
@media(max-width:360px) { .noemia-hero-inner { padding:18px 20px; } .noemia-hero h1 { font-size:30px; } .noemia-hero-appointment { padding:12px; gap:8px; } .legal-carousel .banner-brand { font-size:30px; } }