.elementor-14854 .elementor-element.elementor-element-5aa1b44{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-7289903{--display:flex;--min-height:1200px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14854 .elementor-element.elementor-element-7289903:not(.elementor-motion-effects-element-type-background), .elementor-14854 .elementor-element.elementor-element-7289903 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uahvacsystems.com/wp-content/uploads/2025/10/fondo_contacto_garantias.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-14854 .elementor-element.elementor-element-da1f55e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}.elementor-14854 .elementor-element.elementor-element-da1f55e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14854 .elementor-element.elementor-element-42aa8bd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:00px;--padding-bottom:00px;--padding-left:00px;--padding-right:00px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14854 .elementor-element.elementor-element-a01fa27{text-align:center;}.elementor-14854 .elementor-element.elementor-element-a01fa27 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:40px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-14854 .elementor-element.elementor-element-66f2b30{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:4em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-14854 .elementor-element.elementor-element-ef62368{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14854 .elementor-element.elementor-element-ebe7279{font-family:"Lato", Sans-serif;font-size:16px;font-weight:400;}@media(max-width:1440px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--padding-top:7em;--padding-bottom:7em;--padding-left:0em;--padding-right:0em;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-14854 .elementor-element.elementor-element-a01fa27 .elementor-heading-title{font-size:32px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:768px){.elementor-14854 .elementor-element.elementor-element-5aa1b44{--width:100vw;}.elementor-14854 .elementor-element.elementor-element-7289903{--width:100%;}.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:60%;}.elementor-14854 .elementor-element.elementor-element-42aa8bd{--width:100%;}.elementor-14854 .elementor-element.elementor-element-66f2b30{--width:100%;}}@media(max-width:1440px) and (min-width:768px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:80%;}}@media(max-width:1200px) and (min-width:768px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:80%;}}@media(min-width:2400px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:40%;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:880px){.elementor-14854 .elementor-element.elementor-element-da1f55e{--padding-top:5em;--padding-bottom:5em;--padding-left:0em;--padding-right:0em;}}@media(max-width:767px){.elementor-14854 .elementor-element.elementor-element-7289903{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-14854 .elementor-element.elementor-element-7289903:not(.elementor-motion-effects-element-type-background), .elementor-14854 .elementor-element.elementor-element-7289903 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-560px 0px;}.elementor-14854 .elementor-element.elementor-element-7289903.e-con{--align-self:center;}.elementor-14854 .elementor-element.elementor-element-da1f55e{--width:90%;--padding-top:5em;--padding-bottom:8em;--padding-left:0em;--padding-right:0em;}.elementor-14854 .elementor-element.elementor-element-da1f55e.e-con{--align-self:center;}.elementor-14854 .elementor-element.elementor-element-42aa8bd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-14854 .elementor-element.elementor-element-a01fa27{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-14854 .elementor-element.elementor-element-a01fa27 .elementor-heading-title{font-size:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for heading, class: .elementor-element-a01fa27 */.ua-heading-line {
  position: relative;
  display: inline-block;
  padding-bottom: 1rem; /* espacio entre texto y línea */
}

.ua-heading-line::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 50vw;       /* ancho relativo al viewport */
  max-width: 24rem;  /* máximo ancho recomendado */
  min-width: 6rem;   /* mínimo ancho */
  height: 0.25rem;   /* 4px */
  background: linear-gradient(to right, #EC7700, rgba(236, 119, 0, 0));
 
}


/* Intervalo entre 1921px y 2560px */
@media (min-width: 1921px) and (max-width: 2560px) {
    .ua-heading-line::after { width: 50vw; max-width: 30rem; }
}

/* Intervalo entre 1441px y 1920px */
@media (min-width: 1441px) and (max-width: 1920px) {
    .ua-heading-line::after { width: 48vw; max-width: 30rem; }
}

/* Intervalo entre 1201px y 1440px */
@media (min-width: 1201px) and (max-width: 1440px) {
    .ua-heading-line::after { width: 45vw; max-width: 30rem; }
}

/* Intervalo entre 1025px y 1200px */
@media (min-width: 1025px) and (max-width: 1200px) {
    .ua-heading-line::after { width: 40vw; max-width: 30rem; }
}

/* Intervalo entre 881px y 1024px */
@media (min-width: 881px) and (max-width: 1024px) {
    .ua-heading-line::after { width: 50%; max-width: 24rem; min-width: 10rem; }
}

/* Intervalo entre 769px y 880px */
@media (min-width: 769px) and (max-width: 880px) {
    .ua-heading-line::after { width: 70%; max-width: 24rem; min-width: 8rem; }
}

/* Intervalo entre 426px y 768px */
@media (min-width: 425px) and (max-width: 768px) {
    .ua-heading-line::after { width: 70%; max-width: 24rem; min-width: 4rem; }
}

/* Intervalo entre 331px y 425px */
@media (min-width: 321px) and (max-width: 424px) {
    .ua-heading-line::after { width: 80%; max-width: 18.5rem; min-width: 4rem; }
}

/* Intervalo menor o igual a 330px */
@media (max-width: 320px) {
    .ua-heading-line::after { width: 100%; max-width: 16rem; min-width: 6rem; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ccdc3a1 *//* ====== ESTILOS GENERALES DEL FORMULARIO ====== */
.fluentform {
  margin: 0 auto;
}

.fluentform input,
.fluentform select,
.fluentform textarea {
  width: 100%;
  padding: 14px 18px;
  border-radius: 6px;
  border: none;
  font-size: 16px;
  font-family: 'Lato', sans-serif;
  box-shadow: none;
}

/* Cambiar color del asterisco de campos obligatorios */
.fluentform .ff-el-input--label .ff-el-required {
  color: #fff !important;
}

/* ===== Forzar asterisco blanco - cubrimos varias clases / pseudo-elementos / SVG ===== */
.ff-el-required,
.ff-required,
.fluentform .ff-el-required,
.fluentform .ff-required,
.fluentform label .ff-el-required,
.fluentform label .ff-required,
.fluentform .ff-el-input--label label > .ff-el-required,
.fluentform .ff-el-input--label label > .ff-required {
  color: #ffffff !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 600 !important;
}

/* Si el asterisco se inyecta como pseudo-elemento del label */
.fluentform .ff-el-input--label label::after,
.fluentform label::after,
.ff-el-input--label::after,
label::after {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Si fuera un SVG dentro del span */
.ff-el-required svg,
.ff-required svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ====== LABELS ====== */
.fluentform .ff-el-input--label label {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 16px;
  display: block;
}

/* ====== PLACEHOLDER (sin itálicas) ====== */
.fluentform input::placeholder,
.fluentform textarea::placeholder {
  color: #b5b5b5;
  font-size: 16px;
  font-style: normal; 
}

/* ====== CAMPOS EN DOS COLUMNAS ====== */
/* Se mantiene la distribución por defecto */
.fluentform .ff-t-container {
  display: flex;
  gap: 20px;
}

.fluentform .ff-t-container .ff-t-cell {
  flex: 1;
}

/* ====== TÍTULOS INTERMEDIOS ====== */
.fluentform .ff-el-section-break {
  text-align: center;
  margin: 30px 0 15px;
}

.fluentform .ff-el-section-break h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  text-transform: uppercase;
}



/* ====== BOTÓN ENVIAR ====== */
.fluentform .ff-btn-submit {
    margin-top: 4em; /* separación del formulario */
    padding: 12px 24px;
    background-color: #EC7700;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hover: fondo gris #636569 y texto blanco */
.fluentform .ff-btn-submit:hover {
    background-color: #636569 !important;
    color: #ffffff !important;
}

/* Ajustes responsivos para el botón */
@media (max-width: 768px) {
    .fluentform .ff-btn-submit {
        margin-top: 16px;
        padding: 10px 20px;
        font-size: 14px;
    }
}

/* ====== SUBTITLE COTIZACION ====== */
.subtitleCotizacion {
    font-family: 'Lato', sans-serif;
    font-size: 24px; /* escritorio */
    font-weight: 600;
    color: #fff;
    margin-bottom: 16px;
}

/* Tablet */
@media (max-width: 1024px) {
    .subtitleCotizacion {
        font-size: 24px;
    }
}

/* Móvil */
@media (max-width: 768px) {
    .subtitleCotizacion {
        font-size: 20px;
    }
      .fluentform .ff-t-container {
        flex-direction: column !important;
    }
    
    /* ====== BOTÓN ENVIAR ====== */
.fluentform .ff-btn-submit {
    margin-top: 4em; /* separación del formulario */

}

}

/* Mensaje de confirmación centrado y en blanco */
.fluentform-success,
.ff-response-success {
    text-align: center;  /* centra el texto */
    color: #ffffff !important; /* pone el texto en blanco */
    font-size: 16px; /* tamaño opcional */
    font-weight: 500; /* opcional: para que sea más visible */
    margin: 20px 0; /* opcional: espacio arriba y abajo */
}


/* Ocultar el loader que aparece sobre el botón durante submit */
.fluentform .ff-btn-submit.ff-btn-loading::after {
    display: none !important; /* quita el spinner/barra de carga */
}

/* Opcional: asegurar que el botón no cambie de color mientras se envía */
.fluentform .ff-btn-submit.ff-btn-loading {
    background-color: #EC7700 !important; /* mantiene el color original */
    color: #ffffff !important;             /* mantiene el texto blanco */
    cursor: default;                       /* opcional: cursor normal mientras carga */
}

/* Centrado del mensaje de éxito y texto en blanco */
.fluentform .ff-el-form-success-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background: none;
  border: none;
  width: 100%;
  box-sizing: border-box;
}

.fluentform .ff-el-form-success-wrap .ff_message_success {
  color: #ffffff; /* Texto en blanco */
  text-align: center; /* Centrado del texto */
  font-size: 16px;   /* Ajusta tamaño si quieres */
  font-weight: 500;  /* Opcional: hace un poco más visible */
}



/* Oculta el botón de envío original de Fluent Forms */
.fluentform .ff-btn-submit {
    display: none !important;
}

/* Estilo botón personalizado */
.custom-ff-submit {
    padding: 12px 24px;
    background-color: #EC7700;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
      margin-top: 4em; /* espacio arriba del botón */
}

/* Hover */
.custom-ff-submit:hover {
    background-color: #636569;
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    .custom-ff-submit {
        padding: 10px 20px;
        font-size: 14px;
    }
}


/* Botón activo / durante envío */
.custom-ff-submit.ff-btn-loading {
    background-color: #EC7700 !important; /* mantiene el color que quieres */
    color: #ffffff !important;
    cursor: default; /* opcional, evita pointer mientras se envía */
}


/* Activo / durante envío / focus / click */
.custom-ff-submit:active,
.custom-ff-submit:focus,
.custom-ff-submit.ff-btn-loading {
    background-color: #EC7700 !important; /* mantiene naranja */
    color: #ffffff !important;
    cursor: default; /* opcional */
}

/* Deshabilitado (si se usa disabled) */
.custom-ff-submit:disabled {
    background-color: #EC7700 !important;
    color: #ffffff !important;
    cursor: not-allowed;
}


/* ====== MODIFICAR FLECHA DROPDOWN (SOLO CAMPO PAÍS) ====== */
/* Apuntamos al 'name' correcto: "country-list" */

/* 1. Prepara el contenedor (el <div> padre del campo País) */
.fluentform .ff-el-input--content:has(select[name="country-list"]) {
    position: relative; /* Necesario para posicionar el icono nuevo */
}

/* 2. OCULTA la flecha nativa SOLAMENTE en el campo País */
.fluentform select[name="country-list"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
    /* Le da espacio a la derecha al texto para el nuevo icono */
    padding-right: 40px !important; 
}

/* 3. AÑADE el nuevo icono (chevron) SOLAMENTE al campo País */
.fluentform .ff-el-input--content:has(select[name="country-list"])::after {
    content: " "; /* Requerido */
    
    /* Icono SVG - Puedes cambiar el color gris en 'fill='%23555555'' */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23555555'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd' /%3E%3C/svg%3E");
    background-size: 16px 16px; /* Tamaño del icono */
    background-repeat: no-repeat;
    background-position: center;

    /* Posicionamiento del icono */
    position: absolute;
    top: 50%;
    
    /* --- Posición a 16px del borde derecho --- */
    right: 16px; 
    
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    
    /* Evita que el icono interfiera con el clic */
    pointer-events: none;
}/* End custom CSS */