/*
 Theme Name:  lasteles.es – GeneratePress Child
 Theme URI:   https://lasteles.es
 Description: Child theme para lasteles.es sobre GeneratePress
 Author:      lasteles.es
 Template:    generatepress
 Version:     1.0.0
*/

/* ====== Estilos base del medio ====== */
:root{
  --lt-navy:#0a2756;
  --lt-ink:#111;
  --lt-gray:#666;
  --lt-border:#e6e6e6;
  --lt-bg:#ffffff;
}

body{
  background:#fff;
  color:var(--lt-ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

/* Contenedor central */
.lh-container{
  max-width:1200px;
  margin:0 auto;
  padding:0 18px;
}

/* Título de sección */
.lh-section-title{
  margin:28px 0 14px;
  padding:8px 12px;
  background:var(--lt-navy);
  color:#fff;
  font-weight:700;
  letter-spacing:.2px;
}

/* Grids */
.lh-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lh-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
@media(max-width:980px){.lh-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.lh-grid-3,.lh-grid-2{grid-template-columns:1fr}}

/* Tarjetas */
.lh-card{display:block;text-decoration:none;color:inherit;border-top:1px solid var(--lt-border);padding-top:12px}
.lh-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:2px;margin-bottom:8px}
.lh-card h3{font-size:clamp(17px,2.1vw,20px);line-height:1.3;margin:.35rem 0}
.lh-card p{color:var(--lt-gray);font-size:14px;margin:.15rem 0}

/* Hero (Tema del día) */
.lh-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:14px}
.lh-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}
.lh-hero h1{font-weight:800;font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:.6rem 0}
@media(max-width:920px){.lh-hero{grid-template-columns:1fr}}