.elementor-1570 .elementor-element.elementor-element-1a62b0d9{--display:flex;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-1570 .elementor-element.elementor-element-1a62b0d9:not(.elementor-motion-effects-element-type-background), .elementor-1570 .elementor-element.elementor-element-1a62b0d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5008a38 );}.elementor-1570 .elementor-element.elementor-element-aa08183{--display:flex;}.elementor-1570 .elementor-element.elementor-element-25180de6 .wpcf7 span.wpcf7-not-valid-tip{text-align:left;display:block;}.elementor-1570 .elementor-element.elementor-element-25180de6 .wpcf7 div.wpcf7-response-output{text-align:left;}.elementor-1570 .elementor-element.elementor-element-797d9fb8{--display:flex;}.elementor-1570 .elementor-element.elementor-element-7559ba8f .wpcf7 span.wpcf7-not-valid-tip{text-align:left;display:block;}.elementor-1570 .elementor-element.elementor-element-7559ba8f .wpcf7 div.wpcf7-response-output{text-align:left;}.elementor-1570 .elementor-element.elementor-element-3ca31a56{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:24px;--n-tabs-icon-size:24px;--n-tabs-icon-color:var( --e-global-color-2f9bd7e );--n-tabs-icon-color-active:var( --e-global-color-b8750fa );}.elementor-1570 .elementor-element.elementor-element-3ca31a56 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-2f9bd7e );}.elementor-1570 .elementor-element.elementor-element-3ca31a56.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E2E2E2;}.elementor-1570 .elementor-element.elementor-element-3ca31a56.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1570 .elementor-element.elementor-element-3ca31a56.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-b8750fa );}.elementor-1570 .elementor-element.elementor-element-3ca31a56.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-weight:500;}.elementor-1570 .elementor-element.elementor-element-3ca31a56 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-primary );--n-tabs-icon-color-hover:#E2E2E2;}@media(max-width:767px){.elementor-1570 .elementor-element.elementor-element-1a62b0d9{--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-1570 .elementor-element.elementor-element-3ca31a56{--n-tabs-heading-justify-content:initial;--n-tabs-title-width:100%;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:1;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-padding-top:14px;--n-tabs-title-padding-right:10px;--n-tabs-title-padding-bottom:14px;--n-tabs-title-padding-left:10px;--n-tabs-title-font-size:15px;}}/* Start custom CSS for contact-form-7, class: .elementor-element-25180de6 */.elementor-1570 .elementor-element.elementor-element-25180de6 p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-25180de6 textarea {
    height: 90px;
}

/* ===== Prefill: borde usando --e-global-color-b8750fa ===== */
/* Estado vacío: borde gris tenue (cambia a transparent si prefieres) */
.cf7-field:not(.has-value) .cf7-input,
.cf7-field:not(.has-value) select.cf7-input,
.cf7-field:not(.has-value) textarea.cf7-input {
  border: 1px solid #BDBDBD;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Cuando el campo tiene valor -> usar la variable global; fallback a rojo si no existe */
.cf7-field.has-value .cf7-input,
.cf7-field.has-value select.cf7-input,
.cf7-field.has-value textarea.cf7-input {
  border: 1px solid var(--e-global-color-b8750fa, #e11d48);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Si prefieres que el halo use la misma variable (opcional) descomenta esta línea y ajusta la opacidad:
.cf7-field.has-value .cf7-input { box-shadow: 0 0 0 6px rgba(var(--e-global-color-b8750fa-rgb, 225,29,72), 0.06); }
*/

/* Mantener color de foco azul si existe (prevalece sobre has-value) */
.cf7-field.is-focused .cf7-input,
.cf7-field.is-focused select.cf7-input,
.cf7-field.is-focused textarea.cf7-input {
  border-color: #0041a8 !important;
}/* End custom CSS */
/* Start custom CSS for contact-form-7, class: .elementor-element-7559ba8f */.elementor-1570 .elementor-element.elementor-element-7559ba8f p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

@media (max-width: 767px) {
    .cf7-row {
        flex-direction: column;
        gap: 0;
    }
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-7559ba8f textarea {
    height: 90px;
}/* End custom CSS */
/* Start custom CSS for contact-form-7, class: .elementor-element-25180de6 */.elementor-1570 .elementor-element.elementor-element-25180de6 p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-25180de6 textarea {
    height: 90px;
}

/* ===== Prefill: borde usando --e-global-color-b8750fa ===== */
/* Estado vacío: borde gris tenue (cambia a transparent si prefieres) */
.cf7-field:not(.has-value) .cf7-input,
.cf7-field:not(.has-value) select.cf7-input,
.cf7-field:not(.has-value) textarea.cf7-input {
  border: 1px solid #BDBDBD;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Cuando el campo tiene valor -> usar la variable global; fallback a rojo si no existe */
.cf7-field.has-value .cf7-input,
.cf7-field.has-value select.cf7-input,
.cf7-field.has-value textarea.cf7-input {
  border: 1px solid var(--e-global-color-b8750fa, #e11d48);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Si prefieres que el halo use la misma variable (opcional) descomenta esta línea y ajusta la opacidad:
.cf7-field.has-value .cf7-input { box-shadow: 0 0 0 6px rgba(var(--e-global-color-b8750fa-rgb, 225,29,72), 0.06); }
*/

/* Mantener color de foco azul si existe (prevalece sobre has-value) */
.cf7-field.is-focused .cf7-input,
.cf7-field.is-focused select.cf7-input,
.cf7-field.is-focused textarea.cf7-input {
  border-color: #0041a8 !important;
}/* End custom CSS */
/* Start custom CSS for contact-form-7, class: .elementor-element-7559ba8f */.elementor-1570 .elementor-element.elementor-element-7559ba8f p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

@media (max-width: 767px) {
    .cf7-row {
        flex-direction: column;
        gap: 0;
    }
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-7559ba8f textarea {
    height: 90px;
}/* End custom CSS */
/* Start custom CSS for contact-form-7, class: .elementor-element-25180de6 */.elementor-1570 .elementor-element.elementor-element-25180de6 p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-25180de6 textarea {
    height: 90px;
}

/* ===== Prefill: borde usando --e-global-color-b8750fa ===== */
/* Estado vacío: borde gris tenue (cambia a transparent si prefieres) */
.cf7-field:not(.has-value) .cf7-input,
.cf7-field:not(.has-value) select.cf7-input,
.cf7-field:not(.has-value) textarea.cf7-input {
  border: 1px solid #BDBDBD;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Cuando el campo tiene valor -> usar la variable global; fallback a rojo si no existe */
.cf7-field.has-value .cf7-input,
.cf7-field.has-value select.cf7-input,
.cf7-field.has-value textarea.cf7-input {
  border: 1px solid var(--e-global-color-b8750fa, #e11d48);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

/* Si prefieres que el halo use la misma variable (opcional) descomenta esta línea y ajusta la opacidad:
.cf7-field.has-value .cf7-input { box-shadow: 0 0 0 6px rgba(var(--e-global-color-b8750fa-rgb, 225,29,72), 0.06); }
*/

/* Mantener color de foco azul si existe (prevalece sobre has-value) */
.cf7-field.is-focused .cf7-input,
.cf7-field.is-focused select.cf7-input,
.cf7-field.is-focused textarea.cf7-input {
  border-color: #0041a8 !important;
}/* End custom CSS */
/* Start custom CSS for contact-form-7, class: .elementor-element-7559ba8f */.elementor-1570 .elementor-element.elementor-element-7559ba8f p {
    width: 100%;
    margin: 0;
    display: flex;
}

/* Estilos generales para el formulario */
.cf7-grid {
  max-width: 600px; /* Ajusta según sea necesario */
  margin: 0 auto;
}

/* Contenedor de cada campo */
.cf7-field {
  position: relative;
  margin-bottom: 8px;
  width: 100%;
}

/* Estilo para los inputs y textarea */
.cf7-input {
  width: 100%;
  padding: 14px 14px 4px 14px !important;
  font-size: 16px;
  border: 1px solid #BDBDBD !important;
  border-radius: 5px;
  box-sizing: border-box;
  transition: border-color 0.3s ease;
  min-height: 54px;
}

.cf7-input:focus {
  border-color: #0041a8;
  outline: none;
}

/* Estilo para las etiquetas */
.cf7-field label {
  position: absolute;
  top: 18px; /* Ajusta según el padding del input */
  left: 10px;
  font-size: 16px;
  color: #777;
  background-color: white; /* Para que el label no tape el borde del input */
  padding: 0 5px;
  transition: all 0.3s ease;
  pointer-events: none; /* Evita que el label interfiera con el input */
}

/* Estilos cuando el campo está enfocado o tiene valor */
.cf7-field.is-focused label,
.cf7-field.has-value label {
  top: 6px; /* Mueve el label hacia arriba */
  font-size: 12px;
  color: var(--e-global-color-secondary);
  background-color: transparent;
}

/* Ajuste para el campo de fecha, que podría tener un comportamiento diferente */
.cf7-field .wpcf7-date {
  /* Puedes añadir estilos específicos si es necesario */
}

/* Estilos para la fila de dos columnas (Correo y Teléfono) */
.cf7-row {
  display: flex;
  gap: 8px;
}

@media (max-width: 767px) {
    .cf7-row {
        flex-direction: column;
        gap: 0;
    }
}

.cf7-row .cf7-field {
  flex: 1;
}

/* Estilos para el texto de campos obligatorios */
.cf7-required {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}

.cf7-terms a {
  color: #f59e0b;
  text-decoration: none;
}

.cf7-terms a:hover {
  text-decoration: underline;
}

/* Estilos para el botón de enviar */
.cf7-submit input[type="submit"] {
  background-color: #001e60;
  color: #fff;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cf7-submit input[type="submit"]:hover {
  background-color: #003399;
}

.wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 1.1;
    background: #ffe3e3;
    padding: 4px 10px;
}

.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Estilo para que el label del campo de fecha siempre flote */
.cf7-field:has(.wpcf7-date) label {
  position: absolute;
  top: 6px;
  left: 10px;
  font-size: 12px;
  color: #0041a8;
  background-color: white;
  padding: 0 5px;
  transition: none;
  pointer-events: none;
}



/* ---------- FIX checkbox de aceptación ---------- */

/* Oculta el checkbox nativo */
.wpcf7-acceptance input[type='checkbox']{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}

/* Texto del checkbox (hermano inmediato del input) */
.wpcf7-acceptance .wpcf7-list-item-label {
    position:relative;
    padding-left:30px;
    cursor:pointer;
    font-size:14px;
    line-height:18px;
    display:inline-flex;
    align-items:center;
    gap: 2px;
}

.wpcf7-acceptance .wpcf7-list-item-label a {
    text-decoration: underline;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    transition: all 0.3s ease;
}

.wpcf7-acceptance .wpcf7-list-item-label a:hover {
    color: var(--e-global-color-accent);
}

/* Cajita blanca */
.wpcf7-acceptance .wpcf7-list-item-label::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:18px;
    height:18px;
    border:2px solid #BDBDBD;
    border-radius:4px;
    background:#fff;
    transition:.2s;
}

/* Palomita (oculta por defecto) */
.wpcf7-acceptance .wpcf7-list-item-label::after{
    content:'';
    position:absolute;
    left:5px;
    top:2px;
    width:6px;
    height:10px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
    opacity:0;
    transition:.2s;
}

/* Al marcar: caja azul + ✔ visible  */
.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::before{
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
}

.wpcf7-acceptance input[type='checkbox']:checked + .wpcf7-list-item-label::after{
    opacity:1;
}

/* Elimina márgenes extra de cada item (por si CF7 los añade) */
.wpcf7-list-item{margin:0;}

.wpcf7-submit {
    font-family: "Inter", Sans-Serif !important;
    padding: 16px 35px !important;
    height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpcf7-submit:hover {
    background: var(--e-global-color-d4ae096);
    color: white !important;
}

.elementor-1570 .elementor-element.elementor-element-7559ba8f textarea {
    height: 90px;
}/* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-3ca31a56 */.elementor-1570 .elementor-element.elementor-element-3ca31a56 .e-n-tabs-heading {
    border-radius: 5px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a62b0d9 */.elementor-1570 .elementor-element.elementor-element-1a62b0d9 select {
    height: 50px;
    border: 0;
    color: black;
    border-bottom: 1px solid white;
    border-radius: 4px;
    outline: none;
    /* 1️⃣  Oculta la flecha nativa */
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;

  /* 2️⃣  Agrega una flecha SVG blanca semitransparente */
  background-image:url("data:image/svg+xml,%3Csvg fill='%black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:20px;                  /* tamaño de la flecha */

  /* 3️⃣  Deja hueco para la flecha */
  padding-right:48px;
}/* End custom CSS */