
:root {
  --ffm4-blue:#0057D9;
  --ffm4-green:#25D366;
  --ffm4-black:#111111;
  --ffm4-text:#333333;
  --ffm4-muted:#555555;
  --ffm4-border:#E5E5E5;
  --ffm4-light:#F7F8FA;
  --ffm4-dark:#111827;
}

body.ffm4-active-page .entry-title,
body.ffm4-active-page .page-title,
body.ffm4-active-page .wp-block-post-title,
body.ffm4-active-page .site-header,
body.ffm4-active-page .site-footer,
body.ffm4-active-page header.wp-block-template-part,
body.ffm4-active-page footer.wp-block-template-part {
  display:none!important;
}

body.ffm4-active-page .site-main,
body.ffm4-active-page .entry-content,
body.ffm4-active-page .wp-site-blocks,
body.ffm4-active-page main,
body.ffm4-active-page article,
body.ffm4-active-page .hentry {
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
}

.ffm4-page {
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  overflow-x:hidden!important;
  background:#fff!important;
  color:var(--ffm4-text)!important;
  font-family:Arial, Helvetica, sans-serif!important;
  line-height:1.45!important;
}

.ffm4-page * {
  box-sizing:border-box!important;
  font-family:Arial, Helvetica, sans-serif!important;
}

.ffm4-page a {
  text-decoration:none!important;
}

.ffm4-container {
  width:min(1120px, calc(100% - 42px))!important;
  margin:0 auto!important;
}

/* MENÚ */
.ffm4-header {
  background:#fff!important;
  border-bottom:1px solid #ECECEC!important;
  box-shadow:0 2px 12px rgba(0,0,0,.04)!important;
  position:relative!important;
  z-index:20!important;
}

.ffm4-header-inner {
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}

.ffm4-brand {
  color:#111!important;
  font-weight:800!important;
  font-size:18px!important;
  white-space:nowrap!important;
  letter-spacing:.1px!important;
}

.ffm4-nav {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  flex:1!important;
}

.ffm4-nav a {
  color:#111!important;
  font-size:14px!important;
  font-weight:600!important;
}

.ffm4-nav a:hover {
  color:var(--ffm4-blue)!important;
}

.ffm4-actions {
  display:flex!important;
  gap:10px!important;
  white-space:nowrap!important;
  min-width:86px!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  padding:9px 14px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:700!important;
}

.ffm4-top-call { background:var(--ffm4-blue)!important; }
.ffm4-top-wa { background:var(--ffm4-green)!important; }

/* HERO */
.ffm4-hero {
  min-height:500px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  color:#fff!important;
  overflow:hidden!important;
  background:#111!important;
}

.ffm4-hero-panel {
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:50%!important;
  background-size:cover!important;
  background-position:center center!important;
  z-index:1!important;
}

.ffm4-hero-left {
  left:0!important;
  background-position:center center!important;
}

.ffm4-hero-right {
  right:0!important;
  background-position:center center!important;
}

.ffm4-diagonal {
  position:absolute!important;
  top:-8%!important;
  bottom:-8%!important;
  left:50%!important;
  width:6px!important;
  background:rgba(255,255,255,.52)!important;
  transform:skewX(-17deg)!important;
  z-index:3!important;
}

.ffm4-hero-overlay {
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.56)!important;
  z-index:4!important;
}

.ffm4-hero-content {
  position:relative!important;
  z-index:5!important;
}

.ffm4-hero h1 {
  max-width:1040px!important;
  margin:0 auto 18px!important;
  color:#fff!important;
  font-size:clamp(36px,4.8vw,58px)!important;
  line-height:1.08!important;
  font-weight:800!important;
}

.ffm4-hero p {
  max-width:1060px!important;
  margin:0 auto 30px!important;
  color:#fff!important;
  font-size:18px!important;
}

/* BOTONES */
.ffm4-buttons {
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  flex-wrap:wrap!important;
}

.ffm4-btn {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:166px!important;
  padding:14px 24px!important;
  border-radius:9px!important;
  color:#fff!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
}

.ffm4-call { background:var(--ffm4-blue)!important; }
.ffm4-wa { background:var(--ffm4-green)!important; }

/* SECCIONES */
.ffm4-section {
  background:#fff!important;
  padding:66px 0!important;
}

.ffm4-services {
  padding-top:36px!important;
}

.ffm4-section-head {
  text-align:center!important;
  margin-bottom:42px!important;
}

.ffm4-section-head h2 {
  margin:0 0 12px!important;
  color:var(--ffm4-black)!important;
  font-size:clamp(30px,4vw,42px)!important;
  font-weight:800!important;
  line-height:1.14!important;
}

.ffm4-section-head p {
  max-width:980px!important;
  margin:0 auto!important;
  color:#111!important;
  font-size:18px!important;
}

/* TARJETAS CLICABLES */
.ffm4-service-grid {
  display:grid!important;
  grid-template-columns:repeat(2, minmax(300px, 430px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:32px!important;
}

.ffm4-service-card {
  min-height:315px!important;
  padding:34px 34px 36px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  text-align:center!important;
  background:#fff!important;
  border:1px solid #DDE3EA!important;
  border-radius:13px!important;
  box-shadow:0 10px 22px -6px rgba(0,0,0,.22)!important;
}

.ffm4-icon {
  width:58px!important;
  height:58px!important;
  margin:0 auto 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:var(--ffm4-blue)!important;
}

.ffm4-icon svg {
  width:58px!important;
  height:58px!important;
  display:block!important;
  fill:currentColor!important;
}

.ffm4-service-card h3 {
  margin:0 0 16px!important;
  color:var(--ffm4-blue)!important;
  text-transform:uppercase!important;
  font-size:30px!important;
  line-height:1.15!important;
  font-weight:500!important;
}

.ffm4-service-card p {
  margin:0!important;
  color:#445066!important;
  font-size:16px!important;
  line-height:1.48!important;
}

.ffm4-card-btn {
  margin-top:28px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 28px!important;
  border-radius:9px!important;
  background:var(--ffm4-blue)!important;
  color:#fff!important;
  text-transform:uppercase!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1!important;
}

/* POR QUÉ */
.ffm4-why {
  padding-top:52px!important;
}

.ffm4-why-grid {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
}

.ffm4-why-card {
  min-height:255px!important;
  padding:32px 24px!important;
  background:#fff!important;
  border:1px solid var(--ffm4-border)!important;
  border-radius:12px!important;
  box-shadow:0 4px 14px -8px rgba(0,0,0,.14)!important;
  text-align:center!important;
}

.ffm4-why-card .ffm4-icon {
  margin-bottom:16px!important;
}

.ffm4-why-card h3 {
  margin:0 0 15px!important;
  color:var(--ffm4-blue)!important;
  text-transform:uppercase!important;
  font-size:26px!important;
  line-height:1.18!important;
  font-weight:500!important;
}

.ffm4-why-card p {
  margin:0!important;
  color:var(--ffm4-muted)!important;
  font-size:16px!important;
}

/* PROCESO */
.ffm4-process {
  border-top:1px solid #F0F0F0!important;
  padding-top:66px!important;
  padding-bottom:74px!important;
}

.ffm4-process-grid {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px!important;
  position:relative!important;
}

.ffm4-process-grid:before {
  content:""!important;
  position:absolute!important;
  left:13%!important;
  right:13%!important;
  top:31px!important;
  height:1px!important;
  background:#E6E6E6!important;
}

.ffm4-process-item {
  position:relative!important;
  z-index:1!important;
  text-align:center!important;
  background:#fff!important;
  padding:0 18px!important;
}

.ffm4-process-item strong {
  width:62px!important;
  height:62px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:2px solid var(--ffm4-blue)!important;
  border-radius:50%!important;
  background:#fff!important;
  color:var(--ffm4-blue)!important;
  font-size:19px!important;
  font-weight:800!important;
}

.ffm4-process-item h3 {
  margin:18px 0 10px!important;
  color:var(--ffm4-black)!important;
  font-size:20px!important;
  font-weight:700!important;
}

.ffm4-process-item p {
  max-width:220px!important;
  margin:0 auto!important;
  color:var(--ffm4-muted)!important;
  font-size:15px!important;
}

/* CONFIANZA CTA FOOTER */
.ffm4-trust {
  background:var(--ffm4-light)!important;
  padding:62px 0!important;
}

.ffm4-trust-grid {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:70px!important;
  align-items:center!important;
}

.ffm4-trust h2 {
  margin:0 0 16px!important;
  color:var(--ffm4-black)!important;
  font-size:34px!important;
  line-height:1.18!important;
}

.ffm4-trust p,
.ffm4-trust li {
  color:var(--ffm4-text)!important;
  font-size:16px!important;
}

.ffm4-trust li { margin-bottom:10px!important; }

.ffm4-final-cta {
  padding:76px 0!important;
  background:linear-gradient(135deg,#003E9D,#0057D9)!important;
  text-align:center!important;
  color:#fff!important;
}

.ffm4-final-cta h2 {
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(32px,4vw,44px)!important;
  line-height:1.16!important;
  font-weight:500!important;
}

.ffm4-final-cta p {
  max-width:820px!important;
  margin:0 auto 30px!important;
  color:#fff!important;
  font-size:18px!important;
}

.ffm4-footer {
  background:var(--ffm4-dark)!important;
  color:#d1d5db!important;
  padding:54px 0!important;
}

.ffm4-footer-grid {
  display:grid!important;
  grid-template-columns:1.25fr .8fr .8fr .8fr!important;
  gap:36px!important;
}

.ffm4-footer h2,
.ffm4-footer h3 {
  margin-top:0!important;
  color:#fff!important;
}

.ffm4-footer h2 {
  font-size:26px!important;
  line-height:1.15!important;
}

.ffm4-footer p,
.ffm4-footer a {
  color:#d1d5db!important;
  font-size:15px!important;
}

.ffm4-footer a {
  display:block!important;
  margin-bottom:9px!important;
}

/* INTERIORES */
.ffm4-inner-hero {
  padding:95px 0!important;
  background:linear-gradient(135deg,#111827,#0f3f96)!important;
  color:#fff!important;
  text-align:center!important;
}

.ffm4-inner-hero h1 {
  margin:0 0 16px!important;
  color:#fff!important;
  font-size:clamp(36px,5vw,56px)!important;
  line-height:1.08!important;
  font-weight:800!important;
}

.ffm4-inner-hero p {
  max-width:850px!important;
  margin:0 auto 28px!important;
  color:#fff!important;
  font-size:18px!important;
}

.ffm4-two-col {
  display:grid!important;
  grid-template-columns:1.05fr .95fr!important;
  gap:48px!important;
  align-items:start!important;
}

.ffm4-two-col h2 {
  margin:0 0 18px!important;
  color:var(--ffm4-black)!important;
  font-size:36px!important;
  line-height:1.16!important;
}

.ffm4-two-col p,
.ffm4-list-card li,
.ffm4-list-card p {
  color:var(--ffm4-text)!important;
  font-size:17px!important;
}

.ffm4-list-card {
  background:#fff!important;
  border:1px solid var(--ffm4-border)!important;
  border-radius:12px!important;
  padding:30px!important;
  box-shadow:0 8px 20px -14px rgba(0,0,0,.22)!important;
}

.ffm4-list-card h3 {
  margin:0 0 14px!important;
  color:var(--ffm4-blue)!important;
}

.ffm4-light { background:var(--ffm4-light)!important; }

.ffm4-three-grid {
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
}

.ffm4-faq-list {
  max-width:900px!important;
  margin:0 auto!important;
  display:grid!important;
  gap:16px!important;
}

.ffm4-faq-item {
  background:#fff!important;
  border:1px solid var(--ffm4-border)!important;
  border-radius:12px!important;
  padding:24px 26px!important;
}

.ffm4-faq-item h3 {
  margin:0 0 10px!important;
  color:var(--ffm4-black)!important;
  font-size:20px!important;
}

.ffm4-faq-item p {
  margin:0!important;
  color:var(--ffm4-muted)!important;
}


@media (max-width:1180px) {
  .ffm4-header-inner {
    gap:12px!important;
  }
  .ffm4-brand {
    font-size:16px!important;
  }
  .ffm4-nav {
    gap:10px!important;
  }
  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:13px!important;
  }
  .ffm4-top-btn {
    padding:8px 11px!important;
    font-size:12px!important;
  }
}


/* MENÚ DESPLEGABLE CIUDADES */
.ffm4-dropdown {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}

.ffm4-dropbtn {
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:600!important;
  cursor:pointer!important;
  padding:0!important;
  line-height:1!important;
}

.ffm4-dropbtn:after {
  content:" ▾"!important;
  font-size:12px!important;
}

.ffm4-dropdown-menu {
  display:none!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:190px!important;
  background:#fff!important;
  border:1px solid #E5E5E5!important;
  border-radius:10px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  padding:10px!important;
  z-index:100!important;
}

.ffm4-dropdown:hover .ffm4-dropdown-menu,
.ffm4-dropdown:focus-within .ffm4-dropdown-menu {
  display:block!important;
}

.ffm4-dropdown-menu a {
  display:block!important;
  padding:10px 12px!important;
  color:#111!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}

.ffm4-dropdown-menu a:hover {
  background:#F4F7FB!important;
  color:var(--ffm4-blue)!important;
}

/* FORMULARIO CONTACTO */
.ffm4-form-section {
  background:#fff!important;
  padding:72px 0!important;
  border-top:1px solid #F0F0F0!important;
}

.ffm4-form-box {
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:48px!important;
  align-items:start!important;
  background:#F7F8FA!important;
  border:1px solid #E8E8E8!important;
  border-radius:16px!important;
  padding:42px!important;
}

.ffm4-form-copy h2 {
  margin:0 0 14px!important;
  color:#111!important;
  font-size:34px!important;
  line-height:1.16!important;
}

.ffm4-form-copy p {
  margin:0 0 22px!important;
  color:#333!important;
  font-size:17px!important;
}

.ffm4-form-actions {
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.ffm4-inline-call,
.ffm4-inline-wa {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:9px!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:14px!important;
  text-transform:uppercase!important;
}

.ffm4-inline-call { background:var(--ffm4-blue)!important; }
.ffm4-inline-wa { background:var(--ffm4-green)!important; }

.ffm4-form {
  display:grid!important;
  gap:16px!important;
  background:#fff!important;
  border:1px solid #E5E5E5!important;
  border-radius:14px!important;
  padding:26px!important;
  box-shadow:0 8px 20px -14px rgba(0,0,0,.18)!important;
}

.ffm4-form-row {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}

.ffm4-form label {
  display:grid!important;
  gap:7px!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:700!important;
}

.ffm4-form input,
.ffm4-form select,
.ffm4-form textarea {
  width:100%!important;
  border:1px solid #DDE3EA!important;
  border-radius:9px!important;
  padding:12px 13px!important;
  font-size:15px!important;
  color:#111!important;
  background:#fff!important;
  outline:none!important;
}

.ffm4-form textarea {
  resize:vertical!important;
  min-height:110px!important;
}

.ffm4-form input:focus,
.ffm4-form select:focus,
.ffm4-form textarea:focus {
  border-color:var(--ffm4-blue)!important;
  box-shadow:0 0 0 3px rgba(0,87,217,.12)!important;
}

.ffm4-form-submit {
  width:100%!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--ffm4-blue)!important;
  color:#fff!important;
  padding:14px 20px!important;
  font-size:15px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}

.ffm4-form-success,
.ffm4-form-error {
  padding:12px 14px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:700!important;
}

.ffm4-form-success {
  color:#0f5132!important;
  background:#d1e7dd!important;
}

.ffm4-form-error {
  color:#842029!important;
  background:#f8d7da!important;
}

@media (max-width:820px) {
  .ffm4-form-box,
  .ffm4-form-row {
    grid-template-columns:1fr!important;
  }
  .ffm4-form-box {
    padding:26px!important;
  }
}

/* RESPONSIVE */
@media (max-width:1050px) {
  .ffm4-header-inner {
    flex-wrap:wrap!important;
    padding:14px 0!important;
  }
  .ffm4-brand {
    width:100%!important;
    text-align:center!important;
  }
  .ffm4-nav {
    width:100%!important;
    order:3!important;
    flex-wrap:wrap!important;
    gap:12px 18px!important;
  }
  .ffm4-actions {
    margin:0 auto!important;
  }
  .ffm4-why-grid {
    grid-template-columns:repeat(2,1fr)!important;
  }
}

@media (max-width:820px) {
  .ffm4-service-grid,
  .ffm4-why-grid,
  .ffm4-process-grid,
  .ffm4-trust-grid,
  .ffm4-footer-grid,
  .ffm4-two-col,
  .ffm4-three-grid {
    grid-template-columns:1fr!important;
  }
  .ffm4-process-grid:before {
    display:none!important;
  }
  .ffm4-hero {
    min-height:570px!important;
  }
  .ffm4-hero-left,
  .ffm4-hero-right {
    width:100%!important;
    left:0!important;
    right:0!important;
  }
  .ffm4-hero-right {
    opacity:.24!important;
  }
  .ffm4-diagonal {
    display:none!important;
  }
}

@media (max-width:520px) {
  .ffm4-container {
    width:min(100% - 28px,1120px)!important;
  }
  .ffm4-hero h1 {
    font-size:34px!important;
  }
  .ffm4-hero p,
  .ffm4-section-head p,
  .ffm4-inner-hero p {
    font-size:16px!important;
  }
  .ffm4-buttons {
    gap:12px!important;
  }
  .ffm4-btn {
    width:100%!important;
  }
  .ffm4-service-card {
    min-height:auto!important;
  }
}



/* AJUSTE FINAL BOTÓN TELÉFONO SUPERIOR */
.ffm4-actions {
  min-width:132px!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  min-width:132px!important;
  padding:12px 18px!important;
  border-radius:9px!important;
  font-size:15px!important;
  font-weight:800!important;
  box-shadow:0 6px 14px rgba(0,87,217,.18)!important;
}

/* MENÚ DESPLEGABLE CIUDADES */
.ffm4-dropdown {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
}

.ffm4-dropbtn {
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:600!important;
  cursor:pointer!important;
  padding:0!important;
  line-height:1!important;
}

.ffm4-dropbtn:after {
  content:" ▾"!important;
  font-size:12px!important;
}

.ffm4-dropdown-menu {
  display:none!important;
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:190px!important;
  background:#fff!important;
  border:1px solid #E5E5E5!important;
  border-radius:10px!important;
  box-shadow:0 12px 26px rgba(0,0,0,.14)!important;
  padding:10px!important;
  z-index:100!important;
}

.ffm4-dropdown:hover .ffm4-dropdown-menu,
.ffm4-dropdown:focus-within .ffm4-dropdown-menu {
  display:block!important;
}

.ffm4-dropdown-menu a {
  display:block!important;
  padding:10px 12px!important;
  color:#111!important;
  border-radius:7px!important;
  white-space:nowrap!important;
}

.ffm4-dropdown-menu a:hover {
  background:#F4F7FB!important;
  color:var(--ffm4-blue)!important;
}

/* FORMULARIO CONTACTO */
.ffm4-form-section {
  background:#fff!important;
  padding:72px 0!important;
  border-top:1px solid #F0F0F0!important;
}

.ffm4-form-box {
  display:grid!important;
  grid-template-columns:.9fr 1.1fr!important;
  gap:48px!important;
  align-items:start!important;
  background:#F7F8FA!important;
  border:1px solid #E8E8E8!important;
  border-radius:16px!important;
  padding:42px!important;
}

.ffm4-form-copy h2 {
  margin:0 0 14px!important;
  color:#111!important;
  font-size:34px!important;
  line-height:1.16!important;
}

.ffm4-form-copy p {
  margin:0 0 22px!important;
  color:#333!important;
  font-size:17px!important;
}

.ffm4-form-actions {
  display:flex!important;
  gap:12px!important;
  flex-wrap:wrap!important;
}

.ffm4-inline-call,
.ffm4-inline-wa {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:9px!important;
  color:#fff!important;
  font-weight:800!important;
  font-size:14px!important;
  text-transform:uppercase!important;
}

.ffm4-inline-call { background:var(--ffm4-blue)!important; }
.ffm4-inline-wa { background:var(--ffm4-green)!important; }

.ffm4-form {
  display:grid!important;
  gap:16px!important;
  background:#fff!important;
  border:1px solid #E5E5E5!important;
  border-radius:14px!important;
  padding:26px!important;
  box-shadow:0 8px 20px -14px rgba(0,0,0,.18)!important;
}

.ffm4-form-row {
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:16px!important;
}

.ffm4-form label {
  display:grid!important;
  gap:7px!important;
  color:#111!important;
  font-size:14px!important;
  font-weight:700!important;
}

.ffm4-form input,
.ffm4-form select,
.ffm4-form textarea {
  width:100%!important;
  border:1px solid #DDE3EA!important;
  border-radius:9px!important;
  padding:12px 13px!important;
  font-size:15px!important;
  color:#111!important;
  background:#fff!important;
  outline:none!important;
}

.ffm4-form textarea {
  resize:vertical!important;
  min-height:110px!important;
}

.ffm4-form input:focus,
.ffm4-form select:focus,
.ffm4-form textarea:focus {
  border-color:var(--ffm4-blue)!important;
  box-shadow:0 0 0 3px rgba(0,87,217,.12)!important;
}

.ffm4-form-submit {
  width:100%!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--ffm4-blue)!important;
  color:#fff!important;
  padding:14px 20px!important;
  font-size:15px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}

.ffm4-form-success,
.ffm4-form-error {
  padding:12px 14px!important;
  border-radius:9px!important;
  font-size:14px!important;
  font-weight:700!important;
}

.ffm4-form-success {
  color:#0f5132!important;
  background:#d1e7dd!important;
}

.ffm4-form-error {
  color:#842029!important;
  background:#f8d7da!important;
}

/* FOOTER LEGAL */
.ffm4-footer-legal {
  border-top:1px solid rgba(255,255,255,.12)!important;
  margin-top:34px!important;
  padding-top:22px!important;
  display:flex!important;
  gap:18px!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
}

.ffm4-footer-legal a {
  color:#d1d5db!important;
  font-size:14px!important;
}

.ffm4-legal-page {
  max-width:900px!important;
}

.ffm4-legal-page p {
  color:#333!important;
  font-size:17px!important;
}


@media (max-width:820px) {
  .ffm4-form-box,
  .ffm4-form-row {
    grid-template-columns:1fr!important;
  }
  .ffm4-form-box {
    padding:26px!important;
  }
  .ffm4-dropdown {
    width:auto!important;
  }
  .ffm4-dropdown-menu {
    position:absolute!important;
    left:50%!important;
  }
}



/* ============================
   V9.1 FINAL FIX - LOOK & FEEL
   ============================ */
.ffm4-page,
.ffm4-page * {
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif!important;
  letter-spacing:-0.01em!important;
}

.ffm4-header {
  border-bottom:1px solid rgba(17,24,39,.08)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.05)!important;
}

.ffm4-header-inner {
  min-height:78px!important;
  gap:26px!important;
}

.ffm4-brand {
  font-size:18px!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  color:#111827!important;
}

.ffm4-nav {
  gap:24px!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:16px!important;
  font-weight:700!important;
  color:#111827!important;
}

.ffm4-actions {
  min-width:150px!important;
}

.ffm4-top-btn {
  min-width:150px!important;
  padding:13px 20px!important;
  border-radius:10px!important;
  font-size:16px!important;
  font-weight:850!important;
  box-shadow:0 8px 18px rgba(0,87,217,.22)!important;
}

.ffm4-hero {
  min-height:510px!important;
}

.ffm4-hero h1 {
  max-width:1050px!important;
  font-size:clamp(40px,4.9vw,60px)!important;
  letter-spacing:-.025em!important;
}

.ffm4-hero p {
  max-width:1080px!important;
  font-size:18px!important;
  line-height:1.55!important;
}

.ffm4-btn {
  min-width:174px!important;
  padding:15px 26px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:850!important;
}

/* Barra de confianza */
.ffm4-trustbar {
  background:#fff!important;
  border-bottom:1px solid #EEF0F3!important;
}

.ffm4-trustbar-grid {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;
}

.ffm4-trustbar-grid div {
  padding:18px 20px!important;
  text-align:center!important;
  border-right:1px solid #EEF0F3!important;
}

.ffm4-trustbar-grid div:last-child {
  border-right:0!important;
}

.ffm4-trustbar strong {
  display:block!important;
  color:#0057D9!important;
  font-size:15px!important;
  font-weight:850!important;
  margin-bottom:3px!important;
}

.ffm4-trustbar span {
  display:block!important;
  color:#374151!important;
  font-size:14px!important;
  font-weight:550!important;
}

.ffm4-section {
  padding:74px 0!important;
}

.ffm4-services {
  padding-top:58px!important;
}

.ffm4-section-head h2 {
  font-size:clamp(34px,4.2vw,45px)!important;
  letter-spacing:-.025em!important;
}

.ffm4-section-head p {
  font-size:18px!important;
  line-height:1.55!important;
}

.ffm4-service-card {
  min-height:318px!important;
  padding:36px 36px 38px!important;
  border-radius:16px!important;
  box-shadow:0 14px 32px -12px rgba(15,23,42,.24)!important;
}

.ffm4-service-card h3 {
  font-size:31px!important;
  font-weight:650!important;
}

.ffm4-service-card p {
  font-size:16.5px!important;
  line-height:1.55!important;
}

.ffm4-card-btn {
  border-radius:10px!important;
  padding:14px 30px!important;
  font-size:14px!important;
  font-weight:850!important;
}

.ffm4-why-card {
  min-height:262px!important;
  border-radius:15px!important;
  padding:34px 26px!important;
}

.ffm4-why-card h3 {
  font-size:27px!important;
  font-weight:650!important;
}

.ffm4-why-card p {
  font-size:16px!important;
  line-height:1.55!important;
}

.ffm4-process {
  padding-top:76px!important;
  padding-bottom:84px!important;
}

.ffm4-process-item strong {
  width:66px!important;
  height:66px!important;
  font-size:20px!important;
}

.ffm4-process-item h3 {
  font-size:21px!important;
}

.ffm4-process-item p {
  font-size:15.5px!important;
  line-height:1.5!important;
}

.ffm4-form-section {
  padding:82px 0!important;
}

.ffm4-form-box {
  border-radius:20px!important;
  padding:48px!important;
  box-shadow:0 18px 42px -30px rgba(15,23,42,.3)!important;
}

.ffm4-form-copy h2 {
  font-size:37px!important;
  letter-spacing:-.025em!important;
}

.ffm4-form-copy p {
  font-size:18px!important;
  line-height:1.55!important;
}

.ffm4-form {
  border-radius:16px!important;
  padding:30px!important;
}

.ffm4-form input,
.ffm4-form select,
.ffm4-form textarea {
  min-height:48px!important;
  font-size:16px!important;
}

.ffm4-form-submit {
  min-height:50px!important;
  border-radius:10px!important;
  font-size:15px!important;
  font-weight:850!important;
}

.ffm4-trust {
  padding:72px 0!important;
}

.ffm4-trust h2 {
  font-size:37px!important;
  letter-spacing:-.025em!important;
}

.ffm4-trust p,
.ffm4-trust li {
  font-size:17px!important;
  line-height:1.55!important;
}

.ffm4-final-cta {
  padding:86px 0!important;
}

.ffm4-final-cta h2 {
  font-size:clamp(36px,4.2vw,48px)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}

.ffm4-final-cta p {
  font-size:18px!important;
  line-height:1.55!important;
}

.ffm4-footer {
  padding:62px 0 34px!important;
}

.ffm4-footer-grid {
  gap:44px!important;
}

.ffm4-footer h2 {
  font-size:27px!important;
  letter-spacing:.01em!important;
}

.ffm4-footer h3 {
  font-size:20px!important;
}

.ffm4-footer p,
.ffm4-footer a {
  font-size:16px!important;
  line-height:1.55!important;
}

.ffm4-footer-legal {
  border-top:1px solid rgba(255,255,255,.14)!important;
  margin-top:38px!important;
  padding-top:24px!important;
  display:flex!important;
  justify-content:center!important;
  gap:22px!important;
  flex-wrap:wrap!important;
}

.ffm4-footer-legal a {
  font-size:14px!important;
}

@media (max-width:1180px) {
  .ffm4-header-inner {
    gap:14px!important;
  }
  .ffm4-brand {
    font-size:16px!important;
  }
  .ffm4-nav {
    gap:14px!important;
  }
  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:14px!important;
  }
  .ffm4-top-btn {
    min-width:128px!important;
    padding:11px 14px!important;
    font-size:14px!important;
  }
}

@media (max-width:820px) {
  .ffm4-header-inner {
    min-height:auto!important;
    padding:16px 0!important;
  }
  .ffm4-brand {
    width:100%!important;
    text-align:center!important;
    font-size:18px!important;
  }
  .ffm4-nav {
    width:100%!important;
    order:3!important;
    flex-wrap:wrap!important;
    gap:14px 18px!important;
  }
  .ffm4-actions {
    margin:0 auto!important;
  }
  .ffm4-top-btn {
    min-width:160px!important;
    font-size:15px!important;
  }
  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
  }
  .ffm4-trustbar-grid div:nth-child(2) {
    border-right:0!important;
  }
  .ffm4-trustbar-grid div {
    border-bottom:1px solid #EEF0F3!important;
  }
  .ffm4-form-box,
  .ffm4-form-row {
    grid-template-columns:1fr!important;
  }
  .ffm4-form-box {
    padding:30px!important;
  }
}

@media (max-width:520px) {
  .ffm4-hero {
    min-height:600px!important;
  }
  .ffm4-hero h1 {
    font-size:35px!important;
  }
  .ffm4-section {
    padding:58px 0!important;
  }
  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
  }
  .ffm4-trustbar-grid div {
    border-right:0!important;
  }
  .ffm4-service-card {
    padding:32px 26px!important;
  }
}



/* ============================
   V9.2 AJUSTES FINALES
   ============================ */

/* 1. Menú superior: un punto más grande y equilibrado */
.ffm4-header-inner {
  min-height:80px!important;
}

.ffm4-brand {
  font-size:18px!important;
  font-weight:850!important;
}

.ffm4-nav {
  gap:26px!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:17px!important;
  font-weight:750!important;
  line-height:1.1!important;
}

.ffm4-top-btn {
  min-width:158px!important;
  padding:14px 22px!important;
  font-size:16px!important;
  border-radius:11px!important;
}

/* 2. Barra de confianza bajo Hero: más presencia, sin parecer bloque pesado */
.ffm4-trustbar {
  background:#FFFFFF!important;
  border-bottom:1px solid #E8EDF4!important;
  box-shadow:0 8px 24px rgba(15,23,42,.035)!important;
}

.ffm4-trustbar-grid {
  max-width:1120px!important;
}

.ffm4-trustbar-grid div {
  padding:24px 22px!important;
}

.ffm4-trustbar strong {
  font-size:17px!important;
  font-weight:850!important;
  color:#0057D9!important;
  margin-bottom:6px!important;
}

.ffm4-trustbar span {
  font-size:15px!important;
  line-height:1.35!important;
  color:#374151!important;
}

/* 3. Textos de tarjetas: más legibles */
.ffm4-service-card p {
  font-size:17px!important;
  line-height:1.58!important;
}

.ffm4-why-card p {
  font-size:16.5px!important;
  line-height:1.58!important;
}

.ffm4-service-card h3 {
  font-size:32px!important;
}

.ffm4-why-card h3 {
  font-size:28px!important;
}

/* 4. Cómo trabajamos: más presencia sin convertirlo en tarjetas */
.ffm4-process {
  padding-top:84px!important;
  padding-bottom:92px!important;
}

.ffm4-process-grid:before {
  top:35px!important;
  height:2px!important;
  background:#E3EAF5!important;
}

.ffm4-process-item strong {
  width:70px!important;
  height:70px!important;
  font-size:21px!important;
  border-width:2.5px!important;
  box-shadow:0 8px 20px rgba(0,87,217,.10)!important;
}

.ffm4-process-item h3 {
  font-size:22px!important;
  font-weight:800!important;
  margin-top:20px!important;
}

.ffm4-process-item p {
  font-size:16px!important;
  line-height:1.55!important;
  max-width:235px!important;
}

/* 5. Formulario: mejor proporción visual */
.ffm4-form-box {
  grid-template-columns:.82fr 1.18fr!important;
  gap:56px!important;
  padding:52px!important;
}

.ffm4-form-copy h2 {
  font-size:38px!important;
  line-height:1.12!important;
}

.ffm4-form-copy p {
  max-width:430px!important;
  font-size:18px!important;
}

.ffm4-form {
  padding:32px!important;
  box-shadow:0 16px 34px -24px rgba(15,23,42,.28)!important;
}

.ffm4-form-submit {
  min-height:52px!important;
  box-shadow:0 8px 18px rgba(0,87,217,.18)!important;
}

/* 6. CTA final: igualar peso con botones del Hero */
.ffm4-final-cta .ffm4-btn {
  min-width:174px!important;
  padding:15px 26px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:850!important;
}

.ffm4-final-cta h2 {
  font-weight:650!important;
}

/* 7. Footer: más limpio y con frase corporativa corregida visualmente */
.ffm4-footer p,
.ffm4-footer a {
  font-size:16px!important;
  line-height:1.6!important;
}

.ffm4-footer h2 {
  font-size:27px!important;
  line-height:1.12!important;
}

.ffm4-footer-legal {
  margin-top:42px!important;
}

/* Responsive: mantener estructura y mejorar lectura */
@media (max-width:1180px) {
  .ffm4-header-inner {
    gap:16px!important;
  }

  .ffm4-nav {
    gap:16px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:15px!important;
  }

  .ffm4-top-btn {
    min-width:138px!important;
    padding:12px 16px!important;
    font-size:14px!important;
  }
}

@media (max-width:820px) {
  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:15px!important;
  }

  .ffm4-trustbar-grid div {
    padding:20px 18px!important;
  }

  .ffm4-form-box {
    grid-template-columns:1fr!important;
    gap:30px!important;
    padding:32px!important;
  }

  .ffm4-form-copy p {
    max-width:none!important;
  }

  .ffm4-process-grid:before {
    display:none!important;
  }
}

@media (max-width:520px) {
  .ffm4-nav {
    gap:12px 16px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:14px!important;
  }

  .ffm4-service-card p,
  .ffm4-why-card p,
  .ffm4-process-item p {
    font-size:15.5px!important;
  }

  .ffm4-form-box {
    padding:26px!important;
  }
}



/* ============================
   V9.3 FIX PRECISO
   ============================ */

/* Header: título más grande, más a la izquierda y menú proporcionado */
.ffm4-header .ffm4-container {
  width:min(1240px, calc(100% - 48px))!important;
}

.ffm4-header-inner {
  min-height:82px!important;
  justify-content:flex-start!important;
  gap:34px!important;
}

.ffm4-brand {
  font-size:23px!important;
  font-weight:900!important;
  min-width:330px!important;
  text-align:left!important;
  letter-spacing:.01em!important;
}

.ffm4-nav {
  justify-content:flex-start!important;
  gap:26px!important;
  flex:1!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:17px!important;
  font-weight:750!important;
}

.ffm4-actions {
  min-width:165px!important;
  margin-left:auto!important;
}

.ffm4-top-btn {
  min-width:165px!important;
  padding:14px 22px!important;
  border-radius:11px!important;
  font-size:16px!important;
  font-weight:900!important;
}

/* Barra después del Hero: sin líneas divisorias, con presencia real */
.ffm4-trustbar {
  background:#F8FAFC!important;
  border-bottom:1px solid #E9EEF5!important;
  box-shadow:none!important;
  padding:24px 0!important;
}

.ffm4-trustbar-grid {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:16px!important;
}

.ffm4-trustbar-grid div {
  background:#fff!important;
  border:1px solid #E3EAF3!important;
  border-radius:14px!important;
  padding:22px 20px!important;
  text-align:left!important;
  box-shadow:0 10px 24px -18px rgba(15,23,42,.35)!important;
}

.ffm4-trustbar-grid div,
.ffm4-trustbar-grid div:last-child {
  border-right:1px solid #E3EAF3!important;
}

.ffm4-trustbar strong {
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:900!important;
  color:#0057D9!important;
  display:block!important;
  margin-bottom:6px!important;
}

.ffm4-trustbar span {
  font-size:15.5px!important;
  line-height:1.35!important;
  color:#374151!important;
  display:block!important;
}

/* Reajuste porque la barra ya ocupa lo que debe */
.ffm4-services {
  padding-top:62px!important;
}

/* Footer: asegurar visualmente texto correcto y legible */
.ffm4-footer h2 {
  font-size:28px!important;
  font-weight:800!important;
}

.ffm4-footer p,
.ffm4-footer a {
  font-size:16px!important;
}

/* Responsive */
@media (max-width:1180px) {
  .ffm4-brand {
    min-width:auto!important;
    font-size:20px!important;
  }

  .ffm4-header-inner {
    gap:18px!important;
  }

  .ffm4-nav {
    gap:16px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:15px!important;
  }
}

@media (max-width:820px) {
  .ffm4-header .ffm4-container {
    width:min(100% - 32px, 1240px)!important;
  }

  .ffm4-brand {
    width:100%!important;
    text-align:center!important;
    font-size:22px!important;
  }

  .ffm4-nav {
    justify-content:center!important;
  }

  .ffm4-actions {
    margin:0 auto!important;
  }

  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
  }

  .ffm4-trustbar-grid div {
    text-align:center!important;
  }
}

@media (max-width:520px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
  }
}



/* ============================
   V9.4 FIX REAL SEGÚN MARCAS
   ============================ */

/* HEADER: simétrico de verdad: marca izquierda, menú centrado, teléfono derecha */
.ffm4-header .ffm4-container {
  width:min(1280px, calc(100% - 56px))!important;
}

.ffm4-header-inner {
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  min-height:84px!important;
  gap:24px!important;
}

.ffm4-brand {
  justify-self:start!important;
  text-align:left!important;
  min-width:0!important;
  width:auto!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  color:#111827!important;
  white-space:nowrap!important;
}

.ffm4-nav {
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:28px!important;
  flex:none!important;
  width:auto!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:17px!important;
  line-height:1!important;
  font-weight:750!important;
  color:#111827!important;
}

.ffm4-actions {
  justify-self:end!important;
  margin-left:0!important;
  min-width:auto!important;
  display:flex!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  min-width:166px!important;
  padding:14px 22px!important;
  border-radius:11px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* BARRA BAJO HERO: textos centrados, sin módulos, sin líneas divisorias */
.ffm4-trustbar {
  background:#fff!important;
  padding:22px 0 20px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.ffm4-trustbar-grid {
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:22px!important;
  max-width:1080px!important;
  margin:0 auto!important;
}

.ffm4-trustbar-grid div,
.ffm4-trustbar-grid div:last-child {
  background:transparent!important;
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0 10px!important;
  text-align:center!important;
}

.ffm4-trustbar strong {
  display:block!important;
  color:#0057D9!important;
  font-size:16px!important;
  line-height:1.2!important;
  font-weight:900!important;
  margin:0 0 5px!important;
}

.ffm4-trustbar span {
  display:block!important;
  color:#374151!important;
  font-size:14.5px!important;
  line-height:1.3!important;
  font-weight:550!important;
}

/* QUITAR LÍNEAS DIVISORIAS DE MÓDULOS */
.ffm4-process,
.ffm4-form-section,
.ffm4-trust,
.ffm4-footer-legal {
  border-top:0!important;
}

.ffm4-process-grid:before {
  display:none!important;
}

/* Reducir espacios exagerados entre módulos */
.ffm4-section {
  padding-top:58px!important;
  padding-bottom:58px!important;
}

.ffm4-services {
  padding-top:54px!important;
}

.ffm4-why {
  padding-top:48px!important;
  padding-bottom:54px!important;
}

.ffm4-process {
  padding-top:56px!important;
  padding-bottom:56px!important;
}

.ffm4-form-section {
  padding-top:58px!important;
  padding-bottom:64px!important;
}

.ffm4-trust {
  padding-top:58px!important;
  padding-bottom:58px!important;
}

/* Proceso: presencia sin líneas */
.ffm4-process-item strong {
  width:68px!important;
  height:68px!important;
  font-size:21px!important;
  border-width:2.5px!important;
  box-shadow:0 8px 20px rgba(0,87,217,.09)!important;
}

.ffm4-process-item h3 {
  font-size:22px!important;
  font-weight:800!important;
}

.ffm4-process-item p {
  font-size:16px!important;
  line-height:1.5!important;
}

/* Footer: refuerzo visual y texto correcto */
.ffm4-footer h2 {
  font-size:28px!important;
  line-height:1.12!important;
  font-weight:850!important;
}

.ffm4-footer p,
.ffm4-footer a {
  font-size:16px!important;
  line-height:1.6!important;
}

/* Responsive */
@media (max-width:1180px) {
  .ffm4-header .ffm4-container {
    width:min(100% - 36px, 1280px)!important;
  }

  .ffm4-header-inner {
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:16px!important;
    padding:16px 0!important;
  }

  .ffm4-brand {
    justify-self:center!important;
    text-align:center!important;
    font-size:22px!important;
  }

  .ffm4-nav {
    justify-self:center!important;
    flex-wrap:wrap!important;
    gap:16px 20px!important;
  }

  .ffm4-actions {
    justify-self:center!important;
  }
}

@media (max-width:820px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
    gap:16px!important;
  }

  .ffm4-trustbar-grid div {
    text-align:center!important;
  }
}

@media (max-width:520px) {
  .ffm4-brand {
    font-size:20px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:14px!important;
  }

  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
  }

  .ffm4-section {
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
}



/* ============================
   V9.5 - CORRECCIÓN FINAL PDF
   ============================ */

/* Header simétrico real: marca izquierda / menú centro / teléfono derecha */
.ffm4-header .ffm4-container {
  width:min(1320px, calc(100% - 56px))!important;
}

.ffm4-header-inner {
  display:grid!important;
  grid-template-columns:310px 1fr 190px!important;
  align-items:center!important;
  min-height:82px!important;
  gap:36px!important;
}

.ffm4-brand {
  grid-column:1!important;
  justify-self:start!important;
  text-align:left!important;
  min-width:0!important;
  width:auto!important;
  font-size:24px!important;
  line-height:1!important;
  font-weight:900!important;
  white-space:nowrap!important;
  letter-spacing:.005em!important;
}

.ffm4-nav {
  grid-column:2!important;
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:34px!important;
  flex:none!important;
  width:auto!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:16.5px!important;
  line-height:1!important;
  font-weight:750!important;
}

.ffm4-actions {
  grid-column:3!important;
  justify-self:end!important;
  min-width:0!important;
  margin-left:0!important;
  display:flex!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  min-width:170px!important;
  padding:14px 22px!important;
  border-radius:11px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Barra bajo hero: texto centrado, sin módulos, sin cajas, sin líneas */
.ffm4-trustbar {
  background:#fff!important;
  padding:18px 0 16px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.ffm4-trustbar-grid {
  max-width:1040px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:28px!important;
}

.ffm4-trustbar-grid > div,
.ffm4-trustbar-grid > div:last-child {
  background:transparent!important;
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  text-align:center!important;
}

.ffm4-trustbar strong {
  display:block!important;
  color:#0057D9!important;
  font-size:15.5px!important;
  line-height:1.15!important;
  font-weight:900!important;
  margin:0 0 4px!important;
}

.ffm4-trustbar span {
  display:block!important;
  color:#374151!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:550!important;
}

/* Eliminar separadores/líneas entre módulos */
.ffm4-section,
.ffm4-process,
.ffm4-form-section,
.ffm4-trust,
.ffm4-footer-legal,
.ffm4-trustbar {
  border-top:0!important;
  border-bottom:0!important;
}

.ffm4-process-grid:before {
  display:none!important;
}

/* Compactar espacios verticales marcados en el PDF */
.ffm4-section {
  padding-top:42px!important;
  padding-bottom:42px!important;
}

.ffm4-services {
  padding-top:40px!important;
  padding-bottom:34px!important;
}

.ffm4-why {
  padding-top:34px!important;
  padding-bottom:36px!important;
}

.ffm4-process {
  padding-top:40px!important;
  padding-bottom:40px!important;
}

.ffm4-form-section {
  padding-top:42px!important;
  padding-bottom:48px!important;
}

.ffm4-trust {
  padding-top:44px!important;
  padding-bottom:44px!important;
}

.ffm4-final-cta {
  padding-top:62px!important;
  padding-bottom:64px!important;
}

.ffm4-section-head {
  margin-bottom:28px!important;
}

/* Proceso con presencia pero sin línea */
.ffm4-process-item strong {
  width:66px!important;
  height:66px!important;
  font-size:20px!important;
  border-width:2.5px!important;
  box-shadow:0 8px 20px rgba(0,87,217,.08)!important;
}

.ffm4-process-item h3 {
  font-size:21px!important;
  font-weight:800!important;
}

.ffm4-process-item p {
  font-size:16px!important;
  line-height:1.5!important;
}

/* Responsive */
@media (max-width:1180px) {
  .ffm4-header-inner {
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:16px!important;
    padding:16px 0!important;
  }

  .ffm4-brand,
  .ffm4-nav,
  .ffm4-actions {
    grid-column:1!important;
    justify-self:center!important;
  }

  .ffm4-brand {
    text-align:center!important;
    font-size:22px!important;
  }

  .ffm4-nav {
    flex-wrap:wrap!important;
    gap:16px 22px!important;
  }
}

@media (max-width:820px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
    gap:16px 22px!important;
  }

  .ffm4-section {
    padding-top:38px!important;
    padding-bottom:38px!important;
  }
}

@media (max-width:520px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
  }

  .ffm4-brand {
    font-size:20px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:14px!important;
  }

  .ffm4-section {
    padding-top:32px!important;
    padding-bottom:32px!important;
  }
}



/* ============================
   V9.6 - AUMENTO HEADER + BARRA HERO
   ============================ */

/* HEADER: marca más grande, menú más grande y separado */
.ffm4-header .ffm4-container {
  width:min(1440px, calc(100% - 64px))!important;
}

.ffm4-header-inner {
  display:grid!important;
  grid-template-columns:430px 1fr 200px!important;
  align-items:center!important;
  min-height:92px!important;
  gap:46px!important;
}

.ffm4-brand {
  grid-column:1!important;
  justify-self:start!important;
  text-align:left!important;
  min-width:0!important;
  width:auto!important;
  font-size:32px!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  letter-spacing:-0.015em!important;
}

.ffm4-nav {
  grid-column:2!important;
  justify-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:46px!important;
  flex:none!important;
  width:auto!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-0.01em!important;
}

.ffm4-actions {
  grid-column:3!important;
  justify-self:end!important;
  margin-left:0!important;
  min-width:0!important;
  display:flex!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  min-width:190px!important;
  padding:17px 26px!important;
  border-radius:12px!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:950!important;
}

/* BARRA BAJO HERO: mucho más legible, centrada y sin líneas */
.ffm4-trustbar {
  background:#fff!important;
  padding:32px 0 30px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.ffm4-trustbar-grid {
  max-width:1220px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:42px!important;
}

.ffm4-trustbar-grid > div,
.ffm4-trustbar-grid > div:last-child {
  background:transparent!important;
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  text-align:center!important;
}

.ffm4-trustbar strong {
  display:block!important;
  color:#0057D9!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  margin:0 0 8px!important;
}

.ffm4-trustbar span {
  display:block!important;
  color:#374151!important;
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:600!important;
}

/* Ajuste del bloque siguiente para que no se pegue ni quede hueco excesivo */
.ffm4-services {
  padding-top:34px!important;
}

/* Mantener compacto el resto */
.ffm4-section {
  padding-top:40px!important;
  padding-bottom:40px!important;
}

.ffm4-why {
  padding-top:34px!important;
  padding-bottom:36px!important;
}

.ffm4-process {
  padding-top:40px!important;
  padding-bottom:40px!important;
}

.ffm4-form-section {
  padding-top:42px!important;
  padding-bottom:48px!important;
}

/* Responsive: que no reviente en tablets/móvil */
@media (max-width:1320px) {
  .ffm4-header-inner {
    grid-template-columns:360px 1fr 190px!important;
    gap:30px!important;
  }

  .ffm4-brand {
    font-size:27px!important;
  }

  .ffm4-nav {
    gap:28px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:17px!important;
  }

  .ffm4-top-btn {
    min-width:170px!important;
    font-size:16px!important;
    padding:14px 22px!important;
  }
}

@media (max-width:1180px) {
  .ffm4-header-inner {
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:18px!important;
    padding:18px 0!important;
  }

  .ffm4-brand,
  .ffm4-nav,
  .ffm4-actions {
    grid-column:1!important;
    justify-self:center!important;
  }

  .ffm4-brand {
    text-align:center!important;
    font-size:28px!important;
  }

  .ffm4-nav {
    flex-wrap:wrap!important;
    gap:18px 28px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:17px!important;
  }
}

@media (max-width:820px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
    gap:24px 26px!important;
  }

  .ffm4-trustbar strong {
    font-size:19px!important;
  }

  .ffm4-trustbar span {
    font-size:15.5px!important;
  }
}

@media (max-width:520px) {
  .ffm4-brand {
    font-size:22px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:15px!important;
  }

  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
}



/* ============================
   V9.7 FINAL HOME
   ============================ */

/* Header: marca elegante, menú legible y teléfono equilibrado */
.ffm4-header .ffm4-container {
  width:min(1320px, calc(100% - 56px))!important;
}

.ffm4-header-inner {
  display:grid!important;
  grid-template-columns:360px 1fr 180px!important;
  align-items:center!important;
  min-height:78px!important;
  gap:34px!important;
}

.ffm4-brand {
  grid-column:1!important;
  justify-self:start!important;
  text-align:left!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:-0.01em!important;
  white-space:nowrap!important;
}

.ffm4-nav {
  grid-column:2!important;
  justify-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:30px!important;
  width:auto!important;
  flex:none!important;
}

.ffm4-nav a,
.ffm4-dropbtn {
  font-size:16px!important;
  line-height:1!important;
  font-weight:750!important;
}

.ffm4-actions {
  grid-column:3!important;
  justify-self:end!important;
  min-width:0!important;
  margin-left:0!important;
  display:flex!important;
  justify-content:flex-end!important;
}

.ffm4-top-btn {
  min-width:172px!important;
  padding:14px 22px!important;
  border-radius:11px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* Barra bajo Hero: más útil, centrada y sin cajas ni líneas */
.ffm4-trustbar {
  background:#fff!important;
  padding:22px 0!important;
  border:0!important;
  box-shadow:none!important;
}

.ffm4-trustbar-grid {
  max-width:1160px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:36px!important;
}

.ffm4-trustbar-grid > div,
.ffm4-trustbar-grid > div:last-child {
  background:transparent!important;
  border:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 4px!important;
  text-align:center!important;
}

.ffm4-trustbar strong {
  display:block!important;
  color:#0057D9!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  margin:0 0 6px!important;
}

.ffm4-trustbar span {
  display:block!important;
  color:#374151!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:600!important;
}

/* Ensanchar un poco composición sin cambiar estructura */
.ffm4-services .ffm4-container,
.ffm4-why .ffm4-container,
.ffm4-process .ffm4-container,
.ffm4-form-section .ffm4-container {
  max-width:1120px!important;
}

/* Eliminar el bloque gris aunque quedase cacheado */
.ffm4-trust {
  display:none!important;
}

/* Compactar ritmo después de eliminar bloque gris */
.ffm4-section {
  padding-top:40px!important;
  padding-bottom:40px!important;
}

.ffm4-services {
  padding-top:36px!important;
  padding-bottom:32px!important;
}

.ffm4-why {
  padding-top:32px!important;
  padding-bottom:34px!important;
}

.ffm4-process {
  padding-top:38px!important;
  padding-bottom:38px!important;
  border:0!important;
}

.ffm4-form-section {
  padding-top:40px!important;
  padding-bottom:46px!important;
  border:0!important;
}

.ffm4-section-head {
  margin-bottom:28px!important;
}

.ffm4-process-grid:before {
  display:none!important;
}

/* Formulario: que no parta “Cuéntanos qué necesitas” tan pronto */
.ffm4-form-box {
  grid-template-columns:0.95fr 1.05fr!important;
  gap:48px!important;
  padding:46px!important;
}

.ffm4-form-copy h2 {
  font-size:34px!important;
  line-height:1.12!important;
  max-width:390px!important;
}

.ffm4-form-copy p {
  font-size:16.5px!important;
  line-height:1.55!important;
  max-width:390px!important;
}

.ffm4-form {
  padding:30px!important;
}

/* CTA final sube justo después del formulario con buen aire */
.ffm4-final-cta {
  padding-top:64px!important;
  padding-bottom:66px!important;
}

/* Responsive */
@media (max-width:1180px) {
  .ffm4-header-inner {
    grid-template-columns:1fr!important;
    justify-items:center!important;
    gap:16px!important;
    padding:16px 0!important;
  }

  .ffm4-brand,
  .ffm4-nav,
  .ffm4-actions {
    grid-column:1!important;
    justify-self:center!important;
  }

  .ffm4-brand {
    text-align:center!important;
    font-size:24px!important;
  }

  .ffm4-nav {
    flex-wrap:wrap!important;
    gap:16px 22px!important;
  }

  .ffm4-form-box {
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .ffm4-form-copy h2,
  .ffm4-form-copy p {
    max-width:none!important;
  }
}

@media (max-width:820px) {
  .ffm4-trustbar-grid {
    grid-template-columns:1fr 1fr!important;
    gap:20px 26px!important;
  }

  .ffm4-trustbar strong {
    font-size:17px!important;
  }

  .ffm4-trustbar span {
    font-size:14.5px!important;
  }
}

@media (max-width:520px) {
  .ffm4-brand {
    font-size:20px!important;
  }

  .ffm4-nav a,
  .ffm4-dropbtn {
    font-size:14px!important;
  }

  .ffm4-trustbar-grid {
    grid-template-columns:1fr!important;
  }

  .ffm4-form-box {
    padding:28px!important;
  }

  .ffm4-form-copy h2 {
    font-size:30px!important;
  }
}


/* V9.8.1 — ÚNICO BLOQUE VISUAL MODIFICADO: tarjetas de servicios ampliados */
.ffm4-expanded-services{background:#fff;padding-top:70px!important;padding-bottom:74px!important}
.ffm4-expanded-services .ffm4-section-head{max-width:820px;margin-left:auto;margin-right:auto;text-align:center}
.ffm4-kicker{display:block;margin-bottom:10px;color:#0f6cbd;font-size:12px;font-weight:800;letter-spacing:.18em}
.ffm4-expanded-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:34px;align-items:stretch}
.ffm4-expanded-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e1e9f1;border-radius:14px;box-shadow:0 10px 28px rgba(17,48,79,.08);min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.ffm4-expanded-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,48,79,.13)}
.ffm4-expanded-photo{height:132px;background-size:cover;background-position:center}
.ffm4-expanded-photo-local{background-image:url('hero-fontanero.png');background-position:center 24%}
.ffm4-expanded-body{position:relative;padding:25px 17px 17px;min-height:178px}
.ffm4-expanded-icon{position:absolute;left:16px;top:-24px;display:flex;width:48px;height:48px;align-items:center;justify-content:center;border:4px solid #fff;border-radius:50%;background:#eaf5ff;color:#0f6cbd;font-size:20px;font-weight:900;box-shadow:0 4px 12px rgba(17,48,79,.09)}
.ffm4-expanded-card h3{margin:7px 0 9px;color:#17304f;font-size:18px;line-height:1.22;font-weight:800}
.ffm4-expanded-card p{margin:0 0 13px;color:#516477;font-size:14px;line-height:1.48}
.ffm4-expanded-arrow{display:block;color:#0f6cbd;font-size:24px;font-weight:800;line-height:1}
@media(max-width:1100px){.ffm4-expanded-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.ffm4-expanded-grid{grid-template-columns:1fr 1fr}.ffm4-expanded-photo{height:145px}}
@media(max-width:520px){.ffm4-expanded-grid{grid-template-columns:1fr}.ffm4-expanded-photo{height:180px}.ffm4-expanded-body{min-height:0}}

/* V9.8.3 — SOLO correcciones de las cinco tarjetas nuevas */
.ffm4-expanded-photo-boiler{
  background-image:url('hero-fontanero.png')!important;
  background-position:18% 38%!important;
}
.ffm4-expanded-card h3{
  margin:7px 0 9px!important;
  color:#17304f!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.22!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.ffm4-expanded-card p{
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1.48!important;
  font-weight:400!important;
}
\n\n/* V9.8.4 — SOLO ajustes solicitados en Home: trustbar, cabecera/tarjetas nuevas y espaciados */
/* Los cuatro mensajes superiores ganan presencia y lectura sin alterar el bloque */
.ffm4-trustbar-grid div{padding:16px 18px!important}
.ffm4-trustbar strong{font-size:16px!important;line-height:1.2!important;font-weight:800!important;margin-bottom:5px!important}
.ffm4-trustbar span{font-size:13px!important;line-height:1.25!important;color:#4b5563!important}

/* El nombre real de la sección pasa a ser el título; la frase comercial queda como apoyo */
.ffm4-expanded-services{padding-top:48px!important;padding-bottom:38px!important}
.ffm4-expanded-services .ffm4-section-head h2{margin-bottom:8px!important}
.ffm4-expanded-lead{margin:0!important;font-size:21px!important;line-height:1.35!important;font-weight:650!important;color:#374151!important}
.ffm4-expanded-grid{margin-top:26px!important}

/* Reducimos exclusivamente los dos huecos señalados */
.ffm4-expanded-services + .ffm4-why{padding-top:34px!important;padding-bottom:38px!important}
.ffm4-expanded-services + .ffm4-why + .ffm4-process{padding-top:38px!important}

/* Encuadre consistente de las cinco fotografías */
.ffm4-expanded-photo{height:132px!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}

@media(max-width:760px){
  .ffm4-expanded-services{padding-top:40px!important;padding-bottom:32px!important}
  .ffm4-expanded-services + .ffm4-why{padding-top:30px!important;padding-bottom:32px!important}
  .ffm4-expanded-services + .ffm4-why + .ffm4-process{padding-top:34px!important}
}

/* v9.9.0: contenido interior Fontanería, Fugas y Blog */
.ffm4-content-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.ffm4-content-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ffm4-content-card,.ffm4-pool-grid article,.ffm4-blog-card{background:#fff;border:1px solid #dbe5f1;border-radius:14px;padding:24px;box-shadow:0 10px 28px rgba(10,42,78,.06)}
.ffm4-content-card h3,.ffm4-pool-grid h3{margin:0 0 10px;color:#092d5b;font-size:20px;line-height:1.2}
.ffm4-content-card p,.ffm4-pool-grid p{margin:0;color:#52677f;line-height:1.65}
.ffm4-tech-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.ffm4-tech-card{overflow:hidden;background:#fff;border:1px solid #dbe5f1;border-radius:14px;box-shadow:0 10px 28px rgba(10,42,78,.06)}
.ffm4-tech-card>div:last-child{padding:22px}.ffm4-tech-card h3{margin:0 0 10px;color:#092d5b;font-size:20px}.ffm4-tech-card p{margin:0;color:#52677f;line-height:1.65}
.ffm4-tech-photo{height:210px;background-size:cover;background-position:center}.ffm4-thermal{background-image:url('hero-camara.jpg');background-position:center}
.ffm4-pool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.ffm4-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.ffm4-blog-card{padding:0}.ffm4-blog-body{padding:24px}.ffm4-blog-tag{display:block;color:#0068df;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.ffm4-blog-card h3{font-size:20px;line-height:1.25;margin:0 0 12px}.ffm4-blog-card h3 a{color:#092d5b;text-decoration:none}.ffm4-blog-card p{color:#52677f;line-height:1.6}.ffm4-blog-link{font-weight:800;color:#0068df;text-decoration:none}
@media(max-width:900px){.ffm4-content-grid,.ffm4-content-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ffm4-tech-grid,.ffm4-pool-grid,.ffm4-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ffm4-content-grid,.ffm4-content-grid-3,.ffm4-tech-grid,.ffm4-pool-grid,.ffm4-blog-grid{grid-template-columns:1fr}.ffm4-tech-photo{height:190px}}


/* V9.9.1 — maquetación editorial SOLO páginas Fontanería, Fugas, Blog + foto gas Home */
.ffm4-editorial .ffm4-section-head{max-width:850px;margin-left:auto;margin-right:auto}
.ffm4-zigzag{display:flex;flex-direction:column;gap:34px;margin-top:36px}
.ffm4-feature-row{display:grid;grid-template-columns:1.02fr .98fr;min-height:340px;background:#fff;border:1px solid #dce6f0;border-radius:18px;overflow:hidden;box-shadow:0 14px 36px rgba(10,42,78,.07)}
.ffm4-feature-reverse .ffm4-feature-media{order:2}.ffm4-feature-reverse .ffm4-feature-copy{order:1}
.ffm4-feature-media{min-height:340px;background-size:cover;background-position:center;background-color:#e8eef5}
.ffm4-feature-copy{padding:46px 48px;display:flex;flex-direction:column;justify-content:center}
.ffm4-feature-copy h2{margin:8px 0 16px;font-size:32px;line-height:1.12;color:#101828}.ffm4-feature-copy p{font-size:16px;line-height:1.72;color:#52677f;margin:0 0 14px}.ffm4-feature-copy ul{margin:4px 0 0;padding-left:20px;color:#34465a;line-height:1.75}
.ffm4-eyebrow{display:block;color:#0068df;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.ffm4-note{font-size:14px!important;padding:12px 14px;background:#f5f8fc;border-left:3px solid #0068df;border-radius:4px}
.ffm4-media-plumber{background-image:url('hero-fontanero.png');background-position:25% 35%}
.ffm4-media-gas{background-image:url('https://cdn.tga-contentbase.de/library/images/1/16/16191/16x9/ml/biegsame-boagaz-rohre-fuer-die-gasinstallation_16191.jpg?t=1627546310')}
.ffm4-media-risers{background-image:url('https://hudsonhvac.ca/images/hudson-riser-replacement-project.webp')}
.ffm4-media-bath{background-image:url('https://trustleads.nl/assets/heerhugowaard-bathroom-B4kiW91T.jpg')}
.ffm4-media-sewerin{background-image:url('https://www.sewerin.com/fileadmin/_processed_/7/3/csm_act_vt460_tg_anzeige_d7d0bbb6a6.jpg');background-size:contain;background-repeat:no-repeat;background-color:#f6f7f9}
.ffm4-media-geophone{background-image:url('https://www.sewerin.com/fileadmin/_processed_/d/6/csm_act-aquaphon-a200-topview_fb7256003f.jpg')}
.ffm4-media-thermal{background-image:url('hero-camara.jpg')}
.ffm4-pool-feature{background:#f6f9fc!important}.ffm4-pool-feature .ffm4-section-head{max-width:880px;margin-left:auto;margin-right:auto}.ffm4-pool-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch;margin-top:30px}.ffm4-pool-photo{min-height:520px;border-radius:18px;background:url('https://www.fluotechnik.com/img/cms/Blog/comment-savoir-si-piscine-fuite/fuite-piscine-detection-colorants.png') center/cover no-repeat;box-shadow:0 14px 36px rgba(10,42,78,.08)}.ffm4-pool-grid{grid-template-columns:1fr 1fr;margin-top:0;align-content:stretch}.ffm4-pool-grid article{display:flex;flex-direction:column;justify-content:center}
.ffm4-blog-section{background:#f7f9fc!important}.ffm4-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ffm4-blog-card{overflow:hidden;padding:0!important;transition:transform .2s ease,box-shadow .2s ease}.ffm4-blog-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(10,42,78,.11)}.ffm4-blog-image{display:block;height:190px;background-size:cover;background-position:center;background-color:#e8eef5}.ffm4-blog-body{padding:24px!important}.ffm4-blog-generic{background-image:url('hero-fontanero.png');background-position:25% 30%}.ffm4-blog-pool{background-image:url('https://www.fluotechnik.com/img/cms/Blog/comment-savoir-si-piscine-a-une-fuite/fuite-piscine-detection-colorants.png'),url('https://www.fluotechnik.com/img/cms/Blog/comment-savoir-si-piscine-fuite/fuite-piscine-detection-colorants.png')}.ffm4-blog-sewerin{background-image:url('https://www.sewerin.com/fileadmin/_processed_/7/3/csm_act_vt460_tg_anzeige_d7d0bbb6a6.jpg');background-size:contain;background-repeat:no-repeat;background-color:#f6f7f9}.ffm4-blog-geophone{background-image:url('https://www.sewerin.com/fileadmin/_processed_/d/6/csm_act-aquaphon-a200-topview_fb7256003f.jpg')}.ffm4-blog-thermal{background-image:url('hero-camara.jpg')}.ffm4-blog-bath{background-image:url('https://trustleads.nl/assets/heerhugowaard-bathroom-B4kiW91T.jpg')}.ffm4-blog-risers{background-image:url('https://hudsonhvac.ca/images/hudson-riser-replacement-project.webp')}
/* Home: solo sustituimos la foto de gas por una instalación amarilla moderna */
.ffm4-expanded-card:nth-child(2) .ffm4-expanded-photo{background-image:url('https://cdn.tga-contentbase.de/library/images/1/16/16191/16x9/ml/biegsame-boagaz-rohre-fuer-die-gasinstallation_16191.jpg?t=1627546310')!important;background-position:center!important}
@media(max-width:900px){.ffm4-feature-row{grid-template-columns:1fr}.ffm4-feature-reverse .ffm4-feature-media,.ffm4-feature-reverse .ffm4-feature-copy{order:initial}.ffm4-feature-media{min-height:280px}.ffm4-feature-copy{padding:34px 30px}.ffm4-pool-layout{grid-template-columns:1fr}.ffm4-pool-photo{min-height:360px}.ffm4-blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ffm4-feature-copy h2{font-size:27px}.ffm4-feature-media{min-height:230px}.ffm4-feature-copy{padding:28px 22px}.ffm4-pool-grid{grid-template-columns:1fr}.ffm4-blog-grid{grid-template-columns:1fr}.ffm4-blog-image{height:210px}}


/* V9.9.2 — artículo individual del blog + robustez de imágenes Sewerin */
.ffm4-media-geophone,.ffm4-blog-geophone{background-image:url('https://www.sewerin.com/fileadmin/_processed_/d/6/csm_act-aquaphon-a200-topview_fb7256003f.jpg')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#eef3f8!important}
.ffm4-media-sewerin,.ffm4-blog-sewerin{background-image:url('https://www.sewerin.com/fileadmin/_processed_/7/3/csm_act_vt460_tg_anzeige_d7d0bbb6a6.jpg')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:#eef3f8!important}
body.ffm4-blog-post-page .comments-area,body.ffm4-blog-post-page #comments,body.ffm4-blog-post-page .post-navigation,body.ffm4-blog-post-page .entry-footer{display:none!important}
.ffm4-post-hero{background:linear-gradient(115deg,#0d2548,#0a58c9);color:#fff;padding:72px 0 68px}
.ffm4-post-hero .ffm4-container{max-width:920px!important}.ffm4-post-back{display:inline-block;color:#d8e8ff!important;font-weight:700;font-size:14px;margin-bottom:30px}.ffm4-post-hero .ffm4-blog-tag{color:#86c1ff;margin-bottom:12px}.ffm4-post-hero h1{font-size:46px;line-height:1.08;letter-spacing:-.035em;margin:0;color:#fff;max-width:900px}
.ffm4-post-main{background:#f6f8fb;padding:54px 0 76px}.ffm4-post-main>.ffm4-container{max-width:920px!important}.ffm4-post-cover{height:390px;border-radius:20px;background-size:cover;background-position:center;background-color:#e7edf4;box-shadow:0 18px 44px rgba(10,42,78,.10);margin-bottom:28px}
.ffm4-post-content{background:#fff;border:1px solid #dfe7f0;border-radius:20px;padding:54px 62px;box-shadow:0 14px 36px rgba(10,42,78,.06)}.ffm4-post-content h2{font-size:30px;line-height:1.2;color:#102a4c;margin:42px 0 14px}.ffm4-post-content h2:first-child{margin-top:0}.ffm4-post-content h3{font-size:23px;color:#102a4c;margin:32px 0 12px}.ffm4-post-content p,.ffm4-post-content li{font-size:17px;line-height:1.78;color:#43566d}.ffm4-post-content p{margin:0 0 20px}.ffm4-post-content ul,.ffm4-post-content ol{padding-left:24px;margin:0 0 24px}.ffm4-post-content strong{color:#1d334e}
.ffm4-post-cta{margin-top:28px;background:#0a58c9;color:#fff;border-radius:20px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:34px}.ffm4-post-cta .ffm4-eyebrow{color:#a9d3ff}.ffm4-post-cta h2{font-size:28px;margin:5px 0 8px;color:#fff}.ffm4-post-cta p{margin:0;max-width:600px;color:#e6f0ff;line-height:1.6}.ffm4-post-cta .ffm4-actions{flex:0 0 auto}
@media(max-width:820px){.ffm4-post-hero{padding:52px 0}.ffm4-post-hero h1{font-size:36px}.ffm4-post-main{padding:34px 0 54px}.ffm4-post-cover{height:280px}.ffm4-post-content{padding:38px 32px}.ffm4-post-cta{align-items:flex-start;flex-direction:column}.ffm4-post-content h2{font-size:27px}}
@media(max-width:520px){.ffm4-post-hero h1{font-size:31px}.ffm4-post-cover{height:220px;border-radius:15px}.ffm4-post-content{padding:30px 22px;border-radius:15px}.ffm4-post-content p,.ffm4-post-content li{font-size:16px}.ffm4-post-cta{padding:28px 24px}}

/* v9.9.4 — pulido visual de artículos y detección de fugas */
.ffm4-pool-grid{gap:16px!important}
.ffm4-pool-grid .ffm4-pool-card{position:relative!important;display:block!important;min-height:0!important;padding:22px 20px 20px 20px!important;border:1px solid #d7e3f1!important;border-top:4px solid var(--ffm4-blue)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 24px rgba(10,42,78,.07)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.ffm4-pool-grid .ffm4-pool-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 30px rgba(10,42,78,.11)!important}
.ffm4-pool-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#eaf3ff!important;color:#0561df!important;font-weight:800!important;font-size:14px!important;margin:0 0 12px!important}
.ffm4-pool-grid .ffm4-pool-card h3{font-size:19px!important;line-height:1.18!important;margin:0 0 9px!important;color:#092d5b!important;font-weight:800!important}
.ffm4-pool-grid .ffm4-pool-card p{font-size:15px!important;line-height:1.55!important;color:#52677f!important;margin:0!important}
.ffm4-pool-layout{align-items:center!important}
.ffm4-pool-photo{min-height:470px!important}

/* Si el servidor remoto de Sewerin no entrega la fotografía, el bloque no queda como un rectángulo gris vacío. */
.ffm4-media-geophone{position:relative!important;background-color:#edf4fb!important;background-position:center!important;background-size:cover!important;overflow:hidden!important}
.ffm4-media-geophone:after{content:'SEWERIN  ·  AQUAPHON A 200';position:absolute;left:22px;bottom:20px;background:rgba(8,40,77,.88);color:#fff;padding:10px 14px;border-radius:9px;font-size:12px;font-weight:800;letter-spacing:.06em}

/* Artículos: lectura editorial, no bloque de texto del tema */
.ffm4-post-content{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;gap:18px!important}
.ffm4-post-content>h2,.ffm4-post-content>h3,.ffm4-post-content>p,.ffm4-post-content>ul,.ffm4-post-content>ol{background:#fff!important;border-left:4px solid transparent!important;margin:0!important;padding-left:44px!important;padding-right:44px!important}
.ffm4-post-content>h2{padding-top:34px!important;padding-bottom:8px!important;border-left-color:#0561df!important;border-radius:16px 16px 0 0!important;font-size:28px!important}
.ffm4-post-content>h2+ p{margin-top:-18px!important;padding-top:8px!important;padding-bottom:34px!important;border-left-color:#0561df!important;border-radius:0 0 16px 16px!important;box-shadow:0 12px 28px rgba(10,42,78,.055)!important}
.ffm4-post-content>h3{padding-top:28px!important;padding-bottom:8px!important;border-left-color:#25b964!important;border-radius:16px 16px 0 0!important}
.ffm4-post-content>h3+ p{margin-top:-18px!important;padding-top:8px!important;padding-bottom:30px!important;border-left-color:#25b964!important;border-radius:0 0 16px 16px!important;box-shadow:0 12px 28px rgba(10,42,78,.055)!important}
.ffm4-post-content>p:not(h2 + p):not(h3 + p),.ffm4-post-content>ul,.ffm4-post-content>ol{padding-top:24px!important;padding-bottom:24px!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(10,42,78,.045)!important}
.ffm4-post-content p,.ffm4-post-content li{font-size:17px!important;line-height:1.75!important}
.ffm4-post-cover{border:1px solid #dce6f0!important}
@media(max-width:620px){.ffm4-post-content>h2,.ffm4-post-content>h3,.ffm4-post-content>p,.ffm4-post-content>ul,.ffm4-post-content>ol{padding-left:24px!important;padding-right:24px!important}.ffm4-pool-photo{min-height:310px!important}}

/* v9.9.7: tarjetas Home enlazadas y páginas de detalle */
a.ffm4-expanded-card{display:block!important;color:inherit!important;text-decoration:none!important;cursor:pointer!important}
a.ffm4-expanded-card:hover{transform:translateY(-4px)!important;box-shadow:0 16px 34px rgba(15,42,75,.13)!important}
a.ffm4-expanded-card:focus-visible{outline:3px solid rgba(0,87,217,.35)!important;outline-offset:3px!important}
.ffm4-media-boiler{background-image:url(https://www.boileriabi.ee/static/images/generated/hero-paigaldus.webp)!important}
.ffm4-media-reforms{background-image:url(https://trustleads.nl/assets/heerhugowaard-bathroom-B4kiW91T.jpg)!important}
.ffm4-service-detail .ffm4-feature-row{margin-top:0!important}

/* v9.9.8: ajustes puntuales aprobados */
.ffm4-pool-feature .ffm4-section-head h2{font-size:clamp(30px,3.1vw,44px)!important;line-height:1.08!important;max-width:900px;margin-left:auto!important;margin-right:auto!important}
.ffm4-pool-feature .ffm4-section-head .ffm4-eyebrow{display:block;margin-bottom:8px!important}
.ffm4-post-cta{margin-bottom:42px!important}
@media(max-width:820px){.ffm4-pool-feature .ffm4-section-head h2{font-size:34px!important}.ffm4-post-cta{margin-bottom:32px!important}}
@media(max-width:520px){.ffm4-pool-feature .ffm4-section-head h2{font-size:29px!important}.ffm4-post-cta{margin-bottom:26px!important}}
