/* ===== MMC Interacciones — ajustes para el markup que generan los bloques =====
   style.css es el CSS original intacto. Aquí sólo va lo que cambia porque el
   editor envuelve imágenes en <figure>, pinta los overlines como <p>, etc. */

/* Figuras de imagen/video sin márgenes ni tamaños de core */
.wp-block-image,.wp-block-video{margin:0}
.wp-block-image img,.wp-block-video video{display:block;max-width:100%}

/* Overline y chip son <p> en el editor: que no hereden los estilos de ".x p" */
p.overline{display:block;margin-top:0;font-size:.78rem;font-weight:700;letter-spacing:.18em;color:var(--green);text-transform:uppercase;margin-bottom:.8rem;max-width:none;line-height:1.6}
p.overline--yellow{color:var(--yellow)}
.hero p.hero__chip{display:inline-block;max-width:none;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:6px;padding:.45rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.22em;margin-bottom:1.6rem}

/* Hero del home: la foto es un bloque de imagen absoluto y el overlay va en ::after */
.hero__bg{position:absolute;inset:0;z-index:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(16,31,22,.94) 0%,rgba(16,31,22,.78) 34%,rgba(16,31,22,.28) 68%,rgba(16,31,22,.15) 100%)}
.hero__content{z-index:2}

/* Hero de páginas internas con video o imagen de fondo */
.page-hero--video .page-hero__video,.page-hero--image .page-hero__bg{position:absolute;inset:0;z-index:0}
.page-hero--video .page-hero__video video,.page-hero--image .page-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero--video::after,.page-hero--image::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.62) 32%,rgba(0,0,0,.34) 62%,rgba(0,0,0,.14) 100%)}
.page-hero__content{z-index:2}
@media(max-width:768px){
  .page-hero--video::after{background:linear-gradient(160deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.58) 55%,rgba(0,0,0,.34) 100%)}
}

/* Fotos con clase en la figura (el CSS original la ponía en el <img>) */
.wp-block-image.about__photo{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.wp-block-image.about__photo img{border-radius:var(--radius);width:100%;height:420px;object-fit:cover}
.spec__media .wp-block-image{height:100%}
.spec__media .wp-block-image img{width:100%;height:100%;object-fit:cover}
.benefit .wp-block-image img{height:44px;width:auto}

/* Beneficios: bloque de imagen + párrafo dentro de cada .benefit */
.benefit p{margin:0}

/* Botón con icono de descarga */
.btn .btn__ico{width:17px;height:17px;flex:none}

/* Badge "+25 años": es HTML fijo dentro del bloque */
.about__badge p{margin:0}

/* Certificaciones: la lista de PDFs son botones con clase cert-item */
.certs__list .cert-item{display:flex}

/* Tarjetas de servicios: encabezado y enlace */
.service-card__body p{margin:0}

/* Página simple "Certificaciones" */
.wip p{margin:0 auto 1.6rem}

/* Editor: que las secciones se vean como en el front */
.editor-styles-wrapper{font-family:var(--font);color:var(--text)}
.editor-styles-wrapper .wp-block{max-width:none}

/* Blog: listado (home.php) y entrada (single.php) */
.blog-wrap{padding:4rem 0 5rem}
.blog-grid{grid-template-columns:repeat(3,1fr)}
.blog-card__media{display:block}
.blog-card__placeholder{display:block;border-radius:12px;aspect-ratio:3/2;min-height:170px;background:linear-gradient(100deg,var(--green-dark) 0%,var(--green) 100%)}
.blog-card__date{font-size:.75rem!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:.35rem!important}
.blog-card h3 a{color:inherit}
.blog-pager{margin-top:2.5rem;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}
.blog-pager .page-numbers{padding:.5rem .9rem;border-radius:8px;background:var(--bg-light);font-weight:600;font-size:.9rem}
.blog-pager .current{background:var(--green);color:#fff}
.blog-post{padding:3.5rem 0 5rem}
.blog-post__inner{max-width:820px}
.blog-post__cover{margin:0 0 2rem}
.blog-post__cover img{width:100%;height:auto;border-radius:var(--radius)}
.blog-post__content{font-size:1rem;line-height:1.8;color:var(--text)}
.blog-post__content>*+*{margin-top:1.1rem}
.blog-post__content h2{font-size:1.5rem;font-weight:700;margin-top:2.2rem}
.blog-post__content h3{font-size:1.2rem;font-weight:700;margin-top:1.8rem}
.blog-post__content ul,.blog-post__content ol{padding-left:1.4rem}
.blog-post__content ul{list-style:disc}
.blog-post__content ol{list-style:decimal}
.blog-post__content a{color:var(--green);text-decoration:underline}
.blog-post__content img{max-width:100%;height:auto;border-radius:12px}
.blog-post__back{margin-top:3rem}
@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}