/*
Theme Name: Medicare Child
Theme URI: https://tusitio.com
Description: Tema hijo para Medicare
Author: Tu Nombre
Author URI: https://tusitio.com
Template: medicare
Version: 1.0
*/
/*
Theme Name: Medicare Child
Theme URI: https://drjaimeorfila.es/
Description: Tema hijo de Medicare con mejoras de accesibilidad, contraste y estructura semántica.
Author: [Tu nombre o agencia]
Template: medicare
Version: 1.0.0
*/

/* ============================================================
   1. BASE
   ============================================================ */
body {
  scroll-behavior: smooth;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* ============================================================
   2. CONTRASTE DE COLOR
   ============================================================ */

/* Fondo azul principal más oscuro para cumplir WCAG AA
.btTextLeft.btTopVertical {
  background-color: #2b7bb2 !important; /* Antes: #44a7e3 / #3d9ed8 */
} */

/* Textos sobre fondos azules 
.btTextLeft.btTopVertical .headline,
.btTextLeft.btTopVertical .btText p,
.btTextLeft.btTopVertical .btBtn .btnInnerText {
  color: #ffffff !important;
}*/

/* Enlaces sobre fondo gris claro (footer y widgets) */
.btFooterWrap a {
  color: #00639e !important;
  text-decoration: none;
  transition: color 0.2s ease;
}
.btFooterWrap a:hover {
  color: #00406b !important;
}

/* Fechas y metadatos con poco contraste */
p.posted {
  color: #666666 !important; /* Sustituye #909090 */
}

/* ============================================================
   3. TIPOGRAFÍA Y ENCABEZADOS
   ============================================================ */

main h2,
.bt_bb_headline h2 {
  font-size: 1.75rem;
  font-weight: 600;
  color: #222222;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

h3 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333333;
}

/* Evitar que los encabezados pequeños parezcan menos visibles */
h4, h5, h6 {
  color: #444444;
}

/* ============================================================
   4. ACCESIBILIDAD VISUAL
   ============================================================ */

/* Foco visible en todos los elementos interactivos */
a:focus,
button:focus,
input:focus,
textarea:focus {
  outline: 3px solid #ffcc33;
  outline-offset: 2px;
}

/* Evitar pérdida de foco en elementos ocultos */
[aria-hidden="true"] *:focus {
  outline: none;
}

/* Botones más legibles */
button, .btBtn {
  font-size: 1rem;
  font-weight: 600;
  text-transform: none;
}

/* ============================================================
   5. LANDMARKS Y ESTRUCTURA SEMÁNTICA
   ============================================================ */

/* Estilo opcional para el main */
main#main-content {
  display: block;
  margin: 0 auto;
  width: 100%;
}

/* ============================================================
   6. OTROS AJUSTES ESTÉTICOS
   ============================================================ */

/* Transiciones suaves */
a, button, input, textarea {
  transition: all 0.2s ease;
}

/* Corrección de enlaces del header (iconos sociales) */
a.btIconWidget {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #007bb5; /* azul LinkedIn */
}
a.btIconWidget:hover {
  color: #005580;
}

.btLightSkin {
    color: #444 !important;
    background-color: #fff;
    }
.checkbox{display: ruby-text;}
/* ============================================================
   FIN DE ARCHIVO
   ============================================================ */