/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */









.region .dnd-section:first-of-type {
  padding-top: 0;
}

.region .dnd-section:last-of-type {
  padding-bottom: 0;
}

.region .dnd-section + .dnd-section {
  margin-top: var(--space-5);
}


  @media (min-width: 768px) and (max-width: 1023px) {
    
  .region .dnd-section + .dnd-section {
    margin-top: var(--space-6);
  }

  }
 


  @media (min-width: 1024px) {
    
  .region .dnd-section + .dnd-section {
    margin-top: var(--space-7);
  }

  }
 

.dnd-section > .row-fluid {
  max-width: 1140px;
}

.dnd-section .widget-type-rich_text ul,
.dnd-section .widget-type-rich_text ol {
  margin-inline-start: 1em;
}





form,
.submitted-message {
  font-family: ;
  background-color: rgba(#null, 0.0);
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(#40404040, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(248, 114, 103, 1.0);
  border-color: rgba(248, 114, 103, 1.0);
  border-radius: 3px;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(248, 114, 103, 1.0);
  border-color: rgba(248, 114, 103, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(255, 154, 143, 1.0);
  border-color: rgba(255, 154, 143, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form legend {
  color: rgba(64, 64, 64, 0.8);
}
input#hs-pwd-widget-password,
form input,
form select,
form textarea,
.hs-input {
  background-color: rgba(245, 248, 250, 1.0);
  border-color: rgba(203, 214, 226, 1.0);
  color: rgba(51, 71, 91, 1.0);
  border-radius: 3px;
}
input#hs-pwd-widget-password:focus,
form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(82, 168, 236, 1.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: var(--shark);
}

.hs-richtext {
  font-size: ;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: ;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(64, 64, 64, 1.0);
  color: rgba(64, 64, 64, 1.0);
}

thead th,
thead td {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(64, 64, 64, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(64, 64, 64, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(64, 64, 64, 1.0);
}





.content-wrapper {
  max-width: 1140px;
}





body .icon svg {
  fill: #494a52;
}

.region .text-and-image__container {
  padding-top: 0;
  padding-bottom: 0;
}

/* Anula pseudo-elementos residuales en CTAs */
.cta_button::before,
.cta_button.button-primary::before,
a.button-primary::before,
.hs-button.primary::before {
  content: none !important;
  display: none !important;
}
.cta_button:hover,
.cta_button.button-primary:hover,
a.button-primary:hover,
.hs-button.primary:hover {
  transform: none !important;
}
  


/* ===========================
   UTILIDAD GLOBAL DE BOTÓN “SHIMMER”
   Activa el efecto si el botón o su wrapper tiene .btn--hover
   =========================== */

/* 1) Normaliza/neutraliza reglas que matan ::before o transform en CTAs de tema */
.btn--hover.cta_button::before,
.btn--hover a.button-primary::before,
a.button-primary.btn--hover::before,
.hs-button.primary.btn--hover::before {
  content: "" !important;
  display: block !important;
}

/* 2) Estilos base del botón con la clase directa .btn--hover (puede estar en <a> o en .hs-button) */
a.button-primary.btn--hover,
.hs-button.primary.btn--hover,
button.btn--hover,
input[type="submit"].btn--hover {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;

  /* Fallback de colores por si no existen las CSS vars del tema */
  background: var(--persimmon, #FF4F33) !important;
  border: 2px solid var(--persimmon, #FF4F33) !important;
  color: #fff !important;

  font-size: clamp(0.94rem, 0.4vw + 0.88rem, 1.05rem) !important;
  line-height: 1.1 !important;
  padding: 0.9em 1.25em !important;
  transition: background-color 220ms ease, transform 220ms ease !important;
}

/* 3) Si la clase está en el WRAPPER, aplica al <a> o .hs-button dentro */
.btn--hover a.button-primary,
.btn--hover .hs-button.primary {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0 !important;

  background: var(--persimmon, #FF4F33) !important;
  border: 2px solid var(--persimmon, #FF4F33) !important;
  color: #fff !important;

  font-size: clamp(0.94rem, 0.4vw + 0.88rem, 1.05rem) !important;
  line-height: 1.1 !important;
  padding: 0.9em 1.25em !important;
  transition: background-color 220ms ease, transform 220ms ease !important;
}

/* 4) Hover: cambio de color + pequeño lift */
a.button-primary.btn--hover:hover,
.hs-button.primary.btn--hover:hover,
.btn--hover a.button-primary:hover,
.btn--hover .hs-button.primary:hover {
  background: var(--crimson, #D60D47) !important;
  border-color: var(--crimson, #D60D47) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* 5) “Shimmer” (banda diagonal) */
a.button-primary.btn--hover::before,
.hs-button.primary.btn--hover::before,
.btn--hover a.button-primary::before,
.btn--hover .hs-button.primary::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important; /* cubre también el borde */
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(255,255,255,0.00) 40%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0.00) 60%,
    transparent 100%
  ) !important;
  transform: translateX(-140%) !important;
  transition: transform 520ms cubic-bezier(.22,.61,.36,1) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* 6) Animación izquierda → derecha en hover */
a.button-primary.btn--hover:hover::before,
.hs-button.primary.btn--hover:hover::before,
.btn--hover a.button-primary:hover::before,
.btn--hover .hs-button.primary:hover::before {
  transform: translateX(140%) !important;
}

/* 7) Asegurar que el texto quede por encima del overlay */
a.button-primary.btn--hover > *,
.hs-button.primary.btn--hover > *,
.btn--hover a.button-primary > *,
.btn--hover .hs-button.primary > * {
  position: relative !important;
  z-index: 2 !important;
}

/* ===== FIX: shimmer sin “saltito” ===== */

/* Base: no aplicar transform al botón */
a.button-primary.btn--hover,
.hs-button.primary.btn--hover,
.btn--hover a.button-primary,
.btn--hover .hs-button.primary{
  transform: none !important;            /* anula cualquier transform previo */
  will-change: background-color;         /* el movimiento solo lo hace ::before */
}

/* Hover: mantenemos color, pero sin translateY */
a.button-primary.btn--hover:hover,
.hs-button.primary.btn--hover:hover,
.btn--hover a.button-primary:hover,
.btn--hover .hs-button.primary:hover{
  transform: none !important;            /* <- quita el “saltito” */
  /* feedback opcional sin mover: descomenta uno si quieres */
  /* filter: brightness(1.02); */
  /* box-shadow: 0 0 0 0 rgba(0,0,0,0); */
}

/* El shimmer sigue animándose en ::before */
a.button-primary.btn--hover::before,
.hs-button.primary.btn--hover::before,
.btn--hover a.button-primary::before,
.btn--hover .hs-button.primary::before{
  /* no tocar: este transform mueve solo la banda */
}

/* Evita micro-jitters de texto en algunos navegadores */
a.button-primary.btn--hover > *,
.hs-button.primary.btn--hover > *,
.btn--hover a.button-primary > *,
.btn--hover .hs-button.primary > *{
  display: inline-block;                 /* estabiliza baseline del texto */
  line-height: 1.1;                      /* coherente con el botón */
}
<style id="btn-hover-global">
/* === Estilos para botones con clase .btn--hover (en cualquier página) === */
.btn--hover,
a.button-primary.btn--hover,
.hs-button.primary.btn--hover,
button.btn--hover,
input[type="submit"].btn--hover {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 3px;
  font-size: clamp(0.94rem, 0.4vw + 0.9rem, 1.05rem);
  line-height: 1.1;
  padding: 0.9em 1.25em;
  background: var(--persimmon, #FF4F33);
  border: 2px solid var(--persimmon, #FF4F33);
  color: #fff;
  transition: background-color 220ms ease, border-color 220ms ease;
  z-index: 0;
}

/* Hover: color crimson (sin saltito) */
.btn--hover:hover,
a.button-primary.btn--hover:hover,
.hs-button.primary.btn--hover:hover,
button.btn--hover:hover,
input[type="submit"].btn--hover:hover {
  background: var(--crimson, #D60D47) !important;
  border-color: var(--crimson, #D60D47) !important;
  color: #fff !important;
  transform: none !important;
}

/* Franja shimmer */
.btn--hover::before,
a.button-primary.btn--hover::before,
.hs-button.primary.btn--hover::before,
button.btn--hover::before,
input[type="submit"].btn--hover::before {
  content: "";
  position: absolute;
  inset: -1px;
  background: linear-gradient(
    100deg,
    transparent 0%,
    rgba(255,255,255,0.00) 40%,
    rgba(255,255,255,0.45) 50%,
    rgba(255,255,255,0.00) 60%,
    transparent 100%
  );
  transform: translateX(-140%);
  transition: transform 520ms cubic-bezier(.22,.61,.36,1);
  pointer-events: none;
  z-index: 1;
}
.btn--hover:hover::before,
a.button-primary.btn--hover:hover::before,
.hs-button.primary.btn--hover:hover::before,
button.btn--hover:hover::before,
input[type="submit"].btn--hover:hover::before {
  transform: translateX(140%);
}

/* Texto por encima del overlay */
.btn--hover > *,
a.button-primary.btn--hover > *,
.hs-button.primary.btn--hover > *,
button.btn--hover > *,
input[type="submit"].btn--hover > * {
  position: relative;
  z-index: 2;
}
</style>