/* ==========================================================
   Portal Monagas 2.2 — Simetría visual global
   Mantiene paleta, tipografía y componentes existentes.
   ========================================================== */

/* Ritmo vertical y encabezados */
.section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  justify-items:center;
  align-items:center;
  gap:10px;
  text-align:center;
  margin-bottom:34px;
}
.section-head > *{min-width:0}
.section-head .kicker,.section-head h2,.section-head p{margin-left:auto;margin-right:auto}
.section-head p{max-width:720px;text-align:center}
.section-head h2,.page-box h1,.page-box h2{text-wrap:balance}

/* Grillas: todos los elementos de una fila comparten altura */
.grid-5,.grid-4,.grid-3,.grid-2{align-items:stretch}
.grid-5 > *,.grid-4 > *,.grid-3 > *,.grid-2 > *{min-width:0;height:100%}

/* Tarjetas con títulos, cuerpo y acciones alineados */
.card,.info-item,.sistema-card,.system-row,.featured-news-card,.home-gallery-item{
  height:100%;
}
.card{
  display:flex;
  flex-direction:column;
}
.card .icon{flex:0 0 auto}
.card h3{line-height:1.35;text-wrap:balance}
.card p{flex:1;line-height:1.65}
.card .card-link,.card > .btn,.card > a.btn{margin-top:auto;align-self:flex-start}

/* Botones y acciones */
.btn,.card-link,.chat-suggestion{
  min-height:44px;
  align-items:center;
  justify-content:center;
}
.hero-actions,.comm-actions,.request-result-actions{
  align-items:center;
}
.hero-actions .btn,.request-result-actions .btn{min-width:160px}

/* Formularios */
.form{align-items:start}
.form > label,.form > .full{min-width:0}
.form label{align-content:start}
.form input:not([type="checkbox"]):not([type="radio"]),
.form select{height:48px;min-height:48px}
.form textarea{min-height:132px;line-height:1.55}
.form .btn{justify-self:start}
.consent-row,.privacy-consent,.form-consent{align-items:center}

/* Tablas */
th,td{vertical-align:middle}
th{white-space:normal;line-height:1.35}
td{line-height:1.5}

/* Navegación y pie */
.nav-link{justify-content:center}
.footer-grid{align-items:start}
.footer-grid > div{min-width:0}
footer h4{min-height:24px}

/* Chat: cabecera y opciones regulares */
#chatAssistant .chat-head{align-items:center}
#chatAssistant .chat-suggestions{align-items:stretch}
#chatAssistant .chat-suggestion{display:flex;text-align:left}
#chatAssistant .chat-suggestion i{width:18px;text-align:center;flex:0 0 18px}

/* Mantiene alturas y alineación consistentes entre tarjetas y controles */
html.portal-translating .btn,
html.portal-translating .nav-link,
html.portal-translating .chat-suggestion{transition:none!important}

@media(max-width:900px){
  .section-head{margin-bottom:28px}
  .hero-actions{justify-content:center}
  .page-box{text-align:center}
  .page-box .breadcrumb{justify-content:center}
}

@media(max-width:680px){
  .btn,.hero-actions .btn,.request-result-actions .btn{width:100%;min-width:0}
  .card .card-link{align-self:stretch;justify-content:center}
  .footer-grid{text-align:center}
  .footer-logo{margin-left:auto;margin-right:auto}
}