/*
Theme Name: EMACOF
Theme URI: https://www.emacof.cl
Author: INCBA
Description: Tema de bloques a medida para EMACOF LTDA, empresa de seguridad privada acreditada OS.10. Sin page builder ni dependencias externas: todo el contenido se edita con el editor nativo de WordPress.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emacof
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, one-column, wide-blocks, accessibility-ready
*/

/* ═══════════════════════════════════════════════════
   1. VARIABLES Y BASE
   ═══════════════════════════════════════════════════ */
:root{
  --em-navy:#002F74;
  --em-navy-d:#001B44;
  --em-navy-x:#00102B;
  --em-navy-l:#0B4499;
  --em-gold:#FFDE58;
  --em-gold-d:#E8B800;
  --em-ink:#14181F;
  --em-body:#4A5261;
  --em-line:#E3E7EF;
  --em-bg:#F5F7FA;
  --em-shadow:0 12px 34px rgba(0,47,116,.11);
  --em-shadow-lg:0 20px 52px rgba(0,25,66,.20);
}

body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto}

/* ─────────────────────────────────────────────────────────
   Bloques de primer nivel.
   WordPress separa encabezado, contenido y pie con
   --wp--style--block-gap. Como cada sección de este tema trae su
   propio espaciado vertical, ese margen solo produce franjas
   blancas entre el encabezado y el contenido.
   ───────────────────────────────────────────────────────── */
.wp-site-blocks > *{margin-block-start:0;margin-block-end:0}

/* Lo mismo dentro del contenido: cada sección trae su propio padding
   vertical y su fondo a sangre, así que el block-gap entre ellas sólo
   deja franjas blancas —por ejemplo entre el encabezado de la página
   y la miga de pan—. */
.wp-block-post-content > *{margin-block-start:0;margin-block-end:0}
.entry-content > *{margin-block-start:0;margin-block-end:0}

/* El margen lo aplica la regla de layout de WordPress
   (.is-layout-constrained > *), que tiene la misma especificidad que
   estas clases. Se marca !important para no depender del orden en que
   se carguen las hojas de estilo. */
.emacof-hero,
.emacof-pagehead,
.emacof-crumb,
.emacof-section,
.emacof-strip,
.emacof-ctaband,
.emacof-footer{
  margin-block-start:0 !important;
  margin-block-end:0 !important;
}

/* La cuña sí necesita su margen negativo para montarse sobre el hero. */
.emacof-wedge{margin-top:-64px !important;margin-bottom:0 !important}

/* ─────────────────────────────────────────────────────────
   Contenedor propio.
   En vez de limitar el ancho de cada hijo, centramos con el
   padding del contenedor. Así el contenido arranca siempre en
   el mismo eje izquierdo y un elemento con max-width propio
   (por ejemplo el párrafo del encabezado) queda alineado a la
   izquierda en lugar de centrarse.
   ───────────────────────────────────────────────────────── */
.emacof-section,
.emacof-pagehead,
.emacof-crumb,
.emacof-ctaband,
.emacof-strip,
.emacof-footer,
.emacof-hero .wp-block-cover__inner-container{
  padding-left:max(28px, calc(50% - 590px));
  padding-right:max(28px, calc(50% - 590px));
  box-sizing:border-box;
}

/* WordPress aplica margin-left/right:auto y max-width a los hijos directos
   de un grupo con layout «constrained». Como el ancho ya lo resuelve el
   padding de arriba, lo neutralizamos. Los selectores llevan dos clases
   a propósito: así ganan por especificidad sin depender del orden en que
   se carguen las hojas de estilo. */
.wp-block-group.emacof-section > *,
.wp-block-group.emacof-pagehead > *,
.wp-block-group.emacof-crumb > *,
.wp-block-group.emacof-ctaband > *,
.wp-block-group.emacof-strip > *,
.wp-block-group.emacof-footer > *,
.wp-block-group.emacof-hero__inner > *{
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Excepciones que sí van centradas */
.emacof-shead.emacof-center,
.wp-block-group.emacof-ctaband > p,
.wp-block-group.emacof-section > .emacof-center{
  margin-left:auto !important;
  margin-right:auto !important;
}
.wp-block-group.emacof-pagehead > p:not(.emacof-eyebrow){max-width:660px}
.wp-block-group.emacof-ctaband > p{max-width:620px}

/* El editor y el front comparten estas medidas */
.emacof-section{padding-top:84px;padding-bottom:84px}
.emacof-section--tight{padding-top:60px;padding-bottom:60px}
.emacof-section--flush{padding-top:0;padding-bottom:0}

/* ═══════════════════════════════════════════════════
   2. TIPOGRAFÍA AUXILIAR
   ═══════════════════════════════════════════════════ */
.emacof-eyebrow{
  display:block;
  font-size:12.5px !important;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:var(--em-gold-d);
  margin-bottom:13px !important;
  line-height:1.4;
}
.has-navy-background-color .emacof-eyebrow,
.has-navy-dark-background-color .emacof-eyebrow,
.has-navy-deep-background-color .emacof-eyebrow,
.emacof-hero .emacof-eyebrow,
.emacof-pagehead .emacof-eyebrow,
.emacof-ctaband .emacof-eyebrow{color:var(--em-gold)}

.emacof-lead{font-size:17.5px;line-height:1.68}
.emacof-claim{font-size:20px;line-height:1.6}
.emacof-small{font-size:14.5px}
.emacof-muted{color:#8A93A5}

.emacof-center{text-align:center}
.emacof-center .emacof-eyebrow{display:block}

/* Encabezado de sección centrado con ancho limitado */
.emacof-shead{max-width:720px;margin-bottom:44px}
.emacof-shead.emacof-center{margin-left:auto;margin-right:auto}

/* ═══════════════════════════════════════════════════
   3. CABECERA DEL SITIO
   ═══════════════════════════════════════════════════ */
.emacof-topbar{
  background:var(--em-navy-x);
  font-size:13.5px;
  padding-top:9px;
  padding-bottom:9px;
  padding-left:max(28px, calc(50% - 590px));
  padding-right:max(28px, calc(50% - 590px));
}
.wp-block-group.emacof-topbar > *{
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:1180px;
}
.emacof-topbar,
.emacof-topbar p,
.emacof-topbar a{color:#9FB2D4}
.emacof-topbar a:hover{color:var(--em-gold)}
.emacof-topbar .emacof-topbar__badge{
  color:var(--em-gold);
  font-weight:700;
  letter-spacing:.04em;
  font-size:12px;
  text-transform:uppercase;
}

.emacof-header{
  background:var(--em-navy);
  position:sticky;
  top:0;
  z-index:500;
  box-shadow:0 2px 20px rgba(0,20,60,.22);
}
.admin-bar .emacof-header{top:32px}
@media(max-width:782px){.admin-bar .emacof-header{top:46px}}

.emacof-header .emacof-brand img{height:46px;width:auto}
.emacof-header .emacof-brand .emacof-wordmark img{height:30px}
.emacof-header .wp-block-navigation__container{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:3px;
  list-style:none;
  margin:0;
  padding:0;
}
.emacof-header .wp-block-navigation__container > li{margin:0}
.emacof-header .wp-block-navigation{
  --navigation-layout-justification-setting:flex-end;
}
.emacof-header .wp-block-navigation-item__content{
  color:#D3DEF2;
  font-size:14.5px;
  font-weight:600;
  padding:9px 14px;
  border-radius:7px;
  transition:background .15s,color .15s;
}
.emacof-header .wp-block-navigation-item__content:hover,
.emacof-header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content{
  background:rgba(255,255,255,.09);
  color:#fff;
}
.emacof-header .wp-block-navigation .wp-block-navigation__responsive-container-open,
.emacof-header .wp-block-navigation .wp-block-navigation__responsive-container-close{color:#fff}

/* ═══════════════════════════════════════════════════
   4. HERO
   ═══════════════════════════════════════════════════ */
.emacof-hero{position:relative;overflow:hidden}
.emacof-hero .wp-block-cover__background{
  background:linear-gradient(100deg,rgba(0,16,43,.93) 0%,rgba(0,27,68,.74) 46%,rgba(0,47,116,.28) 100%) !important;
  opacity:1 !important;
}
.emacof-hero .wp-block-cover__image-background{object-position:center 30%}
.emacof-hero .wp-block-cover__inner-container{width:100%}
.emacof-hero__inner{max-width:730px}
.emacof-hero h1{color:#fff !important;margin-bottom:20px}
.emacof-hero h1 mark,
.emacof-hero h1 .emacof-accent{
  background:none;
  color:var(--em-gold);
  display:block;
}
.emacof-hero .emacof-claim{color:#CFDCF2;max-width:610px;margin-bottom:30px}
.emacof-hero .wp-block-buttons{margin-bottom:38px}

.emacof-creds{
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  padding-top:26px;
  border-top:1px solid rgba(255,255,255,.17);
}
.emacof-creds .emacof-cred{color:#B9C9E6;font-size:14px;line-height:1.5;margin:0}
.emacof-creds .emacof-cred strong{
  display:block;
  color:var(--em-gold);
  font-size:23px;
  font-weight:800;
  line-height:1.25;
}

/* Cuña amarilla inferior: el motivo gráfico de la presentación */
.emacof-wedge{
  position:relative;
  height:64px;
  margin-top:-64px;
  z-index:3;
  background:var(--em-gold);
  clip-path:polygon(0 100%,0 34%,30% 100%);
  pointer-events:none;
}

/* ═══════════════════════════════════════════════════
   5. CABECERA DE PÁGINA INTERIOR
   ═══════════════════════════════════════════════════ */
.emacof-pagehead{
  background:var(--em-navy);
  color:#C7D5EC;
  padding-top:64px;
  padding-bottom:64px;
  position:relative;
  overflow:hidden;
}
.emacof-pagehead::before{
  content:"";
  position:absolute;
  right:-90px;bottom:-120px;
  width:340px;height:340px;
  border-radius:50%;
  background:rgba(255,222,88,.09);
}
.emacof-pagehead > *{position:relative;z-index:1}
.emacof-pagehead h1{color:#fff !important;font-size:clamp(30px,4.4vw,45px);margin-bottom:12px}
.emacof-pagehead p{font-size:18px;max-width:660px;margin-bottom:0}

.emacof-crumb{
  background:var(--em-bg);
  border-bottom:1px solid var(--em-line);
  /* Longhand a propósito: el atajo «padding» borraría el padding
     horizontal que define el contenedor más arriba y la miga de pan
     quedaría pegada al borde de la ventana. */
  padding-top:16px;
  padding-bottom:16px;
  font-size:13.5px;
}
.emacof-crumb p{margin:0}
.emacof-crumb strong{color:var(--em-navy)}

/* ═══════════════════════════════════════════════════
   6. TARJETAS
   ═══════════════════════════════════════════════════ */
.emacof-card{
  background:#fff;
  border:1px solid var(--em-line);
  border-radius:14px;
  padding:30px 28px;
  height:100%;
  transition:border-color .18s,box-shadow .18s,transform .18s;
}
.emacof-card:hover{
  border-color:var(--em-navy-l);
  box-shadow:var(--em-shadow);
  transform:translateY(-3px);
}
.emacof-card h3{margin-bottom:9px !important}
.emacof-card p{font-size:15.5px;margin-bottom:0}

/* Tarjeta de servicio con imagen superior */
.emacof-svc{
  background:#fff;
  border:1px solid var(--em-line);
  border-radius:14px;
  overflow:hidden;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:box-shadow .18s,transform .18s;
}
.emacof-svc:hover{box-shadow:0 14px 38px rgba(0,47,116,.13);transform:translateY(-3px)}
/* El CSS de layout de WordPress aplica margin-left/right:auto a los hijos
   de un grupo constrained. Dentro de un contenedor flex en columna eso
   encoge el hijo a su ancho intrínseco en lugar de estirarlo, y la imagen
   de la tarjeta queda angosta y centrada. Lo neutralizamos. */
.emacof-svc > *{
  margin-left:0 !important;
  margin-right:0 !important;
  max-width:none !important;
  width:100%;
}
.emacof-svc > .wp-block-image{margin-top:0;margin-bottom:0}
.emacof-svc > .wp-block-image img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
  border-radius:0;
}
.emacof-svc__body{padding:26px 26px 30px;flex:1}
.emacof-svc__body h3{margin-bottom:8px !important}
.emacof-svc__body p{font-size:15px;margin-bottom:0}
.emacof-tagline{
  display:inline-block;
  font-size:11.5px !important;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--em-navy) !important;
  background:var(--em-gold);
  padding:3px 11px;
  border-radius:20px;
  margin-bottom:13px !important;
  line-height:1.6;
}

/* Icono en cuadro */
.emacof-ico{
  width:52px;height:52px;
  border-radius:12px;
  background:var(--em-navy);
  color:var(--em-gold);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;
  flex:none;
}
.emacof-ico svg{
  width:27px;height:27px;
  stroke:currentColor;fill:none;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;
}

/* ═══════════════════════════════════════════════════
   7. PILARES NUMERADOS
   ═══════════════════════════════════════════════════ */
.emacof-pillar{
  display:flex;
  gap:19px;
  padding:24px 0;
  border-bottom:1px solid var(--em-line);
  align-items:flex-start;
}
.emacof-pillar:last-child{border-bottom:none}
.emacof-pillar__n{
  flex:none;
  width:44px;height:44px;
  border-radius:11px;
  background:var(--em-navy);
  color:var(--em-gold);
  font-weight:800;font-size:16px;
  display:flex;align-items:center;justify-content:center;
  line-height:1;
}
.emacof-pillar h3{font-size:18px !important;margin-bottom:5px !important}
.emacof-pillar p{font-size:15.5px;margin-bottom:0}

.has-navy-dark-background-color .emacof-pillar,
.has-navy-background-color .emacof-pillar{border-color:rgba(255,255,255,.13)}
.has-navy-dark-background-color .emacof-pillar__n,
.has-navy-background-color .emacof-pillar__n{background:var(--em-gold);color:var(--em-navy-d)}

/* ═══════════════════════════════════════════════════
   8. FRANJA DE DATOS
   ═══════════════════════════════════════════════════ */
.emacof-strip{background:var(--em-gold);padding-top:38px;padding-bottom:38px}
.emacof-strip .emacof-stat strong{
  display:block;
  font-size:31px;font-weight:800;
  color:var(--em-navy-d);
  line-height:1.2;
}
.emacof-strip .emacof-stat{color:#6B5A10;font-size:14px;font-weight:600;margin:0}

/* ═══════════════════════════════════════════════════
   9. CLIENTES
   ═══════════════════════════════════════════════════ */
.emacof-logos .wp-block-column{display:flex}
.emacof-logo{
  background:#fff;
  border:1px solid var(--em-line);
  border-radius:12px;
  padding:22px 16px;
  width:100%;
  min-height:112px;
  display:flex;align-items:center;justify-content:center;
  transition:border-color .18s,box-shadow .18s;
  margin:0;
}
.emacof-logo:hover{border-color:var(--em-navy-l);box-shadow:0 8px 24px rgba(0,47,116,.09)}
.emacof-logo img{max-height:56px;width:auto;object-fit:contain}

/* ═══════════════════════════════════════════════════
   10. IMÁGENES DESTACADAS
   ═══════════════════════════════════════════════════ */
.emacof-shot img{
  border-radius:16px;
  box-shadow:var(--em-shadow-lg);
  width:100%;
  display:block;
}
.emacof-framed{position:relative}
.emacof-framed::before{
  content:"";
  position:absolute;
  left:-16px;bottom:-16px;
  width:120px;height:120px;
  background:var(--em-gold);
  border-radius:14px;
  z-index:0;
}
.emacof-framed .wp-block-image{position:relative;z-index:1;margin:0}

/* ═══════════════════════════════════════════════════
   11. LISTAS CON MARCA
   ═══════════════════════════════════════════════════ */
.emacof-ticks{list-style:none !important;padding-left:0 !important;margin-left:0 !important}
.emacof-ticks li{
  position:relative;
  padding-left:31px;
  margin-bottom:11px;
  font-size:16px;
  line-height:1.65;
}
.emacof-ticks li::before{
  content:"";
  position:absolute;
  left:0;top:9px;
  width:16px;height:16px;
  border-radius:4px;
  background:var(--em-gold);
  box-shadow:inset 0 0 0 4px var(--em-navy);
}
.has-navy-dark-background-color .emacof-ticks li::before,
.has-navy-background-color .emacof-ticks li::before{box-shadow:inset 0 0 0 4px var(--em-navy-d)}

/* ═══════════════════════════════════════════════════
   12. BANDA DE LLAMADO A LA ACCIÓN
   ═══════════════════════════════════════════════════ */
.emacof-ctaband{
  background:linear-gradient(115deg,var(--em-navy-d),var(--em-navy) 58%,var(--em-navy-l));
  position:relative;
  overflow:hidden;
  padding-top:72px;
  padding-bottom:72px;
  text-align:center;
}
.emacof-ctaband::before{
  content:"";
  position:absolute;
  right:-70px;top:-70px;
  width:360px;height:360px;
  border-radius:50%;
  background:rgba(255,222,88,.11);
}
.emacof-ctaband > *{position:relative;z-index:1}
.emacof-ctaband h2{color:#fff !important;margin-bottom:14px}
.emacof-ctaband p{color:#C7D5EC;font-size:18px;max-width:620px;margin-left:auto;margin-right:auto;margin-bottom:30px}
.emacof-ctaband .wp-block-buttons{justify-content:center}

/* ═══════════════════════════════════════════════════
   13. BOTONES
   ═══════════════════════════════════════════════════ */
.wp-block-button__link{
  transition:background .16s,border-color .16s,transform .16s;
  border:2px solid transparent;
}
.wp-block-button__link:hover{transform:translateY(-1px)}
.emacof-btn-gold .wp-block-button__link{
  background:var(--em-gold) !important;
  color:var(--em-navy-d) !important;
  border-color:var(--em-gold);
}
.emacof-btn-gold .wp-block-button__link:hover{background:#FFE87F !important;border-color:#FFE87F}
.emacof-btn-ghost .wp-block-button__link{
  background:transparent !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.42);
}
.emacof-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.12) !important;border-color:#fff}
.emacof-btn-navy .wp-block-button__link{
  background:var(--em-navy) !important;
  color:#fff !important;
  border-color:var(--em-navy);
}
.emacof-btn-navy .wp-block-button__link:hover{background:var(--em-navy-l) !important;border-color:var(--em-navy-l)}

/* ═══════════════════════════════════════════════════
   14. FORMULARIOS (contenedor y campos del plugin)
   ═══════════════════════════════════════════════════ */
.emacof-formbox{
  background:#fff;
  border:1px solid var(--em-line);
  border-radius:16px;
  padding:36px 34px;
  box-shadow:0 14px 44px rgba(0,25,66,.08);
}
.emacof-formbox h3{margin-bottom:6px !important}
.emacof-formbox input[type=text],
.emacof-formbox input[type=email],
.emacof-formbox input[type=tel],
.emacof-formbox select,
.emacof-formbox textarea,
.emacof-formbox .ff-el-form-control{
  width:100%;
  border:1.5px solid var(--em-line);
  border-radius:8px;
  padding:12px 14px;
  font-size:15.5px;
  font-family:inherit;
  color:var(--em-ink);
  background:#FCFDFF;
}
.emacof-formbox input:focus,
.emacof-formbox select:focus,
.emacof-formbox textarea:focus,
.emacof-formbox .ff-el-form-control:focus{
  outline:none;
  border-color:var(--em-navy-l);
  background:#fff;
}
.emacof-formbox label,
.emacof-formbox .ff-el-input--label label{
  font-size:13.5px;
  font-weight:700;
  color:var(--em-navy);
  margin-bottom:6px;
}
.emacof-formbox button[type=submit],
.emacof-formbox .ff-btn-submit{
  width:100%;
  background:var(--em-navy);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:14px 26px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}
.emacof-formbox button[type=submit]:hover,
.emacof-formbox .ff-btn-submit:hover{background:var(--em-navy-l)}
.emacof-recaptcha-note{font-size:12px;color:#8A93A5;text-align:center;margin-top:15px}

/* Bloque de contacto directo */
.emacof-cbox{
  display:flex;gap:16px;
  padding:22px 0;
  border-bottom:1px solid var(--em-line);
  align-items:flex-start;
}
.emacof-cbox:last-child{border-bottom:none}
.emacof-cbox .emacof-ico{width:46px;height:46px;margin-bottom:0}
.emacof-cbox .emacof-ico svg{width:23px;height:23px}
.emacof-cbox h4{font-size:15px !important;margin-bottom:3px !important}
.emacof-cbox p{font-size:16px;margin-bottom:0;color:var(--em-ink)}

/* Ficha de gerencia */
.emacof-exec{
  display:flex;gap:26px;align-items:center;
  background:#fff;border:1px solid var(--em-line);
  border-radius:16px;padding:30px;
}
.emacof-exec__av{
  flex:none;width:96px;height:96px;border-radius:50%;
  background:var(--em-navy);
  display:flex;align-items:center;justify-content:center;
}
.emacof-exec__av img{width:60px}
.emacof-exec__rol{
  color:var(--em-gold-d);font-weight:800;font-size:14px;
  letter-spacing:.05em;text-transform:uppercase;margin-bottom:9px !important;
}

/* ═══════════════════════════════════════════════════
   15. NOTA EDITORIAL (pendientes del proyecto)
   ═══════════════════════════════════════════════════ */
.emacof-note{
  background:#FFFBEC;
  border:1px dashed var(--em-gold-d);
  border-radius:10px;
  padding:13px 17px;
  font-size:13.5px !important;
  color:#7A6410 !important;
}
.emacof-note strong{color:#5C4B00}

/* ═══════════════════════════════════════════════════
   16. PIE DE PÁGINA
   ═══════════════════════════════════════════════════ */
.emacof-footer{
  background:var(--em-navy-x);
  color:#93A6C8;
  padding-top:62px;
  font-size:15px;
}
.emacof-footer p,.emacof-footer li,.emacof-footer a{color:#93A6C8}
.emacof-footer a:hover{color:var(--em-gold)}
.emacof-footer h4{
  color:#fff !important;
  font-size:14px !important;
  letter-spacing:.09em;
  text-transform:uppercase;
  margin-bottom:17px !important;
}
.emacof-footer .emacof-brand img{height:42px}
.emacof-footer .emacof-wordmark img{height:26px}
.emacof-footer ul{list-style:none;padding-left:0;margin:0}
.emacof-footer ul li{margin:0}
.emacof-footer ul li a{display:block;padding:4px 0}
.emacof-footer__bar{
  border-top:1px solid rgba(255,255,255,.12);
  padding:20px 0;
  font-size:13.5px;
  margin-top:46px;
}
.emacof-footer__bar p{font-size:13.5px;margin:0}

/* ═══════════════════════════════════════════════════
   17. RESPONSIVE
   ═══════════════════════════════════════════════════ */
@media(max-width:980px){
  .emacof-section{padding-top:62px;padding-bottom:62px}
  .emacof-hero__inner{max-width:100%}
  .emacof-exec{flex-direction:column;text-align:center}
  .emacof-framed::before{display:none}
}
@media(max-width:781px){
  .emacof-svc > .wp-block-image img{height:210px}
  .emacof-creds{gap:22px}
  .emacof-formbox{padding:26px 22px}
  .emacof-wedge{height:44px;margin-top:-44px}
  .emacof-strip{padding-top:30px;padding-bottom:30px}
}

/* Utilidad: quitar el margen que WP agrega al último bloque */
.emacof-card > *:last-child,
.emacof-svc__body > *:last-child,
.emacof-formbox > *:last-child{margin-bottom:0}