/* Padrão visual compartilhado das páginas institucionais */
.institucional-page { min-height:100vh; padding-top:110px!important; background:radial-gradient(circle at 12% 10%, rgba(72,132,124,.28), transparent 32%), var(--bg); color:#edf4f2; }
.institucional-main { width:min(100% - 40px, 1080px); margin:0 auto; padding:48px 0 64px; box-sizing:border-box; }.institucional-hero, .institucional-card, .institucional-contact-card { border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(255,255,255,.06); box-shadow:0 20px 50px rgba(0,0,0,.2); backdrop-filter:blur(8px); }.institucional-hero { padding:clamp(30px, 6vw, 58px); }.institucional-eyebrow { display:inline-block; margin-bottom:15px; color:#fcec7c; font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.institucional-hero h1 { margin:0; color:#fff; font-size:clamp(2rem, 5vw, 3.2rem); line-height:1.14; }.institucional-hero p { max-width:820px; margin:16px 0 0; color:#dce9e6; font-size:1rem; line-height:1.75; }.institucional-subtitle { color:#fcec7c!important; font-size:1.1rem!important; font-weight:700; }
.institucional-grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin:24px 0; }.institucional-card { min-height:190px; padding:24px; box-sizing:border-box; transition:transform .22s ease, background .22s ease, border-color .22s ease; }.institucional-card:hover { transform:translateY(-4px); border-color:rgba(252,236,124,.35); background:rgba(255,255,255,.11); }.institucional-icon { display:block; margin-bottom:10px; font-size:1.55rem; }.institucional-card h2 { margin:0; color:#fff; font-size:1.1rem; }.institucional-card p { margin:10px 0 0; color:#dce9e6; font-size:.92rem; line-height:1.6; }
.institucional-legal-card { margin-top:24px; padding:clamp(28px, 5vw, 48px); border:1px solid rgba(255,255,255,.13); border-radius:24px; background:rgba(255,255,255,.06); box-shadow:0 20px 50px rgba(0,0,0,.2); backdrop-filter:blur(8px); }.institucional-legal-heading { padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,.12); }.institucional-legal-heading span { color:#fcec7c; font-size:.82rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.institucional-legal-heading h2 { margin:8px 0; color:#fff; font-size:clamp(1.55rem, 3vw, 2rem); }.institucional-legal-heading p { margin:0; color:#dce9e6; line-height:1.6; }.institucional-section { padding:25px 0; border-bottom:1px solid rgba(255,255,255,.1); }.institucional-section:last-child { padding-bottom:0; border-bottom:0; }.institucional-section h3 { margin:0; color:#fff; font-size:1.05rem; }.institucional-section p, .institucional-section li { color:#dce9e6; font-size:.95rem; line-height:1.7; }.institucional-section p { margin:10px 0 0; }.institucional-section ul { margin:12px 0 0; padding-left:20px; }.institucional-section a, .institucional-contact-card a { color:#fcec7c; font-weight:700; text-decoration:none; }.institucional-section a:hover, .institucional-section a:focus-visible, .institucional-contact-card a:hover, .institucional-contact-card a:focus-visible { text-decoration:underline; outline:none; }
.institucional-contact-card { margin-top:24px; padding:clamp(28px, 5vw, 48px); }.institucional-contact-card h2 { margin:0; color:#fff; font-size:1.35rem; }.contato-form { margin-top:22px; padding:0!important; background:transparent!important; box-shadow:none!important; color:#edf4f2!important; }.contato-form label { color:#edf4f2!important; }.contato-form input, .contato-form textarea { width:100%; margin:6px 0 17px!important; padding:12px!important; border:1px solid rgba(255,255,255,.2)!important; border-radius:9px!important; background:rgba(255,255,255,.94)!important; color:#244c47!important; box-sizing:border-box; }.contato-form input:focus, .contato-form textarea:focus { border-color:#fcec7c!important; box-shadow:0 0 0 3px rgba(252,236,124,.16)!important; }.btn-enviar { min-height:46px; padding:0 18px!important; border-radius:9px!important; background:#fcec7c!important; color:#244c47!important; font-weight:800!important; }.btn-enviar:hover { background:#fff3a7!important; }.institucional-aviso { margin:18px 0 0!important; color:#dce9e6!important; text-align:center; }
.institucional-card-destaque { border-color:rgba(252,236,124,.32); background:rgba(252,236,124,.09); }.institucional-flow { display:grid; gap:8px; max-width:520px; margin:22px 0 0; padding:20px; border:1px solid rgba(252,236,124,.25); border-radius:14px; background:rgba(255,255,255,.05); text-align:center; }.institucional-flow span { color:#f1f6f5; font-size:.9rem; font-weight:700; line-height:1.45; }.institucional-flow b { color:#fcec7c; font-size:1.1rem; line-height:1; }
.institucional-whatsapp-button { display:inline-flex; align-items:center; justify-content:center; min-height:40px; margin-top:16px; padding:0 14px; border-radius:8px; background:#25d366; color:#fff!important; font-size:.84rem; font-weight:800; text-decoration:none!important; transition:background .2s ease, transform .2s ease; }.institucional-whatsapp-button:hover, .institucional-whatsapp-button:focus-visible { background:#1fbd5a; outline:none; transform:translateY(-1px); }
.recursos-secao { margin-top:30px; }.recursos-cabecalho { display:flex; align-items:flex-start; gap:13px; margin:0 4px 14px; }.recursos-cabecalho > span { display:grid; width:39px; height:39px; place-items:center; border-radius:12px; background:rgba(252,236,124,.13); font-size:1.15rem; }.recursos-cabecalho h2 { margin:0; color:#fff; font-size:1.3rem; }.recursos-cabecalho p { margin:4px 0 0; color:#cbd9d6; font-size:.88rem; line-height:1.45; }.recursos-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.recursos-grid-menor { grid-template-columns:repeat(3,minmax(0,1fr)); }.recurso-card { display:flex; min-height:178px; padding:20px; flex-direction:column; align-items:flex-start; border:1px solid rgba(255,255,255,.13); border-radius:18px; background:rgba(255,255,255,.06); box-shadow:0 14px 32px rgba(0,0,0,.14); color:#edf4f2; text-decoration:none; transition:transform .22s ease, background .22s ease, border-color .22s ease; box-sizing:border-box; }.recurso-card:hover, .recurso-card:focus-visible { border-color:rgba(252,236,124,.42); background:rgba(255,255,255,.11); color:#fff; outline:none; transform:translateY(-3px); }.recurso-card > span { font-size:1.4rem; }.recurso-card h3 { margin:11px 0 6px; color:#fff; font-size:1rem; line-height:1.25; }.recurso-card p { margin:0; color:#d5e1df; font-size:.8rem; line-height:1.5; }.recurso-card b { margin-top:auto; padding-top:13px; color:#fcec7c; font-size:.76rem; }
@media (prefers-reduced-motion:reduce) { .institucional-card, .recurso-card { transition:none; } } @media (max-width:768px) { .institucional-page { padding-top:85px!important; }.recursos-grid, .recursos-grid-menor { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:600px) { .institucional-main { width:min(100% - 32px, 1080px); padding:32px 0 46px; }.institucional-hero, .institucional-card, .institucional-contact-card, .institucional-legal-card { border-radius:18px; }.institucional-grid, .recursos-grid, .recursos-grid-menor { grid-template-columns:1fr; gap:12px; margin:16px 0; }.institucional-card { min-height:0; padding:20px; }.recursos-secao { margin-top:25px; }.recurso-card { min-height:0; padding:18px; } }