/**
 * Home del blog y página de entrada.
 */
:root{
  --mc-tinta:#2B2B2B; --mc-beige:#F0E9DB; --mc-linea:#E2E2E2;
  --mc-ancho:1180px; --mc-lectura:680px;
}

/* Astra limita el ancho del contenido; en el blog mandamos nosotros */
body.blog .ast-container,
body.single-post .ast-container,
body.archive .ast-container,
body.search .ast-container{max-width:none;width:100%;padding-left:0;padding-right:0}
body.blog #primary,body.single-post #primary,
body.archive #primary,body.search #primary{width:100%;margin:0;padding:0}
body.blog .widget-area,body.single-post .widget-area,
body.archive .widget-area,body.search .widget-area,
body.blog .ast-separate-container .ast-article-post,
body.single-post .ast-separate-container .ast-article-single{display:none}
body.blog #content,body.single-post #content,body.archive #content{background:#fff}

/* .ast-container es flex: sin width:100% el <main> se encoge al ancho de su
   contenido y deja de centrarse en pantallas anchas. */
.mc-blog,.mc-entrada{width:100%;max-width:none;font-family:var(--mc-f);color:var(--mc-tinta);line-height:1.65}
.mc-blog a,.mc-entrada a{color:inherit}
.mc-blog img,.mc-entrada img{max-width:100%;height:auto;display:block}

/* ── cabecera de sección (categoría, etiqueta, búsqueda) ── */
.mc-seccion{max-width:var(--mc-ancho);margin:0 auto;padding:48px 24px 0;display:flex;flex-direction:column;gap:10px}
.mc-seccion h1{margin:0;font-size:36px;line-height:1.2;font-weight:600;color:var(--mc-negro);letter-spacing:-.02em}
.mc-seccion-desc{font-size:15px;color:#5A5A5A;font-weight:300;max-width:640px}
.mc-cuenta{margin:0;font-size:13px;color:var(--mc-gris);font-variant-numeric:tabular-nums}
.mc-buscador-seccion{display:flex;gap:9px;margin-top:14px;flex-wrap:wrap}
.mc-buscador-seccion input{font-family:var(--mc-f);font-size:14px;padding:12px 20px;border-radius:999px;border:1px solid var(--mc-linea);flex:0 1 340px;min-width:200px;color:var(--mc-tinta);outline:0}
.mc-buscador-seccion input:focus{border-color:var(--mc-verde)}
.mc-buscador-seccion button{font-family:var(--mc-f);font-size:13px;font-weight:600;padding:12px 26px;border-radius:999px;border:0;background:var(--mc-negro);color:#fff;cursor:pointer;transition:background .18s}
.mc-buscador-seccion button:hover{background:var(--mc-verde)}
.mc-blog .mc-vacio{display:flex;flex-direction:column;align-items:center;gap:10px}
.mc-blog .mc-vacio .mc-boton{margin-top:12px;align-self:center}

/* ── filtros de categoría ── */
.mc-filtros{max-width:var(--mc-ancho);margin:0 auto;padding:38px 24px 0;display:flex;flex-wrap:wrap;gap:9px}
.mc-chip{font-size:12.5px;font-weight:500;padding:8px 17px;border-radius:999px;border:1px solid var(--mc-linea);color:var(--mc-gris);text-decoration:none;transition:all .18s}
.mc-chip:hover{border-color:var(--mc-verde);color:var(--mc-verde)}
.mc-chip[aria-current]{background:var(--mc-negro);border-color:var(--mc-negro);color:#fff}

/* ── artículo destacado ── */
.mc-destacado{max-width:var(--mc-ancho);margin:34px auto 0;padding:0 24px;display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}
.mc-destacado .mc-foto{overflow:hidden;border-radius:14px 0 0 14px;background:var(--mc-beige);display:block}
.mc-destacado .mc-foto img{width:100%;height:100%;object-fit:cover}
.mc-destacado .mc-texto{background:var(--mc-beige);border-radius:0 14px 14px 0;padding:48px 46px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.mc-eyebrow{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-verde);margin:0}
.mc-destacado h2{font-size:32px;line-height:1.22;font-weight:600;margin:0;color:var(--mc-negro);letter-spacing:-.015em}
.mc-destacado h2 a{text-decoration:none}
.mc-destacado h2 a:hover{color:var(--mc-verde)}
.mc-entradilla{margin:0;font-size:15px;color:#5A5A5A;font-weight:300}
.mc-meta{font-size:12.5px;color:var(--mc-gris);display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.mc-meta span{width:3px;height:3px;border-radius:50%;background:var(--mc-gris);display:inline-block}
/* la especificidad de .mc-blog a (0-1-1) pisa a .mc-boton (0-1-0):
   hay que igualar o superar con dos clases. */
.mc-blog .mc-boton,.mc-entrada .mc-boton{align-self:flex-start;margin-top:6px;background:var(--mc-negro);color:#fff;text-decoration:none;font-size:13px;font-weight:600;padding:13px 27px;border-radius:999px;transition:background .18s}
.mc-blog .mc-boton:hover,.mc-entrada .mc-boton:hover{background:var(--mc-verde);color:#fff}

/* ── rejilla ── */
.mc-rejilla{max-width:var(--mc-ancho);margin:0 auto;padding:56px 24px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.mc-tarjeta{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.mc-tarjeta .mc-foto{border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--mc-gris-suave)}
.mc-tarjeta .mc-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.mc-tarjeta:hover .mc-foto img{transform:scale(1.045)}
.mc-tarjeta h3{margin:0;font-size:17.5px;line-height:1.34;font-weight:600;color:var(--mc-negro);letter-spacing:-.01em}
.mc-tarjeta p{margin:0;font-size:14px;color:var(--mc-gris);font-weight:300}
.mc-cat{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mc-verde);margin:0}

/* ── suscripción ── */
.mc-suscripcion{background:var(--mc-negro);color:#fff;margin-top:56px}
.mc-suscripcion .mc-wrap{max-width:760px;margin:0 auto;padding:64px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.mc-suscripcion h2{margin:0;font-size:27px;font-weight:600;letter-spacing:-.015em;color:#fff}
.mc-suscripcion p{margin:0;font-size:15px;font-weight:300;color:rgba(255,255,255,.72);max-width:460px}
.mc-form{width:100%;max-width:560px;margin-top:6px}
.mc-form p{margin:0}
.mc-form label{display:none}
/* El formulario de Brevo mete email, consentimiento y botón como hermanos.
   Con flex + order: email y botón en una línea, consentimiento en la suya. */
.mc-form .sib_signup_box_inside_1{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}
.mc-form .sib-email-area{order:1;flex:0 1 300px}
.mc-form .sib_signup_box_inside_1>p:last-child{order:2;flex:0 0 auto}
.mc-form .sib-terms-area{order:3;flex-basis:100%;justify-content:center;margin:12px 0 0}
.mc-form input[type="email"],.mc-form input[type="text"]{font-family:var(--mc-f);font-size:14px;padding:14px 22px;border-radius:999px;border:0;width:100%;color:var(--mc-tinta);margin:0}
.mc-form input[type="submit"],.mc-form .sib-default-btn{font-family:var(--mc-f);font-size:13px;font-weight:600;padding:14px 30px;border-radius:999px;border:0;background:var(--mc-verde);color:#fff;cursor:pointer;transition:background .18s}
.mc-form input[type="submit"]:hover{background:#0A8574}
/* la etiqueta de consentimiento sí se ve */
.mc-form .sib-terms-area{display:flex;align-items:flex-start;gap:9px;text-align:left}
.mc-form .sib-terms-area input[type="checkbox"]{width:auto;margin:3px 0 0;padding:0;accent-color:var(--mc-verde);flex-shrink:0}
.mc-form .sib-terms-area label{display:inline;font-size:12.5px;font-weight:300;line-height:1.5;color:rgba(255,255,255,.72)}
.mc-form .sib-terms-area a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.mc-form .sib_msg_disp:empty{display:none}

/* ── entrada ── */
.mc-miga{max-width:var(--mc-lectura);margin:0 auto;padding:34px 24px 0;font-size:12.5px;color:var(--mc-gris)}
.mc-miga a{color:var(--mc-gris);text-decoration:none}
.mc-miga a:hover{color:var(--mc-verde)}
.mc-entrada-cab{max-width:var(--mc-lectura);margin:0 auto;padding:18px 24px 0;display:flex;flex-direction:column;gap:16px}
.mc-entrada-cab h1{margin:0;font-size:39px;line-height:1.18;font-weight:600;color:var(--mc-negro);letter-spacing:-.025em}
.mc-portada{max-width:var(--mc-ancho);margin:38px auto 0;padding:0 24px}
.mc-portada img{width:100%;border-radius:16px;aspect-ratio:21/9;object-fit:cover}
.mc-cuerpo{max-width:var(--mc-lectura);margin:0 auto;padding:44px 24px 0;font-size:17px;line-height:1.78;color:var(--mc-tinta)}
.mc-cuerpo p{margin:0 0 25px}
.mc-cuerpo h2{font-size:24px;line-height:1.3;font-weight:600;color:var(--mc-negro);margin:44px 0 16px;letter-spacing:-.015em}
.mc-cuerpo h3{font-size:20px;line-height:1.35;font-weight:600;color:var(--mc-negro);margin:34px 0 14px}
.mc-cuerpo a{color:var(--mc-verde);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;font-weight:500}
.mc-cuerpo ul,.mc-cuerpo ol{margin:0 0 25px;padding-left:22px}
.mc-cuerpo li{margin-bottom:9px}
.mc-cuerpo img{border-radius:12px;margin:8px 0 25px}
.mc-cuerpo strong{font-weight:600;color:var(--mc-negro)}

/* ── relacionados ── */
.mc-relacionados{max-width:var(--mc-ancho);margin:72px auto 0;padding:52px 24px 0;border-top:1px solid var(--mc-linea)}
.mc-relacionados h2{margin:0 0 30px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mc-gris)}
.mc-relacionados .mc-rejilla{padding:0;margin:0}
.mc-entrada{padding-bottom:76px}

/* ── paginación y vacío ── */
.mc-blog .navigation.pagination{max-width:var(--mc-ancho);margin:20px auto 0;padding:0 24px;display:flex;justify-content:center;gap:8px}
.mc-blog .page-numbers{padding:9px 15px;border-radius:999px;border:1px solid var(--mc-linea);text-decoration:none;font-size:13px;color:var(--mc-gris)}
.mc-blog .page-numbers.current{background:var(--mc-negro);border-color:var(--mc-negro);color:#fff}
.mc-vacio{max-width:var(--mc-ancho);margin:0 auto;padding:60px 24px;text-align:center;color:var(--mc-gris)}

@media (max-width:900px){
  .mc-destacado{grid-template-columns:1fr;padding:0 16px}
  .mc-destacado .mc-foto{border-radius:14px 14px 0 0;aspect-ratio:16/10}
  .mc-destacado .mc-texto{border-radius:0 0 14px 14px;padding:34px 28px}
  .mc-destacado h2{font-size:26px}
  .mc-rejilla{grid-template-columns:1fr;gap:32px;padding:44px 16px 20px}
  .mc-filtros{padding:28px 16px 0}
  .mc-seccion{padding:34px 16px 0}
  .mc-seccion h1{font-size:27px}
  .mc-entrada-cab h1{font-size:29px}
  .mc-cuerpo{font-size:16px;padding:34px 20px 0}
  .mc-portada{padding:0 16px}
  .mc-portada img{aspect-ratio:16/10}
  .mc-relacionados{margin-top:52px;padding:40px 16px 0}
}