/* =====================================================================
   Estilos de las secciones nuevas (Servicios en cards, Zonas de
   cobertura, Búsquedas activas y Perspectivas). Se cargan ADEMÁS del
   CSS original del sitio, sin pisarlo.
   ===================================================================== */

/* ----- Títulos de sección ----- */
.seccion-titulo{
  text-align:center;margin:10px 0 6px;color:#12395b;font-weight:700;
}
.seccion-bajada{
  text-align:center;color:#5b6b78;max-width:720px;margin:0 auto 26px;
}

/* ----- Servicios (acordeón) ----- */
.servicios-acordeon{max-width:760px;margin:0 auto}
.servicio-item{
  border:1px solid #e2e7ec;border-radius:10px;margin-bottom:12px;overflow:hidden;
  background:#fff;
}
.servicio-cabecera{
  display:flex;justify-content:space-between;align-items:center;gap:14px;
  width:100%;text-align:left;background:#f7f9fb;border:0;cursor:pointer;
  padding:16px 20px;font-size:16px;font-weight:600;color:#12395b;
}
.servicio-cabecera:hover{background:#eef3f8}
.servicio-cabecera .mas{font-size:22px;line-height:1;color:#1c5688;transition:transform .2s}
.servicio-item.abierto .mas{transform:rotate(45deg)}
.servicio-cuerpo{
  max-height:0;overflow:hidden;transition:max-height .3s ease;
  padding:0 20px;color:#3d4a55;
}
.servicio-item.abierto .servicio-cuerpo{max-height:1200px;padding:6px 20px 20px}
.servicio-cuerpo p{margin:10px 0}

/* ----- Zonas de cobertura ----- */
.zonas{background:#50783C;color:#eaf1f7;padding:40px 0;margin-top:40px}
.zonas .seccion-titulo{color:#fff}
.zonas-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:900px;
  margin:24px auto 0;
}
.zona-prov h4{
  color: #fff;
    font-weight: bolder;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    padding-bottom: 8px;
    margin: 0 0 10px;
}
.zona-prov ul{list-style:none;padding:0;margin:0}
.zona-prov li{padding:4px 0;color:#d6e3ef;font-size:15px}
@media(max-width:640px){ .zonas-grid{grid-template-columns:1fr} }

/* ----- Búsquedas activas (cards) ----- */
.busquedas-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;
  max-width:960px;margin:8px auto 0;
}
.busqueda-card{
  border:1px solid #e2e7ec;border-radius:12px;background:#fff;padding:22px;
  display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(18,57,91,.05);
}
.busqueda-card h3{margin:0 0 6px;font-size:18px;color:#12395b}
.busqueda-meta{color:#6b7681;font-size:13.5px;margin-bottom:12px}
.busqueda-meta span{display:inline-block;margin-right:12px}
.busqueda-card p{margin:0 0 10px;color:#3d4a55;font-size:14.5px}
.busqueda-req{font-size:13.5px;color:#5b6b78;background:#f6f8fa;border-radius:8px;padding:10px 12px;margin:6px 0 14px}
.busqueda-acciones{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
.btn-postular{
  flex:1;min-width:130px;text-align:center;border-radius:8px;padding:10px 12px;
  font-size:14px;font-weight:600;text-decoration:none;
}
.btn-wa{background:#25d366;color:#fff}
.btn-wa:hover{background:#1fb457;color:#fff;text-decoration:none}
.btn-mail{background:#12395b;color:#fff}
.btn-mail:hover{background:#0d2a44;color:#fff;text-decoration:none}
.busquedas-vacio{text-align:center;color:#6b7681;max-width:600px;margin:0 auto}

/* ----- Perspectivas (artículos) ----- */
.articulos-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;
  max-width:960px;margin:8px auto 0;
}
.articulo-card{
  border:1px solid #e2e7ec;border-radius:12px;overflow:hidden;background:#fff;
  display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(18,57,91,.05);
}
.articulo-card .thumb{height:150px;background:#dfe7ee center/cover no-repeat;display:block}
.articulo-card .cuerpo{padding:18px;display:flex;flex-direction:column;flex:1}
.articulo-card h3{margin:0 0 8px;font-size:17px;line-height:1.35;color:#12395b}
.articulo-card p{color:#5b6b78;font-size:14px;margin:0 0 14px}
.articulo-card .leer{margin-top:auto;font-weight:600;color:#1c5688}

/* ----- Página de artículo individual ----- */
.articulo-full{max-width:760px;margin:0 auto;padding:10px 0 30px}
.articulo-full h1{font-size:27px;line-height:1.25;color:#12395b;margin-bottom:6px}
.articulo-full .fecha{color:#8a97a3;font-size:14px;margin-bottom:20px}
.articulo-full .portada{width:100%;border-radius:12px;margin-bottom:22px}
.articulo-full p{font-size:17px;line-height:1.7;color:#2c3742;margin:0 0 18px}
.articulo-volver{display:inline-block;margin:20px 0;color:#1c5688;font-weight:600}