/* MiEmpleo.us — estilos de las páginas SEO renderizadas en servidor.
   Reutiliza la paleta de estilos.css (claro y cálido, nada oscuro). */


/* La cabecera de estas páginas no usa el modal: ajustamos el botón de idioma */
.cabecera__acciones .btn-idioma{ text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }

/* migas de pan */
.migas{ background:var(--crema-2); border-bottom:1px solid var(--linea); font-size:.82rem; }
.migas ol{ list-style:none; margin:0; padding:.55rem 0; display:flex; flex-wrap:wrap; gap:.35rem; align-items:center; }
.migas li{ color:var(--tinta-3); }
.migas li+li::before{ content:'›'; margin:0 .35rem; color:var(--tinta-3); }
.migas a{ color:var(--tinta-2); }
.migas li[aria-current]{ color:var(--tinta); font-weight:600; }

/* bloques de sección */
.seccion--cab{ padding-top:2rem; }
.entrada{ color:var(--tinta-2); max-width:65ch; font-size:1.05rem; }
.cuenta-linea{ color:var(--tinta-2); font-size:.95rem; }
.cuenta-linea strong{ color:var(--terracota); font-size:1.35rem; font-family:'Fraunces',serif; }

/* tarjetas de vacante como enlace (mantienen el look de .empleo) */
a.empleo{ text-decoration:none; color:inherit; display:block; }
a.empleo:hover{ text-decoration:none; }

/* rejilla de estados */
.rejilla-estados-lista{
  display:grid; gap:.85rem; margin-top:1.25rem;
  grid-template-columns:repeat(auto-fill,minmax(158px,1fr));
}
.tarjeta-estado{
  display:flex; flex-direction:column; gap:.1rem;
  background:var(--blanco); border:1px solid var(--linea); border-radius:var(--radio);
  padding:.95rem 1rem; box-shadow:var(--sombra-sm); text-decoration:none;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.tarjeta-estado:hover{ transform:translateY(-2px); box-shadow:var(--sombra); border-color:var(--coral); text-decoration:none; }
.tarjeta-estado__nom{ font-family:'Fraunces',serif; font-weight:600; color:var(--tinta); font-size:1.02rem; }
.tarjeta-estado__num{ font-family:'Fraunces',serif; font-size:1.6rem; color:var(--terracota); line-height:1.1; }
.tarjeta-estado__lbl{ font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; color:var(--tinta-3); }

/* listas de ciudades / estados */
.lista-ciudades{ list-style:none; margin:1rem 0 0; padding:0; columns:2; column-gap:2rem; }
.lista-ciudades li{ break-inside:avoid; margin:0 0 .55rem; }
.lista-ciudades a{
  display:flex; justify-content:space-between; gap:.75rem; align-items:baseline;
  padding:.5rem .7rem; border-radius:var(--radio-sm); background:var(--blanco);
  border:1px solid var(--linea); color:var(--tinta); text-decoration:none; font-size:.95rem;
}
.lista-ciudades a:hover{ border-color:var(--coral); background:var(--coral-suave); text-decoration:none; }
.cuenta{
  font-size:.78rem; font-weight:700; color:var(--terracota);
  background:var(--amarillo-suave); border-radius:999px; padding:.05rem .5rem; flex:0 0 auto;
}

/* detalle de vacante */
.detalle{ max-width:840px; }
.detalle__sub{ color:var(--tinta-2); font-size:1.05rem; margin:.2rem 0 1rem; }
.detalle__datos{ list-style:none; margin:0 0 1.4rem; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; }
.detalle__datos li{
  display:inline-flex; align-items:center; gap:.4rem;
  background:var(--blanco); border:1px solid var(--linea); border-radius:999px;
  padding:.35rem .8rem; font-size:.9rem; color:var(--tinta-2);
}
.detalle__datos strong{ color:var(--verde); }
.detalle__texto{ color:var(--tinta-2); font-size:1.02rem; line-height:1.7; margin-bottom:1.6rem; }
.cta-registro{
  display:flex; flex-direction:column; gap:.6rem; align-items:flex-start;
  background:var(--amarillo-suave); border:1px solid var(--amarillo);
  border-radius:var(--radio); padding:1.1rem 1.2rem; margin:0 0 2rem;
}
.cta-registro strong{ font-size:1rem; }

/* utilidades */
.volver{ margin:2rem 0 3rem; font-size:.95rem; }
.bloque-404{ text-align:center; padding:3rem 1rem 4rem; }
.bloque-404 h1{ margin-bottom:.5rem; }

@media (max-width:640px){
  .lista-ciudades{ columns:1; }
  .rejilla-estados-lista{ grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); }
  .detalle__datos li{ font-size:.85rem; }
}