/* ================================================================
   GYD — bloques de artículo (perfil profesional / comparativas)
   Hoja externa: no se incrusta CSS en el HTML.
   Complementa al tema brk (bootstrap + skins).
   ================================================================ */

/* ---------- Respuesta directa bajo el titular ---------- */
.gyd-respuesta{
  background:#f2f6fd;border-left:4px solid #0a58ca;border-radius:0 10px 10px 0;
  padding:1.3rem 1.5rem;margin:0 0 1.6rem;
}
.gyd-respuesta p{
  margin:0;font-family:'Open Sans',sans-serif;font-size:16px;line-height:1.75;color:#1b2430;
}
.gyd-actualizado{
  display:inline-block;font-size:12px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#6b7785;margin-bottom:.8rem;
}

/* ---------- Tabla de credenciales ---------- */
.gyd-tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.4rem 0 1.8rem}
table.gyd-tabla{
  width:100%;border-collapse:collapse;min-width:520px;background:#fff;
  border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;
  font-family:'Open Sans',sans-serif;font-size:15px;
}
table.gyd-tabla caption{
  caption-side:top;text-align:left;font-size:12px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#6b7785;padding-bottom:.6rem;
}
table.gyd-tabla th,table.gyd-tabla td{
  padding:.8rem 1rem;text-align:left;vertical-align:top;
  border-bottom:1px solid #eef2f7;line-height:1.65;
}
table.gyd-tabla tbody th{font-weight:700;color:#1b2430;background:#f7f9fc;width:32%}
table.gyd-tabla td{color:#3d4753}
table.gyd-tabla tbody tr:last-child th,
table.gyd-tabla tbody tr:last-child td{border-bottom:0}

/* ---------- Lista de datos verificados ---------- */
ul.gyd-datos{list-style:none;margin:.9rem 0 1.4rem;padding:0}
ul.gyd-datos li{
  position:relative;padding-left:1.5rem;margin-bottom:.6rem;
  font-family:'Open Sans',sans-serif;font-size:15px;color:#3d4753;line-height:1.7;
}
ul.gyd-datos li::before{content:'✓';position:absolute;left:0;color:#0a58ca;font-weight:700}
.gyd-fuente{
  font-family:'Open Sans',sans-serif;font-size:13px;color:#8b95a1;
  font-style:italic;margin:.4rem 0 1.4rem;
}

/* ---------- Tarjetas de motivo ---------- */
.gyd-motivos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.3rem 0 1.6rem}
.gyd-motivo{background:#fff;border:1.5px solid #e3e8ef;border-radius:10px;padding:1.1rem 1.2rem}
.gyd-motivo h4{
  font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;
  color:#1b2430;margin:0 0 .4rem;line-height:1.3;
}
.gyd-motivo p{font-family:'Open Sans',sans-serif;font-size:14px;color:#3d4753;line-height:1.65;margin:0}

/* ---------- Aviso ---------- */
.gyd-aviso{
  background:#fff8e6;border-left:4px solid #e0a800;border-radius:0 10px 10px 0;
  padding:1rem 1.2rem;margin:1.2rem 0 1.6rem;
}
.gyd-aviso p{font-family:'Open Sans',sans-serif;font-size:14px;color:#5c4a12;line-height:1.7;margin:0}

/* ---------- FAQ ---------- */
.gyd-faq{margin:1.2rem 0 1.5rem}
.gyd-faq details{background:#fff;border:1.5px solid #e3e8ef;border-radius:9px;margin-bottom:.7rem}
.gyd-faq summary{
  cursor:pointer;padding:.95rem 1.1rem;list-style:none;
  font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;color:#1b2430;line-height:1.5;
}
.gyd-faq summary::-webkit-details-marker{display:none}
.gyd-faq summary::after{content:'+';float:right;color:#0a58ca;font-size:20px;line-height:1}
.gyd-faq details[open] summary::after{content:'−'}
.gyd-faq details[open] summary{border-bottom:1px solid #eef2f7}
.gyd-faq .gyd-faq-body{
  padding:.95rem 1.1rem;font-family:'Open Sans',sans-serif;
  font-size:15px;color:#3d4753;line-height:1.75;
}
.gyd-faq .gyd-faq-body p{margin:0}

@media(max-width:600px){
  table.gyd-tabla{font-size:14px}
  .gyd-respuesta{padding:1.05rem 1.15rem}
}

/* separación entre los argumentos del bloque "por qué es la referencia" */
p.gyd-razon{margin-bottom:1.1rem}
p.gyd-razon:last-of-type{margin-bottom:0}