/* ===== Base Mobile-first ===== */
html { font-size: 16px; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

img { max-width: 100%; height: auto; display: block; }

/* Titulares y textos */
.heanding_titulo { display:block; font-size: 1.375rem; font-weight: 700; line-height: 1.25; }
.heanding_descripcion { margin-top: .375rem; font-size: .95rem; color: #333; }

/* Alertas consistentes */
.alert { border-radius: 8px; }
.alert .close { line-height: 1; }

/* Formularios mobile-first */
.form-horizontal .form-group { margin-bottom: 14px; }
.form-control { height: 44px; padding: 8px 12px; }
input[readonly].form-control { background: #f8f9fa; color: #444; }

/* Botones accesibles */
.btn { min-height: 44px; padding: 10px 16px; border-radius: 8px; }
.btn-success { background:#2f6740; border-color:#2f6740; }
.btn-success:hover, .btn-success:focus { filter: brightness(.95); }

/* Botonera “afiliado titular” */
.botones-afiliado .btn { margin-right: 8px; margin-bottom: 10px; }

/* Contador (index) */
#id_h3_pre { margin-bottom: 12px; text-align: center; }
#contador { margin-bottom: 24px; }
.contador-box {
  border: 2px rgb(47,103,64) solid;
  border-radius: 6px;
  padding: 14px 10px;
  text-align: center;
  font-weight: 600;
  letter-spacing: .5px;
}
#clock { display:inline-block; font-size: 1.375rem; }

/* Scroll to top */
.scrollToTop { bottom: 18px; right: 18px; width: 44px; height: 44px; border-radius: 22px; }

/* ===== Accesibilidad mínima ===== */
:focus { outline: 3px solid rgba(47,103,64,.35); outline-offset: 2px; }
.btn:focus, .form-control:focus { box-shadow: 0 0 0 .2rem rgba(47,103,64,.25); }

/* ===== Responsive ===== */
@media (max-width: 991px) {
  .heading { text-align: center; }
}

@media (max-width: 767px) {
  /* Formularios a una columna */
  .control-label { text-align: left !important; margin-bottom: 6px; }
  .col-md-6.col-sm-8.col-xs-12,
  .col-md-2.col-sm-4.col-xs-12 { float:none; width:100%; }

  .botones-afiliado .btn { display:block; width:100%; margin-right:0; }
  #clock { font-size: 1.125rem; }
}

/* Utilitarias */
.mt-80 { margin-top: 80px; }
.text-justify { text-align: justify; }
.text-center { text-align: center; }

/* Botón principal (index) */
.btn_formulario { min-width: 220px; }

/* Modificar datos afiliado - detalles UX */
.modificar-datos-afiliado-titular .help-block { color:#555; font-size:.9rem; }
#alerta_padre .alert { border-radius:8px; }
#celular { letter-spacing: .5px; }

/* ===== Confirmación: panel limpio y legible ===== */
.panel-confirmacion {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.08);
}
.panel-confirmacion .panel-heading {
  background: #2f6740;
  color: #fff;
  border-color: #2f6740;
}
.panel-confirmacion .panel-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin: 0;
  display: flex;
  align-items: center;
  gap: .5rem;
}
.panel-confirmacion .panel-body {
  padding: 18px 18px 8px;
}
.alert.soft {
  margin-bottom: 18px;
}

/* Subtítulos compactos */
.subtitulo {
  font-weight: 700;
  margin: 12px 0 6px;
  font-size: 1rem;
}

/* Listas compactas de datos */
.list-compact .list-group-item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 10px 12px;
  border-color: #eee;
}
.list-compact .item-label {
  color: #444;
  font-weight: 600;
  margin-right: 10px;
}
.list-compact .item-value {
  color: #222;
  text-align: right;
}

/* Botón responsivo */
.btn-block-xs {
  min-height: 44px;
}
@media (max-width: 767px) {
  .btn-block-xs {
    display: block;
    width: 100%;
  }
  .panel-confirmacion .panel-body {
    padding: 16px 14px 6px;
  }
  .list-compact .list-group-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
  .list-compact .item-value {
    text-align: left;
  }
}

/* Nota de ayuda */
.ayuda {
  color: #444;
  margin-top: 10px;
}

/* afiliado_titular_inscripto.css */

/* panel principal */
.panel-confirmacion {
  margin-top: 15px;
}

/* subtítulos internos */
.panel-confirmacion .subtitulo {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* lista compacta */
.list-compact .list-group-item {
  padding: 6px 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-compact .item-label {
  font-weight: 500;
}
.list-compact .item-value {
  text-align: right;
}

/* Información importante */
.panel-info-importante {
  margin-top: 15px;
}

/* bloque whatsapp */
.bloque-wa {
  margin-top: 10px;
}

/* responsive */
@media (max-width: 767px) {
  .list-compact .list-group-item {
    display: block;
    text-align: left;
  }
  .list-compact .item-value {
    text-align: left;
    display: block;
    margin-top: 3px;
  }
}

/* impresión */
@media print {
  .scrollToTop,
  .ayuda,
  .bloque-wa,
  .acciones a.btn,
  .acciones #btn_imprimir,
  header,
  footer {
    display: none !important;
  }
  .panel-confirmacion {
    border: none;
    box-shadow: none;
  }
}