/* ============================================================
   OUVIDORIA - INTEGRAÇÃO VISUAL COM O TEMA MUNICIPAL
   Mantém a aplicação PHP independente do WordPress.
   ============================================================ */

body{background:#fff;color:var(--text);font-family:Poppins,Arial,sans-serif}
#conteudo{display:block;outline:0}
.ouvidoria-hero{display:grid;grid-template-columns:1.08fr .92fr;margin-top:28px;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#f1f7f2,#fff);box-shadow:0 8px 24px rgba(18,56,35,.06)}
.ouvidoria-hero-copy{padding:48px 52px}
.ouvidoria-kicker,.ouvidoria-eyebrow{display:inline-flex;padding:5px 13px;border-radius:16px;background:var(--yellow);color:var(--dark);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.25px}
.ouvidoria-hero h1{margin:17px 0 12px;color:var(--dark);font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-1.3px}
.ouvidoria-hero p{max-width:620px;margin:0;color:#5f6861;font-size:13px;line-height:1.7}
.ouvidoria-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.ouvidoria-hero-actions a{height:42px;white-space:nowrap;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font-size:11px;font-weight:800}
.ouvidoria-hero-actions .solid-btn{background:var(--green);color:#fff;border:1px solid var(--green)}
.ouvidoria-hero-actions .outline-btn{background:#fff;color:var(--green);border:1px solid var(--green)}
.ouvidoria-hero-photo{min-height:360px;background:url(assets/hero-prefeitura-confresa.png) center/cover no-repeat}

.ouvidoria-content{padding:34px 0 70px}
.painel-informativo{margin:0 0 34px;padding:0;border:0}
.alerta-lote{background:#fff7da;border-left:4px solid var(--yellow);padding:17px 21px;margin-bottom:18px;border-radius:0 11px 11px 0;color:#5d511c;font-size:12px}
.alerta-lote h4{margin:0 0 8px;color:#4c3d0b;font-size:12px}
.alerta-lote p{margin:0 0 5px!important}
.alerta-lote ul{margin:5px 0 0;padding-left:19px;line-height:1.7}

.btn-links-externos{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}
.btn-links-externos .btn{min-height:48px!important;padding:11px 16px!important;border-radius:8px!important;font-size:11px!important}
.btn-whatsapp{background:#159447!important;color:#fff!important}
.btn-whatsapp:hover{background:#107b3b!important}
.btn-falabr{background:#075b31!important;color:#fff!important}
.btn-falabr:hover{background:#034624!important}

.card-presencial,.card-consulta{border:1px solid #e0e5df;border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(10,55,29,.04);padding:23px;margin-bottom:18px}
.card-presencial{background:#f3f8f4;border-left:4px solid var(--green);border-radius:0 14px 14px 0}
.card-presencial h3,.card-consulta h3{margin:0 0 13px;color:var(--dark);font-size:17px}
.card-presencial h3{color:var(--green)}
.card-presencial p{margin:6px 0;font-size:11px;color:#59645c;line-height:1.6}
.card-presencial a{color:var(--green);font-weight:700}
.card-consulta{background:linear-gradient(145deg,#007039,#004d25);color:#fff}
.card-consulta h3{color:#fff}
.card-consulta form{display:grid!important;grid-template-columns:1.5fr .6fr;gap:11px}
.card-consulta input{height:44px!important;border:0!important;margin:0!important}
.card-consulta .btn{height:44px;padding:0 14px!important;background:var(--yellow);color:var(--dark);font-size:11px}

.ouvidoria-form-head{margin:38px 0 18px!important}
.ouvidoria-form-head .section-title{margin:7px 0 0!important;font-size:31px!important}
.ouvidoria-form-head .section-title:after{margin-top:9px}

#formOuvidoria{padding:28px;border:1px solid #e0e5df;border-radius:14px;background:#fff;box-shadow:0 5px 17px rgba(10,55,29,.04);display:block}
#formOuvidoria .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
#formOuvidoria .form-group{margin:0 0 16px;min-width:0}
#formOuvidoria label{display:block;margin:0 0 7px;color:#2d3730;font-size:11px;font-weight:700}
#formOuvidoria .obrigatorio{color:#bd2d1e}
#formOuvidoria input:not([type=radio]):not([type=file]),#formOuvidoria select,#formOuvidoria textarea{width:100%;box-sizing:border-box;border:1px solid #dbe1da;border-radius:7px;padding:11px 12px;background:#fff;color:var(--dark);outline:0;font:inherit;font-size:12px}
#formOuvidoria input:not([type=radio]):not([type=file]),#formOuvidoria select{height:44px}
#formOuvidoria textarea{min-height:164px;resize:vertical;line-height:1.55}
#formOuvidoria input:focus,#formOuvidoria select:focus,#formOuvidoria textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(0,91,42,.09)}
#formOuvidoria .radio-group{height:44px;display:flex;align-items:center;gap:24px}
#formOuvidoria .radio-group label{margin:0;display:flex;align-items:center;gap:7px;font-weight:500;cursor:pointer}
#formOuvidoria .radio-group input[type=radio]{width:auto;margin:0;accent-color:var(--green)}
#formOuvidoria .nota-anexo{display:block;margin:-1px 0 9px;color:#758078;font-size:9px}
#formOuvidoria .file-input-wrapper{margin-bottom:9px;display:flex;align-items:center}
#formOuvidoria input[type=file]{width:auto;padding:6px;border:1px dashed #b9c8bc;border-radius:7px;font-size:10px}
#formOuvidoria #btn_add_arquivo{border:0;border-radius:7px;padding:9px 13px;background:#687169;color:#fff;font-size:10px;cursor:pointer}
#formOuvidoria> .form-group[style*="background"]{background:#f1f7f2!important;border-left:4px solid var(--green)!important;border-radius:0 8px 8px 0!important;color:var(--dark)}
#formOuvidoria>div[style*="text-align: center"]{margin-top:22px!important}
#formOuvidoria button[type=submit]{min-width:230px!important;border:0!important;border-radius:7px!important;padding:12px 23px!important;background:var(--green)!important;color:#fff!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
#formOuvidoria button[type=submit]:hover{background:var(--dark)!important;transform:translateY(-1px)}
#formOuvidoria small{color:#758078}

@media(max-width:900px){
 .ouvidoria-hero{grid-template-columns:1fr}
 .ouvidoria-hero-photo{min-height:300px}
 .ouvidoria-content{padding-top:28px}
}
@media(max-width:760px){
 .ouvidoria-hero{width:calc(100% - 28px)!important;margin-top:18px;border-radius:16px}
 .ouvidoria-hero-copy{padding:32px 23px}
 .ouvidoria-hero h1{font-size:38px}
 .ouvidoria-hero-actions{flex-direction:column}
 .ouvidoria-hero-actions a{width:100%}
 .ouvidoria-hero-photo{min-height:250px}
 .ouvidoria-content{width:calc(100% - 28px)!important;padding-bottom:45px}
 #formOuvidoria{padding:21px 17px}
 #formOuvidoria .form-row{grid-template-columns:1fr;gap:0;margin-bottom:0}
 #formOuvidoria .form-group{margin-bottom:15px}
 .btn-links-externos{grid-template-columns:1fr}
 .card-consulta form{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .ouvidoria-hero h1{font-size:33px}
 .ouvidoria-hero-photo{min-height:220px}
 .ouvidoria-form-head .section-title{font-size:28px!important}
 .card-presencial,.card-consulta{padding:19px}
}

/* Ajustes finais solicitados */
.ouvidoria-hero{margin-top:20px;grid-template-columns:1.16fr .84fr;min-height:250px}
.ouvidoria-hero-copy{padding:28px 40px;display:flex;flex-direction:column;justify-content:center}
.ouvidoria-hero-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--green);color:#fff;margin-bottom:11px;box-shadow:0 7px 16px rgba(0,91,42,.16)}
.ouvidoria-hero-icon svg{width:24px;height:24px;stroke-width:2.2}
.ouvidoria-hero h1{margin:10px 0 9px;font-size:clamp(30px,3.15vw,43px);line-height:1.08;letter-spacing:-1px;max-width:720px}
.ouvidoria-hero p{font-size:12px;line-height:1.55;max-width:650px}
.ouvidoria-hero-actions{margin-top:17px}
.ouvidoria-hero-photo{min-height:250px}

.info-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.info-duo .alerta-lote,.info-duo .card-presencial{height:100%;box-sizing:border-box;margin:0}
.alerta-lote{padding:19px 21px;border-left-width:5px;border-radius:12px;background:linear-gradient(135deg,#fff9e5,#fff5cf);box-shadow:0 5px 17px rgba(125,101,12,.06)}
.alerta-titulo,.card-heading{display:flex;align-items:center;gap:10px}
.alerta-icone,.card-heading-icon{width:35px;height:35px;flex:0 0 35px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(207,169,0,.15);color:#8b6f00}
.alerta-icone svg,.card-heading-icon svg{width:19px;height:19px}
.alerta-lote h4{margin:0;font-size:14px;letter-spacing:.2px}
.alerta-lote p{margin:11px 0 6px!important;font-size:11px;line-height:1.5}
.alerta-lote ul{margin:6px 0 0;padding-left:18px;line-height:1.6;font-size:11px}
.info-duo .card-presencial{padding:19px 21px;border-left:4px solid var(--green);border-radius:12px;background:#f4f9f5}
.card-heading-icon{background:rgba(0,112,57,.10);color:var(--green)}
.card-presencial h3{margin:0;font-size:16px}
.card-presencial p{font-size:10.5px;line-height:1.5;margin:6px 0}
.card-presencial .relatorio-link{margin-top:10px;padding-top:9px;border-top:1px solid #dce7df}
.card-presencial .relatorio-link a{font-size:10.5px}

.card-consulta{padding:20px 22px;margin-bottom:18px;border:0;border-radius:14px;background:linear-gradient(135deg,#006d38 0%,#004b27 100%);box-shadow:0 8px 22px rgba(0,73,37,.14)}
.consulta-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}
.consulta-icon{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:rgba(255,255,255,.13);color:#fff}
.consulta-icon svg{width:23px;height:23px}
.consulta-kicker{display:block;margin-bottom:2px;color:#cfe7d8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}
.card-consulta h3{margin:0 0 3px;font-size:18px;color:#fff}
.card-consulta .consulta-heading p{margin:0;color:#d9eee0;font-size:10.5px;line-height:1.45}
.card-consulta .consulta-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.card-consulta .consulta-form input{height:45px!important;box-sizing:border-box;border:0!important;border-radius:8px!important;margin:0!important;padding:0 13px!important;background:#fff!important;color:#26342b!important;font-size:12px!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.card-consulta .consulta-form input:focus{outline:0;box-shadow:0 0 0 3px rgba(255,205,36,.28)!important}
.card-consulta .consulta-form .btn{height:45px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 18px!important;border:0!important;border-radius:8px!important;background:var(--yellow)!important;color:var(--dark)!important;font-size:10.5px;font-weight:800;white-space:nowrap;cursor:pointer}
.card-consulta .consulta-form .btn svg{width:16px;height:16px}

#formOuvidoria label{font-size:12.5px;font-weight:700}
#formOuvidoria .assunto-row{grid-template-columns:1fr!important}
#formOuvidoria .assunto-row .form-group{width:100%}
#formOuvidoria .assunto-row input{width:100%}

@media(max-width:760px){
 .ouvidoria-hero{grid-template-columns:1fr;min-height:0}
 .ouvidoria-hero-copy{padding:26px 23px}
 .ouvidoria-hero-icon{width:40px;height:40px}
 .ouvidoria-hero h1{font-size:34px}
 .ouvidoria-hero-photo{min-height:190px}
 .info-duo{grid-template-columns:1fr;gap:14px}
 .card-consulta .consulta-form{grid-template-columns:1fr}
 .card-consulta .consulta-form .btn{width:100%}
}
@media(max-width:520px){
 .ouvidoria-hero h1{font-size:30px}
 .ouvidoria-hero-photo{min-height:170px}
 .consulta-heading{align-items:flex-start}
}

/* Ajustes finais — integração visual com o portal oficial */
.ouvidoria-hero{min-height:220px!important;grid-template-columns:1.25fr .75fr!important}
.ouvidoria-hero-copy{padding:26px 38px!important}
.ouvidoria-hero-icon{width:42px;height:42px;margin-bottom:7px!important;border-radius:11px!important}
.ouvidoria-hero h1{margin:7px 0 7px!important;font-size:clamp(27px,2.8vw,39px)!important;line-height:1.08!important}
.ouvidoria-hero p{font-size:11.5px!important;line-height:1.5!important;max-width:680px!important}
.ouvidoria-hero-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;margin-top:14px!important}
.ouvidoria-hero-actions a{height:40px!important;min-width:0!important;padding:0 10px!important;gap:6px!important;font-size:9.5px!important;line-height:1.15!important;text-align:center}
.ouvidoria-hero-actions a svg{width:16px;height:16px;flex:none}
.ouvidoria-hero-actions .hero-whatsapp{white-space:nowrap}
.ouvidoria-hero-actions a:hover{transform:translateY(-1px);box-shadow:0 5px 12px rgba(0,60,30,.12)}
.info-duo{grid-template-columns:1fr 1fr!important}
.info-duo .card-presencial{order:1}
.info-duo .alerta-lote{order:2}
.topbar-social .social-brand-icon{width:13px;height:13px;display:block;color:currentColor}
.footer-social .social-brand-icon{display:block;width:20px;height:20px}
@media(max-width:1000px){.ouvidoria-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ouvidoria-hero{grid-template-columns:1fr!important}.ouvidoria-hero-photo{min-height:190px!important}}
@media(max-width:760px){.ouvidoria-hero-copy{padding:24px 20px!important}.ouvidoria-hero-actions{grid-template-columns:1fr!important}.info-duo{grid-template-columns:1fr!important}.info-duo .card-presencial,.info-duo .alerta-lote{order:initial}.ouvidoria-hero h1{font-size:30px!important}}


/* Destaque clean para a escolha de manifestação anônima */
#formOuvidoria .anonimo-destaque{
  position:relative;
  margin:0 0 16px!important;
  padding:18px 20px 19px!important;
  background:#f7faf8!important;
  border:1px solid #dfe9e2!important;
  border-radius:12px!important;
  box-shadow:0 4px 14px rgba(10,55,29,.035);
}
#formOuvidoria .anonimo-destaque > label:first-child{
  margin:0 0 12px!important;
  color:#26352c!important;
  font-size:13.5px!important;
  font-weight:800!important;
}
#formOuvidoria .anonimo-destaque > label:first-child .obrigatorio{color:#bd2d1e!important}
#formOuvidoria .anonimo-destaque .radio-group{
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#formOuvidoria .anonimo-destaque .radio-group label{
  position:relative;
  min-width:104px;
  height:42px;
  box-sizing:border-box;
  margin:0!important;
  padding:0 15px!important;
  display:inline-flex!important;
  justify-content:center;
  align-items:center;
  gap:8px!important;
  border:1px solid #d6e1d9;
  border-radius:9px;
  background:#fff;
  color:#3f4b43!important;
  font-size:12px!important;
  font-weight:700!important;
  cursor:pointer;
  transition:all .18s ease;
}
#formOuvidoria .anonimo-destaque .radio-group label:hover{
  border-color:#8eb39b;
  background:#f0f7f2;
  transform:translateY(-1px);
}
#formOuvidoria .anonimo-destaque .radio-group label:has(input:checked){
  border-color:var(--green);
  background:#eaf5ed;
  color:var(--green)!important;
  box-shadow:0 0 0 2px rgba(0,91,42,.06);
}
#formOuvidoria .anonimo-destaque .radio-group label:has(input[value="Sim"]:checked){
  border-color:#71877a;
  background:#f0f3f1;
  color:#334138!important;
}
#formOuvidoria .anonimo-destaque .radio-group input[type=radio]{
  appearance:none;
  -webkit-appearance:none;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  border:2px solid #aab8ae;
  border-radius:50%;
  background:#fff;
  position:relative;
  flex:0 0 17px;
  accent-color:var(--green);
}
#formOuvidoria .anonimo-destaque .radio-group input[type=radio]:checked{border-color:var(--green);background:var(--green)}
#formOuvidoria .anonimo-destaque .radio-group input[type=radio]:checked::after{
  content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#fff;
}
.ouvidoria-hero-actions .hero-whatsapp .whatsapp-brand-icon{width:17px!important;height:17px!important;display:block!important;flex:none!important}
@media(max-width:520px){
  #formOuvidoria .anonimo-destaque .radio-group{flex-direction:column;align-items:stretch!important}
  #formOuvidoria .anonimo-destaque .radio-group label{width:100%;}
}