/* Start custom CSS for html, class: .elementor-element-9cad9d5 */:root{
  --primary:#c1272d;     /* color de acento */
  --ink:#000;            /* 🔥 texto negro */
  --muted:#e6e6e6;
}

.migra-latest{
  padding:50px 0;
  background:#fff;
  font-family:"Cairo",system-ui,sans-serif;
}

.mw{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}

/* Título de la sección */
.section-title{
  text-align:center;
  font-weight:900;
  color:#000;           /* 🔥 negro */
  margin-bottom:28px;
  font-size:clamp(22px,3.8vw,34px);
}
.section-title::after{
  content:"";
  display:block;
  width:60px;
  height:3px;
  background:#e9a400;
  margin:10px auto 0;
  border-radius:2px;
}

/* GRID */
.migra-posts-grid{
  display:grid;
  gap:22px;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
}

/* Card */
.migra-card{
  background:#fff;
  border:1px solid var(--muted);
  border-radius:14px;
  overflow:hidden;
  transition:.25s;
}
.migra-card:hover{
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  transform:translateY(-4px);
}

.migra-card .thumb img{
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Contenido */
.migra-card .pad{
  padding:12px;
}

/* Fecha */
.migra-card .meta{
  color:#6b7280;
  font-size:.9rem;
  margin-bottom:6px;
}

/* 🔥 Título NEGRO */
.migra-card .title a{
  color:#000 !important;
  text-decoration:none;
  font-weight:800;
  font-size:1.05rem;
}

.migra-card .title a:hover{
  text-decoration:underline;
}

/* Mobile list compacta */
@media(max-width:680px){
  .migra-posts-grid{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .migra-card{
    display:flex;
    flex-direction:row-reverse;
    padding:8px;
  }
  .migra-card .thumb img{
    width:120px;
    height:90px;
    border-radius:8px;
    flex-shrink:0;
  }
  .migra-card .pad{
    padding:0 10px 0 0;
  }
  .migra-card .title a{
    font-size:16px;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6451c2e */:root{--primary:#c1272d;--ink:#000;--muted:#e6e6e6;}  /* 🔥 TEXTO NEGRO */

/* Contenedor */
.ar-4-4{
  font-family:"Cairo",system-ui,sans-serif;
  color:#000 !important;   /* 🔥 todo texto negro */
}
.mw{
  max-width:1200px;
  margin:0 auto;
  padding:0 16px;
}
.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

/* Píldoras */
.pill{
  display:inline-block;
  background:var(--primary);
  color:#fff;
  border-radius:999px;
  padding:.4rem .9rem;
  margin-bottom:12px;
  font-weight:800;
}

/* ---- LISTA IZQUIERDA ---- */
.vlist{display:flex;flex-direction:column;gap:16px}
.vitem{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:10px;
  align-items:center;
  border:1px solid var(--muted);
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.vitem .tmb{
  width:96px;
  height:72px;
  border-radius:8px;
  object-fit:cover;
  border:1px solid var(--muted);
}

/* 🔥 enlace negro */
.vitem .link{
  color:#000 !important;
  text-decoration:none;
  font-weight:800;
  line-height:1.4;
}
.vitem .link:hover{text-decoration:underline}

/* gris suave para la fecha */
.vitem .meta{
  color:#6b7280;
  font-size:.85rem;
  margin-top:4px;
}

/* ---- CARDS DERECHA ---- */
.cards{display:grid;gap:18px}
.card{
  background:#fff;
  border:1px solid var(--muted);
  border-radius:14px;
  overflow:hidden;
  transition:.3s;
}
.card:hover{
  box-shadow:0 6px 16px rgba(0,0,0,.08);
  transform:translateY(-4px);
}
.card img{
  width:100%;
  height:auto;
  display:block;
}
.card .pad{padding:14px}

/* fecha gris */
.card .meta{
  color:#6b7280;
  font-size:.9rem;
  margin-bottom:4px;
}

/* 🔥 título negro */
.card .title a{
  text-decoration:none;
  color:#000 !important;
  font-weight:800;
  font-size:1.15rem;
}
.card .title a:hover{text-decoration:underline}

/* 🔥 excerpt negro */
.card .excerpt{
  color:#000 !important;
  font-size:.92rem;
  margin-top:6px;
}

@media (max-width:900px){
  .grid-2{grid-template-columns:1fr}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b357697 *//* ==== FIX: mantener el texto de la pregunta siempre NEGRO ==== */

.faq-question h3 {
  color:#000 !important;  /* texto negro siempre */
}

.faq-question:hover h3 {
  color:#000 !important;  /* hover negro */
}

.faq-item.open .faq-question h3 {
  color:#000 !important;  /* abierto negro */
}/* End custom CSS */