/* =========================================
   El Bres — Variables globales
   ========================================= */
:root{
  --eb-ink:#1a1d1a;
  --eb-ink-soft:#3a3f3a;
  --eb-muted:#6b716b;
  --eb-line:#e8e8e4;
  --eb-paper:#ffffff;
  --eb-wash:#faf9f6;
  --eb-green:#5a7a3a;
  --eb-green-dark:#3f5828;
  --eb-green-wash:#eef2e6;
  --eb-red:#c94a3a;
  --eb-red-dark:#9c3528;
  --eb-red-wash:#fcece8;
  --eb-cream:#f6efe2;
  --eb-accent:#5cc096;       /* verde brillante para destacar palabras en titulares */
  --eb-accent-dark:#3fa377;  /* hover/foco accent */
  --eb-wa:#25d366;           /* verde WhatsApp: el mismo en botones, banner NAP y botón flotante del plugin */
  --eb-wa-hover:#128c7e;
}

/* =========================================
   Acento global para palabras en titulares
   ========================================= */
.elbres-accent{
  color:var(--eb-accent);
  font-weight:inherit;
}
/* Sobre h1 hero: la "mark" decorativa pasa de roja a verde acento */
.elbres-hero-title .elbres-mark::after{
  background:var(--eb-accent) !important;
}

/* =========================================
   Sin palabras sueltas (todo el sitio)
   Lledó (16/10/2026) quiere cada frase completa en su línea. Es un criterio de
   todo el sitio, así que va aquí y no bloque a bloque; además, ningún bloque
   tiene ajuste para text-wrap.
   - Titulares: balance reparte las líneas por igual («¿Dudas? / Te las
     resolvemos» y no «… Te las / resolvemos»).
   - Párrafos: pretty evita que la última línea sea una sola palabra.
   Si el navegador no lo soporta, corta como siempre.
   ========================================= */
:is(h1,h2,h3,h4,h5,h6){ text-wrap:balance; }
:is(p,li,blockquote){ text-wrap:pretty; }

/* =========================================
   Hero
   ========================================= */
.elbres-hero.kb-row-layout-wrap{
  min-height:clamp(480px,72vh,680px);
  border-radius:22px;
  overflow:hidden;
  position:relative;
}
.elbres-hero .kt-inside-inner-col{
  padding:44px;
  color:#fff;
}
/* El oscurecido de la foto para leer el texto blanco es ajuste nativo del bloque
   (fila 108_015473-3d › Superposición › Degradado). Antes iba aquí en ::before/::after;
   retirado el 15/10/2026 porque oscurecía la parte baja y el texto está arriba. */

.elbres-chip{
  display:inline-flex; align-items:center; gap:10px;
  /* Sin align-self: sigue la alineación de la columna del hero (ajuste nativo de
     108_a43f32-c1, centrada desde el 16/10/2026). Antes era flex-start, a la izquierda. */
  width:auto; max-width:100%;
  padding:8px 16px; border-radius:999px;
  background:rgba(26,29,26,.55);  /* dark glass: contraste sólido AA con texto blanco */
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 4px 14px -6px rgba(0,0,0,.35);
  font-size:13px; font-weight:700; letter-spacing:.01em; color:#fff;
  margin:0 0 28px;                /* más respiro hacia el título */
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.elbres-chip::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:var(--eb-red);
  box-shadow:0 0 0 4px rgba(201,74,58,.25);
}

/* CSS justificado: el campo de tamaño del bloque no admite clamp().
   Desde el 16/10/2026 (Lledó pidió cada frase completa en su línea):
   - sin max-width, para que «Un lugar donde crecer jugando.» quepa en una línea en
     ordenador y tablet (el centrado es ajuste nativo de la columna 108_a43f32-c1);
   - mínimo 34px (antes 44px): en móvil queda en dos líneas, «Un lugar donde / crecer
     jugando.», y no en tres con «jugando.» suelta. En anchos intermedios reparte las
     líneas la regla global «Sin palabras sueltas». */
.elbres-hero-title{
  color:#fff !important;
  font-size:clamp(34px,5.4vw,76px) !important;
  line-height:1.02 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  margin:0 0 14px !important;
}
.elbres-hero-title .elbres-mark{
  color:#fff; background:transparent;
  position:relative; white-space:nowrap;
}
.elbres-hero-title .elbres-mark::after{
  content:""; position:absolute;
  left:-4%; right:-4%; bottom:.08em; height:.22em;
  background:var(--eb-red); border-radius:4px;
  z-index:-1; opacity:.95;
}

.elbres-hero-sub{
  font-size:17px; color:rgba(255,255,255,.92);
  max-width:520px; margin:0 0 28px;
}

/* Botones hero */
.elbres-btn-primary .kb-button{
  background:#fff !important; color:var(--eb-ink) !important;
  padding:12px 22px !important; border-radius:999px !important;
  font-weight:700 !important; font-size:15px !important;
  border:1.5px solid transparent !important;
  transition:all .25s cubic-bezier(.2,.7,.2,1) !important;
}
.elbres-btn-primary .kb-button:hover{
  background:var(--eb-green) !important; color:#fff !important;
  transform:translateY(-2px);
}
.elbres-btn-outline .kb-button{
  background:transparent !important; color:#fff !important;
  padding:12px 22px !important; border-radius:999px !important;
  font-weight:700 !important; font-size:15px !important;
  border:1.5px solid rgba(255,255,255,.7) !important;
  transition:all .25s cubic-bezier(.2,.7,.2,1) !important;
}
.elbres-btn-outline .kb-button:hover{
  background:#fff !important; color:var(--eb-ink) !important;
  transform:translateY(-2px);
}

@media (max-width:980px){
  .elbres-hero .kt-inside-inner-col{ padding:24px; }
}
/* ====================================================
   Sobre El Bres — textos (fuera de las cajas)
   ==================================================== */
.elbres-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:12px; font-weight:800; letter-spacing:.18em;
  text-transform:uppercase; color:var(--eb-green);
  margin:0 0 18px;
}
.elbres-eyebrow::before{
  content:""; width:24px; height:2px;
  background:var(--eb-green); border-radius:2px;
}

.elbres-h2{
  font-size:clamp(32px, 3.4vw, 48px) !important;
  line-height:1.08 !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  color:var(--eb-ink) !important;
  margin:0 0 20px !important;
}
.elbres-accent-red{ color:var(--eb-red); }

.elbres-lead{
  font-size:clamp(16px, 1.3vw, 18px);
  color:var(--eb-ink-soft);
  line-height:1.55;
  max-width:520px;
  margin:0 0 32px;
}

/* ====================================================
   Sobre — columna imagen vertical, centrada vertical con el texto
   ==================================================== */
.elbres-sobre .kt-row-column-wrap{
  align-items:center !important;
}
.kadence-column-sobre_col_2{
  align-self:center;
}
.kadence-column-sobre_col_2 figure{
  margin:0 !important;
  border-radius:18px;
  overflow:hidden;
  aspect-ratio:3 / 4;
  max-width:420px;
  margin-left:auto !important;
}
.kadence-column-sobre_col_2 figure img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center;
  display:block;
}

/* ====================================================
   Sobre El Bres — equilibrar grid de cajas
   ==================================================== */
.elbres-values-row .kt-row-column-wrap{
  align-items:stretch;
}
.elbres-values-row .kt-inside-inner-col{
  display:flex;
  flex-direction:column;
  gap:14px;
  height:100%;
}
.elbres-value.wp-block-kadence-infobox{
  height:100%;
  display:flex;
}
.elbres-value .kt-blocks-info-box-link-wrap{
  flex:1;
  width:100%;
}
/* ====================================================
   Servicios — textos cabecera
   ==================================================== */
.elbres-eyebrow-red{
  color:var(--eb-red) !important;
}
.elbres-eyebrow-red::before{
  background:var(--eb-red) !important;
}

.elbres-servicios-meta{
  font-size:clamp(16px, 1.3vw, 18px);
  color:var(--eb-ink-soft);
  line-height:1.55;
  max-width:560px;
  margin:0 0 48px;
}

/* ====================================================
   Tarjeta destacada (Inglés)
   ==================================================== */
.elbres-feature-col .kt-inside-inner-col{
  background:var(--eb-green-wash);
  border-radius:22px;
  padding:36px;
  position:relative;
}

.elbres-feature-badge{
  display:inline-block;
  background:var(--eb-red);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
  margin:0 0 18px !important;
}

.elbres-feature-title{
  font-size:30px !important;
  font-weight:800 !important;
  letter-spacing:-.02em !important;
  line-height:1.15 !important;
  color:var(--eb-ink) !important;
  margin:0 0 10px !important;
}

.elbres-feature-text{
  color:var(--eb-ink-soft);
  line-height:1.55;
  max-width:420px;
  margin:0 0 22px !important;
}

.elbres-feature-img{
  margin:0 0 18px !important;
  border-radius:14px;
  overflow:hidden;
}
.elbres-feature-img img{
  border-radius:14px;
  display:block;
  width:100%;
  height:auto;
}

.elbres-feature-more{
  margin:0 !important;
}
.elbres-feature-more a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  font-size:14px;
  color:var(--eb-green) !important;
  text-decoration:none;
  transition:transform .25s ease;
}
.elbres-feature-more a:hover{
  transform:translateX(4px);
}

/* ====================================================
   Responsive
   ==================================================== */
@media (max-width:1024px){
  .elbres-feature-col .kt-inside-inner-col{ padding:28px; }
  .elbres-feature-title{ font-size:26px !important; }
}

@media (max-width:768px){
  .elbres-feature-col .kt-inside-inner-col{ padding:24px; }
  .elbres-feature-title{ font-size:22px !important; }
  .elbres-servicios-meta{ margin-bottom:32px; }
}
/* ====================================================
   Ventajas
   ==================================================== */

/* La columna ventajas_col_main ya trae fondo verde + borderRadius desde el bloque.
   Aquí solo aireamos el padding interno y damos algo de respiro vertical. */
.kadence-column-ventajas_col_main > .kt-inside-inner-col{
  padding-top:56px !important;
  padding-bottom:56px !important;
}

/* Eyebrow variante clara */
.elbres-eyebrow-light{ color:rgba(255,255,255,.85); }
.elbres-eyebrow-light::before{ background:rgba(255,255,255,.7); }

/* H2 blanco */
.elbres-h2-light .kt-adv-heading-title,
.elbres-h2-light{
  color:#ffffff!important;
  max-width:640px;
  margin-bottom:36px !important;
}

/* Grid de 4 columnas con separadores verticales sutiles */
.elbres-ventajas-grid > .kt-row-column-wrap{
  align-items:stretch;
}
.elbres-ventajas-grid .wp-block-kadence-column + .wp-block-kadence-column > .kt-inside-inner-col{
  border-left:1px solid rgba(255,255,255,.15);
  padding-left:24px;
}
.elbres-ventajas-grid .wp-block-kadence-column > .kt-inside-inner-col{
  padding-right:24px;
  padding-top:8px;
  padding-bottom:8px;
}

/* Número grande */
.elbres-ventaja-num{
  font-size:44px;
  font-weight:300;
  line-height:1;
  letter-spacing:-.04em;
  color:rgba(255,255,255,.5);
  margin:0 0 18px;
}

/* Título de cada ventaja */
.elbres-ventaja-title{
  color:#ffffff;
  font-size:18px;
  font-weight:800;
  line-height:1.3;
  margin:0 0 10px;
}

/* Texto descriptivo */
.elbres-ventaja-text{
  color:rgba(255,255,255,.8);
  font-size:14px;
  line-height:1.6;
  margin:0;
}

/* Responsive */
@media (max-width:1024px){
  .elbres-ventajas-grid .wp-block-kadence-column + .wp-block-kadence-column > .kt-inside-inner-col{
    border-left:0;
    padding-left:0;
  }
  .elbres-ventajas-grid .wp-block-kadence-column > .kt-inside-inner-col{
    padding-right:0;
  }
}
@media (max-width:768px){
  .elbres-ventaja-num{ font-size:36px; margin-bottom:12px; }
  .elbres-ventaja-title{ font-size:17px; }
}

/* ====================================================
   Testimonios
   ==================================================== */

/* Cada tarjeta */
.elbres-test-card > .kt-inside-inner-col{
  background:#ffffff;
  border:1px solid var(--eb-line, #e8e8e4);
  border-radius:18px;
  padding:28px;
  height:100%;
  display:flex;
  flex-direction:column;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.elbres-test-card > .kt-inside-inner-col:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 32px -14px rgba(26,29,26,.18);
  border-color:transparent;
}

/* Comilla decorativa */
.elbres-test-mark{
  font-family:Georgia, serif;
  font-size:60px;
  line-height:.8;
  color:var(--eb-red);
  margin:0 0 4px;
}

/* Texto del testimonio */
.elbres-test-text{
  color:var(--eb-ink-soft);
  font-size:15px;
  line-height:1.6;
  margin:0 0 20px;
  flex:1;
}

/* Nombre */
.elbres-test-name{
  color:var(--eb-ink);
  font-size:15px;
  font-weight:700;
  margin:0 0 2px;
}

/* Rol */
.elbres-test-role{
  color:var(--eb-muted);
  font-size:13px;
  margin:0;
}

/* Igualar alturas del grid */
.elbres-test-grid .kt-row-column-wrap{
  align-items:stretch;
}

/* Responsive */
@media (max-width:768px){
  .elbres-test-card > .kt-inside-inner-col{ padding:22px; }
  .elbres-test-mark{ font-size:48px; }
  .elbres-test-text{ font-size:14px; }
}
/* ====================================================
   Contacto
   ==================================================== */

/* Separación entre columnas y entre bloques de la columna de datos: ajustes nativos
   de la fila 108_45da10-94 y de la columna 108_403afc-ae (antes estaban aquí). */

/* Mapa: desde el 07/10/2026 es una imagen estática enlazada (kadence/image
   108_contacto-mapa) con el radio de 18px en el propio bloque. Ya no hace
   falta CSS (antes: .elbres-map, para el iframe de Google Maps). */

/* Responsive */
@media (max-width:768px){
  .elbres-ct-item .kt-blocks-info-box-link-wrap{ padding:12px 14px !important; }
}

/* ====================================================
   Scrollspy — estado activo en menús
   ==================================================== */
.menu-item > a.is-active,
.menu-item-link.is-active,
.elbres-nav-active{
  color:var(--eb-green) !important;
  position:relative;
}
.menu-item > a.is-active::after,
.menu-item-link.is-active::after{
  content:"";
  position:absolute;
  left:8px; right:8px; bottom:-6px;
  height:2px; border-radius:2px;
  background:var(--eb-green);
}

/* Smooth scroll global */
html{ scroll-behavior:smooth; }

/* Compensar header sticky de Kadence cuando se hace anchor jump */
:target,
[id^="elbres-"]{ scroll-margin-top:90px; }

/* ====================================================
   FAB de teléfono (móvil)
   ==================================================== */
.elbres-fab{
  position:fixed;
  bottom:16px;
  right:16px;
  width:56px;
  height:56px;
  border-radius:50%;
  background:var(--eb-green);
  color:#ffffff;
  display:none;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 10px 24px -8px rgba(26,29,26,.45);
  z-index:9999;
  transition:transform .25s ease, opacity .25s ease, background .2s ease;
}
.elbres-fab:hover,
.elbres-fab:focus-visible{
  background:var(--eb-green-dark);
  transform:translateY(-3px);
  color:#ffffff;
}
.elbres-fab svg{ width:24px; height:24px; }
.elbres-fab.is-hidden{
  opacity:0;
  pointer-events:none;
  transform:translateY(20px);
}
@media (max-width:767px){
  .elbres-fab{ display:flex; }
}

/* ====================================================
   Gravity Forms — refuerzo visual de validación nativa
   ==================================================== */
.gform_wrapper input:user-invalid,
.gform_wrapper textarea:user-invalid,
.gform_wrapper select:user-invalid{
  border-color:var(--eb-red) !important;
  box-shadow:0 0 0 3px rgba(201,74,58,.12) !important;
}
.gform_wrapper input:user-valid,
.gform_wrapper textarea:user-valid,
.gform_wrapper select:user-valid{
  border-color:var(--eb-green) !important;
}

/* Mensaje de éxito tras envío */
.gform_confirmation_wrapper,
.gform_confirmation_message{
  background:var(--eb-green-wash);
  border:1px solid var(--eb-green);
  border-radius:14px;
  padding:24px 22px;
  color:var(--eb-ink);
  font-size:15px;
  line-height:1.5;
  display:flex;
  align-items:flex-start;
  gap:12px;
}
.gform_confirmation_wrapper::before,
.gform_confirmation_message::before{
  content:"✓";
  flex:none;
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--eb-green);
  color:#fff;
  font-weight:700;
  display:grid;
  place-items:center;
}


/* Vídeo del "Paseo" — bloque de vídeo nativo de WordPress (clase elbres-video).
   CSS justificado: el bloque core/video no tiene ajuste de radio de borde. Se usa este bloque
   y no el Video Popup de Kadence porque su ventana emergente (GLightbox) fuerza un marco 16:9
   y el vídeo es vertical. El ancho máximo (360 px) es ajuste nativo de la columna 108_paseo-video-col.
   18px = radio de tarjeta del sitio. */
.elbres-video{ margin:0; }
.elbres-video video{ display:block; width:100%; height:auto; border-radius:18px; background:var(--eb-green-dark); }

/* Carrusel "Paseo": la proporción (16:9) y el radio de las fotos son ajustes nativos
   del bloque de galería 108_8faf5d-56. Antes había aquí un 21:9 forzado con !important
   que pisaba el ajuste del bloque; retirado el 29/09/2026 al poner el vídeo al lado. */

/* ====================================================
   FOOTER El Bres
   Selector con ID para vencer al `#colophon { background: var(--global-palette9); }`
   que el tema padre aplica con mayor especificidad.
   ==================================================== */
#colophon.elbres-footer,
.elbres-footer{
  background:var(--eb-ink);
  color:rgba(255,255,255,.85);
  padding:64px 0 0;
  margin-top:64px;
}
.elbres-footer__inner{
  max-width:var(--global-content-width, 1280px);
  margin:0 auto;
  padding:0 var(--global-content-edge-padding, 24px);
}
.elbres-footer__grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr;
  gap:48px;
  padding-bottom:40px;
}
.elbres-footer__brand h3{
  color:#ffffff;
  font-size:20px;
  font-weight:800;
  margin:0 0 8px;
}
.elbres-footer__brand p{
  margin:0 0 6px;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.55;
}
.elbres-footer h4{
  color:#ffffff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:0 0 18px;
}
.elbres-footer__legal ul,
.elbres-footer__contact ul{ list-style:none; margin:0; padding:0; }
.elbres-footer__legal li,
.elbres-footer__contact li{ margin:0 0 10px; }
.elbres-footer__legal a,
.elbres-footer__contact a{
  color:rgba(255,255,255,.75);
  text-decoration:none;
  font-size:14px;
  transition:color .15s ease;
}
.elbres-footer__legal a:hover,
.elbres-footer__legal a:focus-visible,
.elbres-footer__contact a:hover,
.elbres-footer__contact a:focus-visible{ color:var(--eb-accent); }
.elbres-footer__social{ display:flex; gap:14px; margin-top:20px; }
.elbres-footer__social a{
  width:48px; height:48px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#ffffff;
  display:grid; place-items:center;
  transition:background .2s ease, transform .2s ease, color .2s ease;
}
.elbres-footer__social a:hover,
.elbres-footer__social a:focus-visible{
  background:var(--eb-accent);
  color:#ffffff;
  transform:translateY(-3px);
}
.elbres-footer__social svg{ width:24px; height:24px; }
.elbres-footer__bottom{
  border-top:1px solid rgba(255,255,255,.08);
  padding:24px 0;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
.elbres-footer__bottom p{
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:13px;
}
.elbres-footer__legal-bottom{ display:flex; gap:18px; flex-wrap:wrap; }
.elbres-footer__legal-bottom a{
  color:rgba(255,255,255,.55);
  font-size:13px;
  text-decoration:none;
  transition:color .15s ease;
}
.elbres-footer__legal-bottom a:hover{ color:var(--eb-accent); }
@media (max-width:900px){
  .elbres-footer__grid{ grid-template-columns:1fr 1fr; gap:36px; }
  .elbres-footer__brand{ grid-column:1 / -1; }
}
@media (max-width:600px){
  .elbres-footer__grid{ grid-template-columns:1fr; gap:28px; padding-bottom:28px; }
  .elbres-footer{ padding-top:48px; }
  .elbres-footer__bottom{ flex-direction:column; align-items:flex-start; }
}

/* ====================================================
   FAB WhatsApp (móvil)
   ==================================================== */
.elbres-fab--wa{
  background:#25d366;
  box-shadow:0 12px 28px -8px rgba(37,211,102,.55);
}
.elbres-fab--wa:hover,
.elbres-fab--wa:focus-visible{
  background:#128c7e;
  color:#ffffff;
}
.elbres-fab--wa svg{ width:28px; height:28px; }

/* ====================================================
   Form — bloque de protección de datos discreto
   ==================================================== */
.gform_wrapper .gfield_html.protecdata,
.gform_wrapper .gfield_html .protecdata,
.gform_wrapper p.protecdata{
  font-size:11.5px !important;
  line-height:1.5 !important;
  color:var(--eb-muted) !important;
  margin:6px 0 12px !important;
  padding:10px 14px !important;
  background:var(--eb-wash);
  border-left:2px solid var(--eb-line);
  border-radius:6px;
  opacity:.85;
}
.gform_wrapper .gfield_html.protecdata a,
.gform_wrapper .gfield_html .protecdata a,
.gform_wrapper p.protecdata a{
  color:var(--eb-accent-dark);
  text-decoration:underline;
  text-underline-offset:2px;
}

/* ====================================================
   Footer — estilos para el contenido de los widgets
   (los widgets generan <h4 class="widget-title elbres-footer__widget-title">)
   ==================================================== */
.elbres-footer__widget{
  margin:0;
}
.elbres-footer__widget-title{
  color:#ffffff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin:0 0 18px;
}
.elbres-footer__brand-name{
  color:#ffffff;
  font-size:20px;
  font-weight:800;
  margin:0 0 8px;
}
.elbres-footer__col p{
  margin:0 0 8px;
  color:rgba(255,255,255,.7);
  font-size:14px;
  line-height:1.55;
}
.elbres-footer__list{
  list-style:none;
  margin:0;
  padding:0;
}
.elbres-footer__list li{
  margin:0 0 10px;
}
.elbres-footer__list a{
  color:rgba(255,255,255,.75);
  text-decoration:none;
  font-size:14px;
  line-height:1.5;
  transition:color .15s ease;
}
.elbres-footer__list a:hover,
.elbres-footer__list a:focus-visible{
  color:var(--eb-accent);
}

/* CTA de WhatsApp en el footer (columna brand) */
.elbres-footer__wa-cta{ margin:14px 0 18px; } /* el aspecto lo da .elbres-wa-btn */

/* ====================================================
   Botón WhatsApp — patrón único del sitio
   CSS justificado (excepción de consistencia global): el mismo botón se repite
   en hero, Ventajas y pie, y debe coincidir con el botón flotante del plugin.
   Configurarlo bloque a bloque es lo que había producido tres estilos distintos;
   así se cambia en un solo sitio.
   Uso: bloque Botón de Kadence → Avanzado → Clases CSS adicionales:
     elbres-wa-btn                         → verde (fondos claros u oscuros neutros)
     elbres-wa-btn elbres-wa-btn--light    → blanco, texto negro, logo verde
                                              (fondos verdes o fotos, donde el verde no contrasta)
   En el bloque no se fijan colores, relleno ni tipografía: los pone esta clase.
   Selector doble: `a.elbres-wa-btn` para enlaces sueltos (pie) y
   `a.kb-button.elbres-wa-btn` (0,2,1) para vencer al estilo global de botón de
   Kadence (`.kb-button.kb-btn-global-fill`, 0,2,0) sin recurrir a !important.
   ==================================================== */
a.elbres-wa-btn,
a.kb-button.elbres-wa-btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 18px;
  border:0;
  border-radius:999px;
  background:var(--eb-wa);
  color:#ffffff;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:normal;
  text-transform:none;
  text-decoration:none;
  box-shadow:0 8px 18px -8px rgba(37,211,102,.55);
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
a.elbres-wa-btn:hover,
a.elbres-wa-btn:focus-visible,
a.kb-button.elbres-wa-btn:hover,
a.kb-button.elbres-wa-btn:focus-visible{
  background:var(--eb-wa-hover);
  color:#ffffff;
  transform:translateY(-2px);
}
a.kb-button.elbres-wa-btn::before{ display:none; } /* anula la capa de hover del estilo global de botón de Kadence */
a.elbres-wa-btn svg,
a.kb-button.elbres-wa-btn svg{ width:20px; height:20px; flex:none; } /* el 2.º selector vence al 1em de Kadence (0,2,1) */
a.elbres-wa-btn .kb-svg-icon-wrap{ margin:0; }
a.elbres-wa-btn--light,
a.kb-button.elbres-wa-btn--light{
  background:#ffffff;
  color:var(--eb-ink);
  box-shadow:0 8px 18px -10px rgba(26,29,26,.35);
}
a.elbres-wa-btn--light svg{ color:var(--eb-wa); }
a.elbres-wa-btn--light:hover,
a.elbres-wa-btn--light:focus-visible,
a.kb-button.elbres-wa-btn--light:hover,
a.kb-button.elbres-wa-btn--light:focus-visible{
  background:var(--eb-wa);
  color:#ffffff;
}
a.elbres-wa-btn--light:hover svg,
a.elbres-wa-btn--light:focus-visible svg{ color:#ffffff; }

/* Pie inferior copyright (widget) */
.elbres-footer__copy{
  margin:0;
  color:rgba(255,255,255,.55);
  font-size:13px;
}