.elementor-766 .elementor-element.elementor-element-3cd1640{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-766 .elementor-element.elementor-element-5c001ff{--spacer-size:30px;}.elementor-766 .elementor-element.elementor-element-32a9aef{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-766 .elementor-element.elementor-element-04ad28b{text-align:center;}.elementor-766 .elementor-element.elementor-element-04ad28b .elementor-heading-title{font-family:var( --e-global-typography-eecc646-font-family ), Sans-serif;font-size:var( --e-global-typography-eecc646-font-size );font-weight:var( --e-global-typography-eecc646-font-weight );line-height:var( --e-global-typography-eecc646-line-height );color:var( --e-global-color-primary );}.elementor-766 .elementor-element.elementor-element-5a268aa > .elementor-widget-container{margin:31px 31px 31px 31px;}.elementor-766 .elementor-element.elementor-element-972af01{--spacer-size:150px;}@media(max-width:1024px){.elementor-766 .elementor-element.elementor-element-04ad28b{text-align:center;}.elementor-766 .elementor-element.elementor-element-04ad28b .elementor-heading-title{font-size:var( --e-global-typography-eecc646-font-size );line-height:var( --e-global-typography-eecc646-line-height );}}@media(max-width:767px){.elementor-766 .elementor-element.elementor-element-04ad28b .elementor-heading-title{font-size:var( --e-global-typography-eecc646-font-size );line-height:var( --e-global-typography-eecc646-line-height );}}/* Start custom CSS for wp-widget-gform_widget, class: .elementor-element-5a268aa *//* === RESET Y BASE PARA GRAVITY FORM ID 7 === */
#gform_wrapper_7 {
  max-width: 640px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
}

/* evitar herencias raras */
#gform_wrapper_7 *,
#gform_wrapper_7 *::before,
#gform_wrapper_7 *::after {
  box-sizing: border-box;
}

/* cada campo */
#gform_wrapper_7 .gfield {
  margin-bottom: 18px;
}

/* labels */
#gform_wrapper_7 label {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
}

/* inputs, selects, textarea */
#gform_wrapper_7 input[type="text"],
#gform_wrapper_7 input[type="email"],
#gform_wrapper_7 input[type="tel"],
#gform_wrapper_7 input[type="number"],
#gform_wrapper_7 input[type="url"],
#gform_wrapper_7 input[type="password"],
#gform_wrapper_7 select,
#gform_wrapper_7 textarea {
  width: 100%;
  padding: 12px 14px;
  font-size: 14px;
  border-radius: 6px;
  border: 1px solid #ccc;
  background: #fff;
  line-height: 1.4;
  outline: none;
}

/* focus limpio */
#gform_wrapper_7 input:focus,
#gform_wrapper_7 select:focus,
#gform_wrapper_7 textarea:focus {
  border-color: #111;
}

/* eliminar márgenes raros de gravity */
#gform_wrapper_7 ul,
#gform_wrapper_7 li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* botón submit */
#gform_wrapper_7 .gform_button {
  display: inline-block;
  width: 100%;
  padding: 14px;
  font-size: 15px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  background: #111;
  color: #fff;
  cursor: pointer;
}

#gform_wrapper_7 .gform_button:hover {
  opacity: 0.9;
}

/* mensajes de error */
#gform_wrapper_7 .gfield_error input,
#gform_wrapper_7 .gfield_error select,
#gform_wrapper_7 .gfield_error textarea {
  border-color: #c00;
}

#gform_wrapper_7 .validation_message {
  font-size: 12px;
  margin-top: 4px;
  color: #c00;
}

/* === OCULTAR TEXTO (required) === */
#gform_wrapper_7 .gfield_required_text {
  display: none !important;
}

/* === MÁS ESPACIO ENTRE CAMPOS === */
#gform_wrapper_7 .gfield {
  margin-bottom: 26px;
}

/* espacio extra entre label e input */
#gform_wrapper_7 label {
  margin-bottom: 8px;
}

/* por si el theme mete inline labels raros */
#gform_wrapper_7 .ginput_container {
  margin-top: 6px;
}

/* ================================
   BOTONES MULTIPAGE + SUBMIT (FORM 7)
   previous: azul muy oscuro + texto blanco
   next: verde oscuro + texto blanco
   submit: verde oscuro + texto blanco
================================ */

/* base común para los 3 botones */
#gform_wrapper_7 .gform_page_footer .button,
#gform_wrapper_7 .gform_footer .button,
#gform_wrapper_7 .gform_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 600;
  border: 0;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  box-shadow: none;
  transition: transform 0.08s ease, opacity 0.15s ease;
}

/* previous */
#gform_wrapper_7 .gform_page_footer .gform_previous_button {
  background: #0b1f3a; /* azul muy oscuro */
  color: #ffffff;
}

/* next */
#gform_wrapper_7 .gform_page_footer .gform_next_button {
  background: #0f3b2e; /* verde oscuro */
  color: #ffffff;
}

/* submit final (cuando ya no hay next, hay submit) */
#gform_wrapper_7 .gform_footer .gform_button,
#gform_wrapper_7 .gform_page_footer .gform_button {
  background: #0f3b2e; /* verde oscuro */
  color: #ffffff;
}

/* hover / active */
#gform_wrapper_7 .gform_page_footer .gform_previous_button:hover,
#gform_wrapper_7 .gform_page_footer .gform_next_button:hover,
#gform_wrapper_7 .gform_footer .gform_button:hover,
#gform_wrapper_7 .gform_page_footer .gform_button:hover {
  opacity: 0.92;
}

#gform_wrapper_7 .gform_page_footer .gform_previous_button:active,
#gform_wrapper_7 .gform_page_footer .gform_next_button:active,
#gform_wrapper_7 .gform_footer .gform_button:active,
#gform_wrapper_7 .gform_page_footer .gform_button:active {
  transform: translateY(1px);
}

/* focus accesible sin verse cutre */
#gform_wrapper_7 .gform_page_footer .gform_previous_button:focus,
#gform_wrapper_7 .gform_page_footer .gform_next_button:focus,
#gform_wrapper_7 .gform_footer .gform_button:focus,
#gform_wrapper_7 .gform_page_footer .gform_button:focus {
  outline: 2px solid rgba(0,0,0,0.25);
  outline-offset: 2px;
}

/* si algún botón se deshabilita */
#gform_wrapper_7 .gform_page_footer .button[disabled],
#gform_wrapper_7 .gform_footer .button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}


/* ================================
   DROPDOWNS MÁS GRANDES + TEXTO SIN CORTES (FORM 7)
================================ */

/* select: más alto, letra más grande, padding correcto */
#gform_wrapper_7 select {
  width: 100%;
  min-height: 46px;            /* asegura que no se corte el texto */
  padding: 12px 40px 12px 14px;/* espacio a la derecha para la flecha */
  font-size: 15px;             /* sube un poco */
  line-height: 1.2;            /* evita texto cortado */
  border-radius: 6px;
  border: 1px solid #ccc;
  background-color: #fff;

  /* evita estilos raros del theme */
  box-shadow: none;
  background-image: none;
  appearance: auto;
}

/* opciones: intenta mantener buen tamaño en el desplegable */
#gform_wrapper_7 select option {
  font-size: 15px;
  line-height: 1.3;
}

/* en móviles algunos themes compactan selects */
@media (max-width: 480px) {
  #gform_wrapper_7 select {
    font-size: 16px; /* evita zoom raro en iOS y mejora legibilidad */
  }
}
/* =========================================
   FORM 7 - FORZAR ESTILO BOTONES (PREV/NEXT/SUBMIT)
========================================= */

/* layout horizontal y separación */
#gform_wrapper_7 form .gform_page_footer,
#gform_wrapper_7 form .gform_footer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  align-items: stretch !important;
}

/* base común: más grande, mayúsculas, negrita */
#gform_wrapper_7 form input[type="button"].button,
#gform_wrapper_7 form input[type="submit"].button,
#gform_wrapper_7 form button.button,
#gform_wrapper_7 form .gform_button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  min-height: 52px !important;
  padding: 14px 18px !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;

  border: 0 !important;
  border-radius: 10px !important;

  color: #ffffff !important;


  box-shadow: none !important;
  text-decoration: none !important;
  line-height: 1 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

/* que no se choquen: flex y proporciones */
#gform_wrapper_7 form .gform_page_footer input[type="button"].button,
#gform_wrapper_7 form .gform_page_footer input[type="submit"].button,
#gform_wrapper_7 form .gform_page_footer button.button,
#gform_wrapper_7 form .gform_page_footer .gform_button,
#gform_wrapper_7 form .gform_footer input[type="submit"].button,
#gform_wrapper_7 form .gform_footer button.button,
#gform_wrapper_7 form .gform_footer .gform_button {
  flex: 1 1 0 !important;
}

/* previous: azul muy oscuro, un pelín más estrecho */
#gform_wrapper_7 form .gform_page_footer .gform_previous_button {
  flex: 0.85 1 0 !important;
  background: #0b1f3a !important;
}

/* next: verde oscuro un poco más claro, más ancho */
#gform_wrapper_7 form .gform_page_footer .gform_next_button {
  flex: 1.35 1 0 !important;
  background: #0B6902 !important; /* verde oscuro un poco más claro */
}

/* submit final: mismo verde del next */
#gform_wrapper_7 form .gform_footer .gform_button,
#gform_wrapper_7 form .gform_page_footer .gform_button {
  background: #0B6902 !important;
}

/* hover / active */
#gform_wrapper_7 form input[type="button"].button:hover,
#gform_wrapper_7 form input[type="submit"].button:hover,
#gform_wrapper_7 form button.button:hover,
#gform_wrapper_7 form .gform_button:hover {
  opacity: 0.92 !important;
}

#gform_wrapper_7 form input[type="button"].button:active,
#gform_wrapper_7 form input[type="submit"].button:active,
#gform_wrapper_7 form button.button:active,
#gform_wrapper_7 form .gform_button:active {
  transform: translateY(1px) !important;
}

/* móvil: si no caben, bajan en vertical sin solaparse */
@media (max-width: 520px) {
  #gform_wrapper_7 form .gform_page_footer {
    flex-wrap: wrap !important;
  }
  #gform_wrapper_7 form .gform_page_footer .gform_previous_button,
  #gform_wrapper_7 form .gform_page_footer .gform_next_button {
    flex: 1 1 100% !important;
  }
}
/* =========================================
   FIX DATE PICKER – GRAVITY FORMS (FORM 7)
========================================= */

/* contenedor principal del calendario */
.ui-datepicker {
  background: #ffffff !important;
  border: 1px solid #d0d0d0 !important;
  border-radius: 10px !important;
  padding: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important;
  z-index: 9999 !important;
}

/* cabecera (mes / año) */
.ui-datepicker-header {
  background: #f5f5f5 !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 8px !important;
}

/* texto mes/año */
.ui-datepicker-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* flechas prev / next */
.ui-datepicker-prev,
.ui-datepicker-next {
  cursor: pointer;
  top: 6px !important;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
  filter: brightness(0.2);
}

/* tabla del calendario */
.ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}

/* días de la semana */
.ui-datepicker th {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  padding: 6px 0;
}

/* días */
.ui-datepicker td a {
  display: block;
  text-align: center;
  padding: 8px 0 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  font-size: 13px !important;
  color: #111 !important;
}

/* hover día */
.ui-datepicker td a:hover {
  background: #1f7a5c !important;
  color: #ffffff !important;
}

/* día seleccionado */
.ui-datepicker .ui-state-active {
  background: #0b1f3a !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}

/* hoy */
.ui-datepicker .ui-state-highlight {
  background: #e6f2ee !important;
  border-radius: 6px !important;
}

/* evita transparencias raras heredadas */
.ui-datepicker *,
.ui-datepicker *::before,
.ui-datepicker *::after {
  box-sizing: border-box;
}
/* =========================================
   DATEPICKER – ARREGLO PREV/NEXT (SIN REEMPLAZAR LO ANTERIOR)
========================================= */

/* oculta el texto "Prev" / "Next" si aparece */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* botón prev/next como “pill” */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  top: 6px !important;
}

/* centra el área clicable */
.ui-datepicker .ui-datepicker-prev {
  left: 6px !important;
}

.ui-datepicker .ui-datepicker-next {
  right: 6px !important;
}

/* elimina el icono default si existe (a veces queda raro) */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none !important;
}

/* dibuja flechas con CSS */
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
  content: "" !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #111;
  border-right: 2px solid #111;
  transform: translate(-50%, -50%) rotate(225deg);
}

/* flecha derecha */
.ui-datepicker .ui-datepicker-next::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

/* hover */
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: #f5f5f5 !important;
}

/* focus accesible */
.ui-datepicker .ui-datepicker-prev:focus,
.ui-datepicker .ui-datepicker-next:focus {
  outline: 2px solid rgba(0,0,0,0.25) !important;
  outline-offset: 2px !important;
}

/* ==========================================================
   FORM 7 – CREDIT CARD: ALINEACIÓN, ESPACIADO Y JERARQUÍA
   - Expiración alineada (sin offset a la derecha)
   - Espaciado vertical consistente
   - Título del campo (label principal) diferenciado de sub-labels
   - Logos ocultos + sin bordes/recuadros
========================================================== */

/* 1) Ocultar logos del CC */
#gform_wrapper_7 .gform_card_icon_container,
#gform_wrapper_7 .gform_card_icon {
  display: none !important;
}

/* 2) Quitar cualquier “recuadro” del field CC */
#gform_wrapper_7 .gfield.gfield--type-creditcard,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard,
#gform_wrapper_7 .gfield.gfield--type-creditcard fieldset,
#gform_wrapper_7 .gfield.gfield--type-creditcard legend {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* 3) Jerarquía: label principal del campo CC más clara */
#gform_wrapper_7 .gfield.gfield--type-creditcard > label,
#gform_wrapper_7 .gfield.gfield--type-creditcard .gfield_label {
  display: block !important;
  margin: 0 0 10px 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
}

/* 4) Sub-labels internos (Number / Expiration / Security Code) diferenciados */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard label,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_full label,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_left label,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_right label {
  margin: 0 0 6px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
}

/* 5) Reset duro de paddings/márgenes internos que crean el “offset” */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard ul,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard li,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_cardextras,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_card_expiration,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_card_security_code {
  margin: 0 !important;
  padding: 0 !important;
}

/* 6) Espaciado vertical consistente entre “sub-campos” del CC */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard > * {
  margin-bottom: 12px !important;
}

#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard > *:last-child {
  margin-bottom: 0 !important;
}

/* 7) Layout: número arriba, abajo expiración + cvv alineados */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_cardextras {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: stretch !important;
  width: 100% !important;
}

/* expiración y cvv: mismas reglas -> misma alineación */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_card_expiration,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_card_security_code {
  flex: 1 1 0 !important;
  min-width: 180px !important;
}

/* 8) Inputs/selects: uniformes y SIN desplazamientos */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="text"],
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="tel"],
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard select {
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  border: 1px solid #ccc !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

/* selects: padding derecha consistente (flecha) y evitar cortes */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard select {
  padding-right: 40px !important;
  appearance: auto !important;
  background-image: none !important;
}

/* 9) Móvil: todo a una columna y tipografía 16px para iOS */
@media (max-width: 520px) {
  #gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard .ginput_cardextras {
    flex-direction: column !important;
  }

  #gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="text"],
  #gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="tel"],
  #gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard select {
    font-size: 16px !important;
  }
}
/* ==========================================================
   FORM 7 – PRODUCT + CREDIT CARD + CONSENT (FIX VISUAL)
   - Quita “Price” como input gigante (lo deja como texto limpio)
   - Alinea y ordena Credit Card (espaciados y expiración)
   - Elimina caja/legend feo del Consent
========================================================== */

/* ----------------------------
   1) PRODUCT PRICE / TOTAL
---------------------------- */

/* Si el precio/total se renderiza como input, lo convertimos en “texto” */
#gform_wrapper_7 .gfield.gfield--type-product input,
#gform_wrapper_7 .gfield.gfield--type-total input,
#gform_wrapper_7 input.ginput_product_price,
#gform_wrapper_7 input.ginput_total {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  font-weight: 700 !important;
  color: #111 !important;
}

/* evita que herede el look de input */
#gform_wrapper_7 .gfield.gfield--type-product input:focus,
#gform_wrapper_7 .gfield.gfield--type-total input:focus,
#gform_wrapper_7 input.ginput_product_price:focus,
#gform_wrapper_7 input.ginput_total:focus {
  outline: none !important;
}

/* si hay wrappers con borde por theme */
#gform_wrapper_7 .gfield.gfield--type-product,
#gform_wrapper_7 .gfield.gfield--type-total,
#gform_wrapper_7 .ginput_product_price,
#gform_wrapper_7 .ginput_product_total,
#gform_wrapper_7 .gform_total {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* ----------------------------
   2) CREDIT CARD FIELD
---------------------------- */

/* Ocultar logos (no dependemos de sprites) */
#gform_wrapper_7 .gform_card_icon_container,
#gform_wrapper_7 .gform_card_icon {
  display: none !important;
}

/* Quitar recuadro/bordes del contenedor CC */
#gform_wrapper_7 .gfield.gfield--type-creditcard,
#gform_wrapper_7 .gfield.gfield--type-creditcard fieldset,
#gform_wrapper_7 .gfield.gfield--type-creditcard legend,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Label principal “Credit Card” con jerarquía clara */
#gform_wrapper_7 .gfield.gfield--type-creditcard > label,
#gform_wrapper_7 .gfield.gfield--type-creditcard .gfield_label {
  display: block !important;
  margin: 0 0 12px 0 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #111 !important;
}

/* Reset duro de listas/LI que suelen meter offsets (tu “Expiration” corrido) */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard ul,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: 0 !important;
}

/* Asegura alineación: nada de padding-left ni indentación */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard,
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard * {
  box-sizing: border-box !important;
}

/* Sub-labels (Card Number / Expiration Date / Security Code / Name) */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard label {
  display: block !important;
  margin: 0 0 6px 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #555 !important;
}

/* Espaciado vertical consistente entre “sub-bloques” */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard > * {
  margin-bottom: 14px !important;
}
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard > *:last-child {
  margin-bottom: 0 !important;
}

/* Inputs y selects del CC */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="text"],
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard input[type="tel"],
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_container_creditcard select {
  width: 100% !important;
  min-height: 48px !important;
  padding: 12px 14px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  border: 1px solid #cfcfcf !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  outline: none !important;
  color: #111 !important;
}

/* Expiration: forzar que el bloque no esté corrido */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_card_expiration {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Expiration selects: que queden bien (y sin “offset”) */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_card_expiration select {
  display: block !important;
  margin: 0 0 10px 0 !important; /* separa Month y Year */
  padding-right: 40px !important;
  background-image: none !important;
  appearance: auto !important;
}
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_card_expiration select:last-child {
  margin-bottom: 0 !important;
}

/* CVV: mismo look */
#gform_wrapper_7 .gfield.gfield--type-creditcard .ginput_card_security_code {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Placeholder suave (opcional, ayuda a “premium”) */
#gform_wrapper_7 .gfield.gfield--type-creditcard ::placeholder {
  color: rgba(0,0,0,0.35) !important;
}

/* Focus limpio */
#gform_wrapper_7 .gfield.gfield--type-creditcard input:focus,
#gform_wrapper_7 .gfield.gfield--type-creditcard select:focus {
  border-color: #111 !important;
}


/* ----------------------------
   3) CONSENT FIELD (QUITAR CAJA Y LEGEND)
---------------------------- */

#gform_wrapper_7 .gfield.gfield--type-consent,
#gform_wrapper_7 .gfield.gfield--type-consent fieldset,
#gform_wrapper_7 .gfield.gfield--type-consent legend,
#gform_wrapper_7 .gfield.gfield--type-consent .ginput_container_consent {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Layout del consent más limpio */
#gform_wrapper_7 .gfield.gfield--type-consent .gfield_label {
  margin: 0 0 10px 0 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* checkbox y texto alineados */
#gform_wrapper_7 .gfield.gfield--type-consent .ginput_container_consent label {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #111 !important;
}

/* checkbox tamaño decente en móvil */
#gform_wrapper_7 .gfield.gfield--type-consent input[type="checkbox"] {
  width: 20px !important;
  height: 20px !important;
  margin-top: 2px !important;
}
/* ==========================================================
   FORM 7 – FIX QUIRÚRGICO EXPIRATION (FIELD 48)
   - elimina desplazamiento lateral
   - alinea Month/Year al mismo “left edge” que Card Number
   - espaciado vertical consistente
========================================================== */

/* 1) Asegura que el wrapper del bloque izquierda no tenga padding/indent */
#gform_wrapper_7 #input_7_48_2_cardinfo_left,
#gform_wrapper_7 #input_7_48_2_cardinfo_left.gform-grid-col {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* 2) Resetea el contenedor de expiración (Month/Year) */
#gform_wrapper_7 #input_7_48_2_cardinfo_left .ginput_card_expiration_container {
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Month/Year: que ocupen 100% y SIN offsets del grid */
#gform_wrapper_7 .ginput_card_expiration_month_container,
#gform_wrapper_7 .ginput_card_expiration_year_container {
  padding-left: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 4) Los selects: mismos bordes y alineación */
#gform_wrapper_7 #input_7_48_2_month,
#gform_wrapper_7 #input_7_48_2_year {
  display: block !important;
  width: 100% !important;
  margin-left: 0 !important;
}

/* 5) Espacio entre Month y Year (sin que “se corra”) */
#gform_wrapper_7 #input_7_48_2_month {
  margin-bottom: 10px !important;
}
#gform_wrapper_7 #input_7_48_2_year {
  margin-bottom: 0 !important;
}

/* 6) Asegura que el bloque Expiration/CVV use el mismo sistema de layout */
#gform_wrapper_7 #input_7_48_2_container.gform-grid-row {
  display: flex !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

/* izquierda (Expiration) y derecha (CVV) sin padding raro */
#gform_wrapper_7 #input_7_48_2_cardinfo_left,
#gform_wrapper_7 #input_7_48_2_cardinfo_right {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 0 !important;
}

/* 7) En móvil: una columna (evita deformaciones) */
@media (max-width: 520px) {
  #gform_wrapper_7 #input_7_48_2_container.gform-grid-row {
    flex-direction: column !important;
  }
}
/* ==========================================================
   FORM 7 – CREDIT CARD: ESPACIADO VERTICAL CORRECTO
   + RADIO BUTTONS SIN RECUADRO
========================================================== */

/* ----------------------------
   1) ESPACIADO VERTICAL CREDIT CARD
---------------------------- */

/* margen entre los sub-bloques del CC (Number / Expiration / CVV / Name) */
#gform_wrapper_7 #field_7_48 .ginput_container_creditcard > * {
  margin-bottom: 16px !important;
}

/* último bloque sin margen extra */
#gform_wrapper_7 #field_7_48 .ginput_container_creditcard > *:last-child {
  margin-bottom: 0 !important;
}

/* margen entre label principal y primer input */
#gform_wrapper_7 #field_7_48 > .gfield_label {
  margin-bottom: 14px !important;
}

/* margen entre sub-label (Expiration Date / Security Code) y sus inputs */
#gform_wrapper_7 #field_7_48 .gform-field-label--type-sub {
  margin-bottom: 8px !important;
}

/* margen específico entre Month y Year */
#gform_wrapper_7 #input_7_48_2_month {
  margin-bottom: 10px !important;
}

/* ----------------------------
   2) RADIO BUTTONS – QUITAR RECUADRO FE0
---------------------------- */

/* elimina fieldset / legend del radio */
#gform_wrapper_7 .gfield.gfield--type-radio,
#gform_wrapper_7 .gfield.gfield--type-radio fieldset,
#gform_wrapper_7 .gfield.gfield--type-radio legend {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* limpia contenedor interno */
#gform_wrapper_7 .gfield.gfield--type-radio .ginput_container {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* espaciado vertical entre radios */
#gform_wrapper_7 .gfield.gfield--type-radio .gchoice {
  margin-bottom: 10px !important;
}

/* último radio sin margen extra */
#gform_wrapper_7 .gfield.gfield--type-radio .gchoice:last-child {
  margin-bottom: 0 !important;
}

/* alinear checkbox/radio y texto correctamente */
#gform_wrapper_7 .gfield.gfield--type-radio label {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

/* evita que el input radio meta bordes raros */
#gform_wrapper_7 .gfield.gfield--type-radio input[type="radio"] {
  box-shadow: none !important;
  outline: none !important;
}
/* ==========================================================
   FORM 7 – EMAIL FIELD SIN RECUADRO
========================================================== */

/* contenedor del campo email */
#gform_wrapper_7 .gfield.gfield--type-email,
#gform_wrapper_7 .gfield.gfield--type-email .ginput_container {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* input email limpio (solo el borde del input, no del field) */
#gform_wrapper_7 .gfield.gfield--type-email input[type="email"] {
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

/* ==========================================================
   FORM 7 – EXPIRATION DATE: MARGEN VERTICAL CORRECTO
========================================================== */

/* margen entre Card Number y Expiration Date */
#gform_wrapper_7 #input_7_48_2_cardinfo_left {
  margin-top: 14px !important;
}

/* margen entre Expiration Date y Security Code (en desktop) */
#gform_wrapper_7 #input_7_48_2_container {
  margin-bottom: 14px !important;
}

/* margen entre el label "Expiration Date" y los selects */
#gform_wrapper_7 #input_7_48_2_cardinfo_left legend {
  margin-bottom: 8px !important;
  display: block !important;
}

/* margen interno consistente para Month / Year */
#gform_wrapper_7 .ginput_card_expiration_container {
  margin-top: 6px !important;
}

/* en móvil: que respire más */
@media (max-width: 520px) {
  #gform_wrapper_7 #input_7_48_2_cardinfo_left {
    margin-top: 18px !important;
  }
}/* End custom CSS */