/* ******************************************************************************
*********************************************************************************
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;
}



}
/* ===================== BTN HOVER – solo cuando exista la clase .btn--hover ===================== */
/* Funciona si la clase está en el <a> o en wrappers típicos de HubSpot */
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
){
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 3px; /* esquinas pedidas */
  font-size: clamp(0.94rem, 0.4vw + 0.9rem, 1.05rem);
  line-height: 1.1;
  padding: 0.9em 1.25em;
  background: var(--persimmon);
  border: 2px solid var(--persimmon);
  color: #fff;
  transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

/* Hover: crimson y SIN “lift” del tema */
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
):hover{
  background: var(--crimson, #D60D47);
  border-color: var(--crimson, #D60D47);
  color: #fff;
  transform: none !important; /* neutraliza el translateY heredado */
}

/* Reactiva ::before SOLO para .btn--hover (el tema lo desactiva globalmente) */
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
)::before{
  content: "" !important;         /* vence el kill-switch del tema */
  display: block !important;
  position: absolute;
  inset: -1px;                    /* 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%
  );
  transform: translateX(-140%);
  transition: transform 520ms cubic-bezier(.22,.61,.36,1);
  pointer-events: none;
  z-index: 1;
}
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
):hover::before{
  transform: translateX(140%);
}

/* Asegura el texto por encima del brillo */
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
) > *{
  position: relative;
  z-index: 2;
}

/* Focus accesible */
:is(
  a.button-primary.btn--hover,
  .btn--hover a.button-primary,
  .hs-button.primary.btn--hover,
  .btn--hover .hs-button.primary,
  button.btn--hover,
  .btn--hover button,
  input[type="submit"].btn--hover,
  .btn--hover input[type="submit"]
):focus-visible{
  outline: 3px solid color-mix(in srgb, var(--crimson,#D60D47) 65%, white);
  outline-offset: 2px;
}