/* Blog (listado y artículo) · misma identidad que la home */
:root{
  --verde:#738E6D;--verde-hondo:#46573F;--verde-claro:#EAEFE6;--verde-papel:#F4F7F1;
  --terracota:#B5714E;--terracota-claro:#F3E6DC;--crema:#FDFBF7;
  --tinta:#2B2926;--gris:#5A544B;--linea:#DFD9CC;
}
*{box-sizing:border-box}
body{margin:0;background:var(--crema);color:var(--tinta);font-family:Montserrat,system-ui,sans-serif;font-size:16.5px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--verde);text-decoration:none}
h1,h2,h3{margin:0;font-weight:500;text-wrap:balance;line-height:1.18}
p{margin:0}
.env{max-width:1140px;margin:0 auto;padding-inline:22px}

/* cabecera */
.top{position:sticky;top:0;z-index:50;background:rgba(253,251,247,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.top .env{display:flex;align-items:center;gap:16px;padding-block:14px}
.logo{display:flex;align-items:center;gap:11px;color:var(--tinta)}
.iso{width:30px;height:30px;flex-shrink:0;color:var(--tinta)}
.marca{font-size:12.5px;letter-spacing:.2em;font-weight:500;line-height:1.3}
.marca small{display:block;font-size:8.5px;letter-spacing:.3em;color:var(--verde);font-weight:400}
.menu{margin-left:auto;display:none;gap:22px;font-size:14.5px;font-weight:500}
.menu a{color:var(--tinta);white-space:nowrap}
.menu a:hover,.menu a[aria-current]{color:var(--verde)}
@media(min-width:1000px){.menu{display:flex}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font-size:11px;letter-spacing:.13em;font-weight:600;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:.18s}
.btn-verde{background:var(--verde);color:#fff;border-color:var(--verde)}
.btn-verde:hover{background:var(--verde-hondo);border-color:var(--verde-hondo)}
.btn-linea{background:transparent;color:var(--terracota);border-color:var(--terracota)}
.btn-linea:hover{background:var(--terracota);color:#fff}
.btn-claro{background:#fff;color:var(--verde-hondo);border-color:#fff}
.btn-claro:hover{background:var(--terracota-claro);border-color:var(--terracota-claro)}
.top .btn{padding:11px 18px;font-size:12px;letter-spacing:.08em;margin-left:auto}
@media(min-width:1000px){.top .btn{margin-left:0}}

/* cabecera de página */
.cabecera-pag{background:var(--verde-claro);padding-block:clamp(36px,5vw,60px)}
.migas{font-size:12.5px;color:var(--gris);margin-bottom:14px}
.migas a{color:var(--gris)}
.migas a:hover{color:var(--verde)}
.titulo-bloque{font-size:10.5px;letter-spacing:.22em;font-weight:600;color:var(--verde);margin-bottom:12px}
.cabecera-pag h1{font-size:clamp(1.9rem,4.6vw,2.8rem);margin-bottom:12px}
.cabecera-pag .lead{color:var(--gris);max-width:52ch}

/* meta de entrada */
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--terracota);text-transform:uppercase}
.meta .sep{width:4px;height:4px;border-radius:50%;background:var(--linea)}
@media(max-width:420px){.meta .sep{display:none}.meta{flex-direction:column;align-items:flex-start;gap:3px}}

/* imagen o hueco sin imagen */
.foto{position:relative;overflow:hidden;background:var(--verde-papel)}
.foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.foto.vacia{display:grid;place-items:center;color:var(--verde)}
.foto.vacia svg{width:44px;height:44px;opacity:.55}

/* listado */
.listado{padding-block:clamp(40px,6vw,72px)}
.destacada{display:grid;background:#fff;border:1px solid var(--linea);color:inherit;margin-bottom:clamp(28px,4vw,44px);transition:.2s}
@media(min-width:820px){.destacada{grid-template-columns:1.15fr 1fr}}
.destacada .foto{aspect-ratio:16/10}
@media(min-width:820px){.destacada .foto{aspect-ratio:auto;min-height:340px}}
.destacada .texto{padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.destacada h2{font-size:clamp(1.4rem,2.8vw,1.95rem);color:var(--tinta)}
.destacada p{color:var(--gris)}
.destacada:hover{border-color:var(--verde);box-shadow:0 14px 34px rgba(43,41,38,.08)}
.destacada:hover img,.fila:hover img,.tarjeta:hover img{transform:scale(1.035)}
.leer{font-size:11px;letter-spacing:.14em;font-weight:600;color:var(--verde);margin-top:4px}
.leer::after{content:" →"}

.filas{display:flex;flex-direction:column;gap:14px}
.fila{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid var(--linea);padding:14px;color:inherit;transition:.2s}
@media(min-width:620px){.fila{grid-template-columns:230px 1fr;gap:26px;padding:16px;align-items:center}}
.fila .foto{aspect-ratio:1/1}
@media(min-width:620px){.fila .foto{aspect-ratio:4/3}}
.fila .texto{display:flex;flex-direction:column;gap:8px;min-width:0}
.fila h3{font-size:clamp(1.02rem,2vw,1.25rem);color:var(--tinta)}
.fila p{color:var(--gris);font-size:.93rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:619px){.fila p,.fila .leer{display:none}}
.fila:hover{border-color:var(--verde)}
.vacio{color:var(--gris);padding:30px 0}

/* artículo · una sola columna para título, imagen, texto y cita */
.articulo{--col:840px;padding-block:clamp(28px,5vw,56px) clamp(40px,6vw,72px)}
.art-cab{max-width:var(--col);margin:0 auto;text-align:center}
.art-cab .migas{margin-bottom:18px}
.art-cab h1{font-size:clamp(1.75rem,4vw,2.6rem);margin:14px auto 16px;max-width:24ch}
.art-cab .entradilla{font-size:clamp(1.02rem,1.7vw,1.14rem);color:var(--gris);max-width:62ch;margin:0 auto}
.art-cab .meta{justify-content:center}
.art-foto{max-width:var(--col);margin:clamp(24px,4vw,40px) auto 0;aspect-ratio:16/9}
.cuerpo{max-width:var(--col);margin:clamp(28px,4vw,46px) auto 0;font-size:clamp(1.02rem,1.5vw,1.12rem);line-height:1.8;color:#3d3933}
.cuerpo > p{margin:0 0 1.25em}
.cuerpo > p:first-child{font-size:1.08em;color:var(--tinta)}
.cuerpo h2{font-size:clamp(1.3rem,2.4vw,1.65rem);color:var(--tinta);margin:1.9em 0 .6em}
.cuerpo h3{font-size:clamp(1.1rem,1.9vw,1.25rem);color:var(--verde-hondo);margin:1.6em 0 .5em}
.cuerpo ul{margin:0 0 1.25em;padding-left:1.2em}
.cuerpo li{margin-bottom:.45em}
.cuerpo li::marker{color:var(--verde)}

/* llamada a la acción */
.cta-cita{max-width:var(--col);margin:clamp(34px,5vw,54px) auto 0;background:var(--verde-hondo);color:#fff;padding:clamp(24px,4vw,40px);position:relative;overflow:hidden}
.cta-cita::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 160% at 0% 0%,rgba(255,255,255,.08),transparent 55%);pointer-events:none}
.cta-cita h2{font-size:clamp(1.25rem,2.4vw,1.55rem);margin-bottom:10px;position:relative}
.cta-cita p{color:rgba(255,255,255,.8);margin-bottom:22px;position:relative;max-width:60ch}
.cta-cita .acciones{display:flex;flex-wrap:wrap;gap:10px;position:relative}
.cta-cita .btn-linea{color:#fff;border-color:rgba(255,255,255,.55)}
.cta-cita .btn-linea:hover{background:#fff;color:var(--verde-hondo);border-color:#fff}

/* móvil: imagen a sangre, botones a todo el ancho, títulos contenidos */
@media(max-width:620px){
  .env{padding-inline:20px}
  .art-cab{text-align:left}
  .art-cab .meta{justify-content:flex-start}
  .art-cab .meta,.art-cab .migas{align-items:flex-start}
  .art-cab h1{margin-inline:0}
  .art-cab .entradilla{margin:0}
  .art-foto{margin-inline:-20px;aspect-ratio:4/3}
  .cuerpo{line-height:1.75}
  .cta-cita{margin-inline:-20px;padding:26px 20px}
  .cta-cita .btn{flex:1 1 100%;padding-block:15px}
  .top .btn{padding:10px 14px}
}

/* más artículos */
.mas{background:var(--verde-papel);padding-block:clamp(40px,6vw,64px)}
.mas h2{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:24px}
.rejilla{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:700px){.rejilla{grid-template-columns:repeat(3,1fr)}}
.tarjeta{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linea);color:inherit;transition:.2s}
.tarjeta .foto{aspect-ratio:16/10}
.tarjeta .texto{padding:18px 18px 20px;display:flex;flex-direction:column;gap:9px}
.tarjeta h3{font-size:1.03rem;color:var(--tinta)}
.tarjeta:hover{border-color:var(--verde);transform:translateY(-2px)}
.volver{display:inline-block;margin-top:28px;font-size:11px;letter-spacing:.14em;font-weight:600}

/* esqueleto de carga */
.cargando{background:linear-gradient(90deg,var(--verde-papel),#fff,var(--verde-papel));background-size:200% 100%;animation:brillo 1.4s infinite}
@keyframes brillo{to{background-position:-200% 0}}

/* pie */
footer{background:var(--verde-hondo);color:rgba(255,255,255,.85);padding-block:40px;font-size:.87rem}
footer .env{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}
footer a{color:rgba(255,255,255,.85)}
.legales{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:.82rem}
.logo-pie{display:flex;align-items:center;gap:11px;color:#fff}
.logo-pie .iso{color:#fff;width:28px;height:28px}
.logo-pie .marca small{color:rgba(255,255,255,.7)}