/* Estilos exclusivos: publico/esic.html */


/* REGRA GLOBAL FINAL: frontend sem negrito */
html body,
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6,
html body label, html body legend,
html body button, html body input, html body select, html body textarea, html body option,
html body p, html body span, html body small, html body a,
html body strong, html body b,
html body th, html body td, html body li,
html body [role="button"], html body [role="tab"], html body [class*="title"],
html body [class*="label"], html body [class*="heading"], html body [class*="caption"] {
  font-weight: 400 !important;
}
/* Mantem somente o peso estrutural exigido por fontes de icones. */
html body .fa, html body .fas, html body .fa-solid,
html body [class^="fa-"], html body [class*=" fa-"] {
  font-weight: 900 !important;
}
html body .far, html body .fa-regular {
  font-weight: 400 !important;
}

/* PADRAO PUBLICO DE MODAL 20260713: compacto, galeria centralizada e fechamento vermelho */
.portal-modal-window .portal-modal-content {
  padding: 16px 18px 18px;
}

.portal-modal-window .portal-modal-head {
  margin-bottom: 8px;
  padding-right: 42px;
}

.portal-modal-window .portal-modal-head-top {
  gap: 8px;
  margin-bottom: 6px;
}

.portal-modal-window .portal-modal-head h3 {
  margin-top: 6px;
  font-size: 25px;
  line-height: 1.12;
}

.portal-modal-window .portal-detail-meta {
  margin-top: 7px;
}

.portal-modal-window .portal-detail-section {
  margin-top: 10px;
  padding-top: 10px;
}

.portal-modal-window .portal-detail-section h4 {
  margin-bottom: 6px;
  font-size: 15px;
}

.portal-modal-window .portal-detail-text {
  line-height: 1.45;
}

.portal-modal-window .portal-detail-grid {
  gap: 7px;
}

.portal-modal-window .portal-detail-item {
  gap: 3px;
  padding: 8px 9px;
  border-radius: 10px;
}

.portal-modal-window .portal-modal-layout.has-gallery {
  align-items: center;
}

.portal-modal-window .portal-modal-gallery {
  display: flex;
  align-items: center;
  width: 100%;
  min-width: 0;
}

.portal-modal-window .portal-modal-gallery-card {
  width: 100%;
  min-height: 0;
}

.portal-modal-window .portal-modal-gallery-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 10 !important;
  height: auto;
  min-height: 0;
}

.portal-modal-window .portal-modal-gallery-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.portal-modal-window .portal-modal-gallery-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  object-position: center center;
}

.portal-modal-window .portal-modal-gallery-dots {
  margin-top: 0;
  padding: 10px 0;
  background: transparent;
}

.portal-modal-window .portal-modal-close {
  background: #fff1f1;
  color: #cf2323;
  border: 1px solid #f2c4c4;
}

.portal-modal-window .portal-modal-close:hover {
  background: #fde6e6;
  color: #b91919;
}

@media (max-width: 900px) {
  .portal-modal-window .portal-modal-content {
    padding: 14px;
  }

  .portal-modal-window .portal-modal-layout.has-gallery {
    align-items: start;
  }

  .portal-modal-window .portal-modal-gallery-stage {
    aspect-ratio: 16 / 10 !important;
  }
}

@media (max-width: 560px) {
  .portal-modal-window .portal-modal-head h3 {
    font-size: 22px;
  }

  .portal-modal-window .portal-modal-gallery-stage {
    aspect-ratio: 4 / 3 !important;
  }
}

/* PADRAO VISUAL INDIVIDUAL PLANO DIRETOR 20260713 */
body[data-page="esic"] {
  --pd-azul:#0b4d88;
  --pd-azul-escuro:#083f73;
  --pd-verde:#0a9868;
  --pd-vermelho:#c63c31;
  --pd-borda:#d5e2ee;
  --pd-fundo:#f3f7fb;
  --pd-campo:#f8fbfd;
  --pd-texto:#143b64;
  --pd-muted:#667b8f;
}
body[data-page="esic"] .public-content {
  background:var(--pd-fundo);
  padding:22px 0 34px;
}
body[data-page="esic"] .public-content > .container,
body[data-page="esic"] main.public-content .container {
  width:min(1320px,calc(100% - 32px));
  margin-inline:auto;
}
body[data-page="esic"] .public-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body[data-page="esic"] .public-content select {
  height:36px!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid var(--pd-borda)!important;
  border-radius:8px!important;
  background:var(--pd-campo)!important;
  color:var(--pd-texto)!important;
  font-size:14px!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .public-content textarea {
  min-height:86px!important;
  padding:10px 12px!important;
  border:1px solid var(--pd-borda)!important;
  border-radius:8px!important;
  background:var(--pd-campo)!important;
  color:var(--pd-texto)!important;
  font-size:14px!important;
  line-height:1.4!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .public-content button,
body[data-page="esic"] .public-content .btn,
body[data-page="esic"] .public-content a[class*="btn"],
body[data-page="esic"] .public-content [role="button"] {
  min-height:40px!important;
  padding:0 16px!important;
  border-radius:6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-size:14px!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .public-content button svg,
body[data-page="esic"] .public-content .btn svg,
body[data-page="esic"] .public-content button i,
body[data-page="esic"] .public-content .btn i {
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
  flex:0 0 16px!important;
}
body[data-page="esic"] .public-content form,
body[data-page="esic"] .public-content .card,
body[data-page="esic"] .public-content [class$="-card"],
body[data-page="esic"] .public-content [class*="-card "] {
  border-color:var(--pd-borda)!important;
  border-radius:14px!important;
}
body[data-page="esic"] .public-content table {
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border:1px solid var(--pd-borda);
  border-radius:12px;
  overflow:hidden;
  background:#fff;
}
body[data-page="esic"] .public-content th,
body[data-page="esic"] .public-content td {
  padding:10px 12px!important;
  border-bottom:1px solid #e4edf4!important;
  font-size:13px!important;
}
body[data-page="esic"] .portal-modal-window,
body[data-page="esic"] [class$="-modal-box"],
body[data-page="esic"] [class*="-modal-box "] {
  width:min(1320px,calc(100vw - 32px))!important;
  max-width:none!important;
  max-height:calc(100vh - 24px)!important;
  border-radius:16px!important;
  overflow:hidden!important;
}
body[data-page="esic"] .portal-modal-close,
body[data-page="esic"] [class*="modal"] button[aria-label*="Fechar"],
body[data-page="esic"] [class*="modal"] button[aria-label*="fechar"] {
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  padding:0!important;
  border-radius:10px!important;
}
body[data-page="esic"] .portal-modal-gallery-prev,
body[data-page="esic"] .portal-modal-gallery-next,
body[data-page="esic"] [class*="modal"] [class*="prev"],
body[data-page="esic"] [class*="modal"] [class*="next"] {
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid rgba(11,77,136,.24)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--pd-azul)!important;
  box-shadow:0 4px 12px rgba(11,77,136,.14)!important;
}
@media(max-width:760px) {
  body[data-page="esic"] .public-content > .container,
  body[data-page="esic"] main.public-content .container {width:min(100% - 20px,1320px)}
  body[data-page="esic"] .public-content button,
  body[data-page="esic"] .public-content .btn,
  body[data-page="esic"] .public-content a[class*="btn"] {min-height:38px!important;padding-inline:13px!important}
}


/* BASE FUNCIONAL DO e-SIC - escolha de acesso e solicitação sem identificação */
body[data-page="esic"] .esic-shell{background:#fff;border:1px solid #d5e2ee;border-radius:16px;padding:24px;box-shadow:0 12px 30px rgba(18,57,91,.08)}
body[data-page="esic"] .esic-intro{text-align:center;max-width:760px;margin:0 auto 22px}
body[data-page="esic"] .esic-kicker{display:block;color:#087d69;font-size:13px;margin-bottom:5px}
body[data-page="esic"] .esic-intro h3,body[data-page="esic"] .esic-form-head h3{margin:0;color:#0b4d88;font-size:25px}
body[data-page="esic"] .esic-intro p{margin:8px 0 0;color:#667b8f}
body[data-page="esic"] .esic-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:980px;margin:0 auto}
body[data-page="esic"] .esic-choice-card{padding:22px;border:1px solid #d5e2ee;border-radius:14px;background:#fbfdff;display:flex;flex-direction:column;align-items:flex-start}
body[data-page="esic"] .esic-choice-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#e7f2fb;color:#0b4d88;margin-bottom:13px}
body[data-page="esic"] .esic-choice-card h4{font-size:19px;color:#0b4d88;margin:0 0 6px}
body[data-page="esic"] .esic-choice-card p{color:#667b8f;line-height:1.5;margin:0 0 18px;flex:1}
body[data-page="esic"] .esic-btn{border:0;cursor:pointer;text-decoration:none}
body[data-page="esic"] .esic-btn-primary{background:#0b66b2;color:#fff}
body[data-page="esic"] .esic-btn-secondary{background:#0a9868;color:#fff}
body[data-page="esic"] .esic-form-panel{max-width:1100px;margin:0 auto}
body[data-page="esic"] .esic-form-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
body[data-page="esic"] .esic-back{background:#eef5fa;color:#0b4d88;border:1px solid #d5e2ee}
body[data-page="esic"] .esic-notice{padding:12px 14px;border:1px solid #d7e9df;border-radius:10px;background:#f1fbf6;color:#376454;margin-bottom:16px}
body[data-page="esic"] .esic-field{display:grid;gap:6px;margin-bottom:14px}
body[data-page="esic"] .esic-field label{color:#143b64;font-size:15px}
body[data-page="esic"] .esic-field textarea{min-height:220px!important;resize:vertical}
body[data-page="esic"] .esic-consent{display:flex;align-items:flex-start;gap:9px;color:#526b81;margin:5px 0 16px}
body[data-page="esic"] .esic-consent input{margin-top:3px}
body[data-page="esic"] .esic-actions{display:flex;justify-content:flex-end}
body[data-page="esic"] .esic-result{padding:20px;border:1px solid #b9decf;border-radius:14px;background:#f2fbf7}
body[data-page="esic"] .esic-result h4{font-size:20px;color:#087d69;margin:0 0 5px}
body[data-page="esic"] .esic-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}
body[data-page="esic"] .esic-result-grid div{padding:12px;border:1px solid #d5e2ee;border-radius:10px;background:#fff}
body[data-page="esic"] .esic-result-grid span{display:block;color:#667b8f;font-size:13px;margin-bottom:4px}
body[data-page="esic"] .esic-result-grid strong{display:block;color:#0b4d88;font-size:17px;overflow-wrap:anywhere}
@media(max-width:760px){body[data-page="esic"] .esic-choice-grid,body[data-page="esic"] .esic-result-grid{grid-template-columns:1fr}body[data-page="esic"] .esic-shell{padding:16px}body[data-page="esic"] .esic-form-head{align-items:flex-start;flex-direction:column-reverse}}


/* Fluxo público do e-SIC em pop-up acima de todos os elementos do portal. */
body.esic-modal-open { overflow: hidden !important; }
body[data-page="esic"] .esic-public-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  isolation: isolate !important;
}
body[data-page="esic"] .esic-public-modal[hidden] { display: none !important; }
body[data-page="esic"] .esic-public-backdrop {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  background: rgba(5, 29, 51, .70) !important;
  backdrop-filter: blur(5px) !important;
}
body[data-page="esic"] .esic-public-modal .esic-shell {
  position: relative !important;
  z-index: 1 !important;
  width: min(960px, calc(100vw - 36px)) !important;
  max-height: calc(100vh - 36px) !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: auto !important;
  background: #fff !important;
  border: 1px solid #d5e2ee !important;
  border-radius: 18px !important;
  box-shadow: 0 28px 90px rgba(3, 25, 48, .42) !important;
}
body[data-page="esic"] .esic-modal-close {
  position: sticky !important;
  top: 0 !important;
  float: right !important;
  z-index: 3 !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: -10px -10px 0 12px !important;
  padding: 0 !important;
  border: 1px solid #f0c5c5 !important;
  border-radius: 10px !important;
  background: #fff1f1 !important;
  color: #c52b2b !important;
  font-size: 25px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
body[data-page="esic"] .esic-modal-close:hover {
  background: #fde3e3 !important;
  color: #a51f1f !important;
}
body[data-page="esic"] .esic-public-modal .esic-choice-grid {
  clear: both;
}
@media (max-width: 760px) {
  body[data-page="esic"] .esic-public-modal { padding: 10px !important; }
  body[data-page="esic"] .esic-public-modal .esic-shell {
    width: 100% !important;
    max-height: calc(100vh - 20px) !important;
    padding: 18px !important;
  }
}


/* Correção funcional: o atributo hidden deve prevalecer sobre os layouts do e-SIC. */
body[data-page="esic"] #esic-choice-grid[hidden],
body[data-page="esic"] #esic-anonymous-panel[hidden],
body[data-page="esic"] #esic-anonymous-form[hidden],
body[data-page="esic"] #esic-result[hidden],
body[data-page="esic"] #esic-public-modal[hidden] {
  display: none !important;
}
body[data-page="esic"] #esic-anonymous-panel:not([hidden]) {
  display: block !important;
}
body[data-page="esic"] #esic-choice-grid:not([hidden]) {
  display: grid !important;
}
body[data-page="esic"] #esic-result:not([hidden]) {
  display: block !important;
}
body[data-page="esic"] #esic-anonymous-form:not([hidden]) {
  display: block !important;
}


/* Respostas do e-SIC publicadas pelo canal definido no atendimento. */
body[data-page="esic"] .esic-public-response-list{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  margin-top:18px!important;
}
body[data-page="esic"] .esic-public-response-card{
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  padding:18px 16px!important;
  border:1px solid #d5e3ee!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(10,67,105,.07)!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .esic-public-response-card:hover{
  border-color:#79aec8!important;
  box-shadow:0 13px 30px rgba(10,67,105,.12)!important;
}
body[data-page="esic"] .esic-public-response-main{
  display:grid!important;
  min-height:42px!important;
  grid-template-columns:minmax(190px,1.05fr) minmax(150px,.78fr) minmax(200px,1.15fr) minmax(260px,1.65fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
}
body[data-page="esic"] .esic-public-response-meta,
body[data-page="esic"] .esic-public-response-summary{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}
body[data-page="esic"] .esic-public-response-meta span,
body[data-page="esic"] .esic-public-response-summary span{
  color:#658096!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
}
body[data-page="esic"] .esic-public-response-meta strong{
  display:block!important;
  min-width:0!important;
  color:#084f8b!important;
  font-size:15px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
body[data-page="esic"] .esic-public-response-subject strong{
  color:#143b64!important;
  font-size:16px!important;
}
body[data-page="esic"] .esic-public-response-summary{
  padding-left:16px!important;
  border-left:1px solid #e3ecf3!important;
}
body[data-page="esic"] .esic-public-response-summary p{
  margin:0!important;
  color:#526b80!important;
  font-size:14px!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
body[data-page="esic"] .esic-public-response-button{
  width:auto!important;
  min-width:124px!important;
  min-height:42px!important;
  padding:0 18px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:#0b4d88!important;
  color:#fff!important;
  white-space:nowrap!important;
  justify-self:end!important;
  align-self:center!important;
}
body[data-page="esic"] .esic-public-response-button:hover{
  background:#083f73!important;
}
body[data-page="esic"] .esic-public-response-files{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin:14px 0 0!important;
  padding-top:12px!important;
  border-top:1px solid #e7eef4!important;
}
body[data-page="esic"] .esic-public-response-files a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:0 12px!important;
  border:1px solid #cdddea!important;
  border-radius:9px!important;
  background:#f7fbfe!important;
  color:#07518f!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .esic-public-response-files a:hover{
  background:#edf7fc!important;
  border-color:#84b5cf!important;
}
@media(max-width:1180px){
  body[data-page="esic"] .esic-public-response-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body[data-page="esic"] .esic-public-response-summary{
    padding-left:0!important;
    border-left:0!important;
  }
  body[data-page="esic"] .esic-public-response-button{
    justify-self:start!important;
  }
}
@media(max-width:700px){
  body[data-page="esic"] .esic-public-response-main{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  body[data-page="esic"] .esic-public-response-button{
    width:100%!important;
    justify-self:stretch!important;
  }
  body[data-page="esic"] .esic-public-response-files a{
    width:100%!important;
  }
}


/* ===== Formulário público profissional do e-SIC ===== */
body[data-page="esic"] .esic-public-modal .esic-shell{
  width:min(920px,calc(100vw - 28px));
  max-height:calc(100vh - 28px);
  padding:26px 28px 24px;
}
body[data-page="esic"] .esic-form-panel{max-width:100%;}
body[data-page="esic"] .esic-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
body[data-page="esic"] .esic-field{margin:0;min-width:0;}
body[data-page="esic"] .esic-field-full{grid-column:1/-1;}
body[data-page="esic"] .esic-field label{display:grid;gap:3px;margin-bottom:7px;}
body[data-page="esic"] .esic-field label span{color:#123f70;font-size:14px;}
body[data-page="esic"] .esic-field label small{color:#6a7d90;font-size:11px;line-height:1.35;}
body[data-page="esic"] .esic-control{
  position:relative;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  min-height:46px;
  border:1px solid #cbd9e6;
  border-radius:12px;
  background:#f9fbfd;
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body[data-page="esic"] .esic-control:focus-within{
  border-color:#0b76bd;
  background:#fff;
  box-shadow:0 0 0 4px rgba(11,118,189,.12);
}
body[data-page="esic"] .esic-control-icon{
  display:grid;
  place-items:center;
  border-right:1px solid #d9e4ee;
  background:#eef5fb;
  color:#0b5f9f;
  font-size:16px;
}
body[data-page="esic"] .esic-control input,
body[data-page="esic"] .esic-control select,
body[data-page="esic"] .esic-control textarea{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#183a5a!important;
  font:inherit!important;
  outline:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
body[data-page="esic"] .esic-control input,
body[data-page="esic"] .esic-control select{height:46px!important;padding:0 13px!important;}
body[data-page="esic"] .esic-control select{cursor:pointer;}
body[data-page="esic"] .esic-control select:disabled{cursor:wait;color:#6f8193!important;}
body[data-page="esic"] .esic-control-textarea{grid-template-columns:44px minmax(0,1fr);align-items:stretch;}
body[data-page="esic"] .esic-control-textarea .esic-control-icon{align-items:start;padding-top:14px;}
body[data-page="esic"] .esic-control textarea{min-height:190px!important;padding:13px!important;line-height:1.55;resize:vertical;}
body[data-page="esic"] .esic-character-counter{text-align:right;margin-top:5px;color:#718396;font-size:11px;}
body[data-page="esic"] .esic-notice{margin-bottom:18px;border-left:4px solid #0a9868;padding:13px 15px;}
body[data-page="esic"] .esic-consent{
  margin:17px 0 16px;
  padding:12px 14px;
  border:1px solid #d7e3ed;
  border-radius:11px;
  background:#f8fbfd;
}
body[data-page="esic"] .esic-actions{padding-top:2px;}
body[data-page="esic"] .esic-actions .esic-btn{min-width:180px;min-height:44px;border-radius:11px;}
@media(max-width:720px){
  body[data-page="esic"] .esic-public-modal .esic-shell{padding:20px 16px;}
  body[data-page="esic"] .esic-form-grid{grid-template-columns:1fr;}
  body[data-page="esic"] .esic-field-full{grid-column:auto;}
  body[data-page="esic"] .esic-control{grid-template-columns:40px minmax(0,1fr);}
  body[data-page="esic"] .esic-actions .esic-btn{width:100%;}
}