/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 20 2026 | 21:59:27 */
/* ==========================================================
   SECCIÓN ÚLTIMOS ARTÍCULOS  ·  Las mejores gestorías  (estilo plano)
   Pégalo en CSS personalizado, debajo del CSS de la sección de ciudades.
   Radio de bordes: cambia --r (0 = totalmente recto).
   ========================================================== */
.lma{--r:4px;--navy:#1b2b45;--blue:#2e6f9e;--slate:#5d6b7f;--yellow:#f2bb45;--card:#ebf4fa;--line:#dbe5ee;font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;;color:var(--navy);width:100%;line-height:1.5;-webkit-font-smoothing:antialiased}
.lma *,.lma *::before,.lma *::after{box-sizing:border-box}
.lma a{color:inherit;text-decoration:none}
.lma a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

.lma .lma-wrap{max-width:1280px;margin:0 auto;padding:56px 24px 64px}

/* ---------- Cabecera de la seccion ---------- */
.lma .lma-head{margin-bottom:28px}
.lma .lma-eyebrow{margin:0 0 12px!important;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.lma .lma-head h2.lma-heading{margin:0!important;padding:0!important;font-family:'Inter',system-ui,sans-serif!important;font-size:clamp(26px,3vw,32px)!important;font-weight:800!important;line-height:1.1!important;letter-spacing:-.03em!important;text-transform:none!important;color:var(--navy)!important}

/* ---------- Tarjetas ---------- */
.lma .lma-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.lma .lma-card{display:flex;flex-direction:column;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:border-color .15s}
.lma .lma-card:hover{border-color:var(--blue)}

.lma .lma-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--card)}
.lma .lma-media img{display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;box-shadow:none;object-fit:cover}
.lma .lma-ph{display:block;width:100%;height:100%;background:var(--card)}

.lma .lma-body{display:flex;flex-direction:column;flex:1;padding:20px}
.lma .lma-body h3.lma-title{margin:0 0 8px!important;padding:0!important;font-family:'Inter',system-ui,sans-serif!important;font-size:18px!important;font-weight:800!important;line-height:1.3!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--navy)!important}
.lma .lma-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}
.lma .lma-title a:hover{color:var(--blue)}
.lma .lma-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px!important;font-size:14px;line-height:1.6;color:var(--slate)}
.lma .lma-more{align-self:flex-start;margin-top:auto;padding-bottom:5px;border-bottom:2px solid var(--yellow);font-size:14px;font-weight:700;color:var(--navy);transition:color .15s}
.lma .lma-more:hover{color:var(--blue)}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
  .lma .lma-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .lma .lma-wrap{padding:44px 20px 52px}
}
@media (max-width:640px){
  .lma .lma-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .lma .lma-body{padding:18px 16px}
}
@media (prefers-reduced-motion:reduce){
  .lma *{transition:none!important}
}