.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-8bd5397{padding:3% 3% 3% 3%;--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-labels-inline .elementor-field-group > label{padding-left:14px;}body:not(.rtl) .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-labels-inline .elementor-field-group > label{padding-right:14px;}body .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-labels-above .elementor-field-group > label{padding-bottom:14px;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group > label, .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-subgroup label{color:#D6C8A7;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group > label{font-family:"Agrandir", Sans-serif;font-size:14px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-type-html{padding-bottom:0px;color:#4D4D4D;font-family:"Agrandir", Sans-serif;font-size:14px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group .elementor-field{color:#D6C8A7;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group .elementor-field, .elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-subgroup label{font-family:"Agrandir", Sans-serif;font-weight:400;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#4D4D4D;border-color:#000000;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group .elementor-select-wrapper select{background-color:#4D4D4D;border-color:#000000;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-field-group .elementor-select-wrapper::before{color:#000000;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-button{font-family:"Agrandir", Sans-serif;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;}.elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__buttons__wrapper__button-next{background-color:#000000;color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-button[type="submit"]{background-color:#000000;color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__buttons__wrapper__button-previous{background-color:#D6C8A7;color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-27 .elementor-element.elementor-element-8bd5397 .elementor-message{font-family:"Agrandir", Sans-serif;font-size:14px;font-weight:400;}.elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__indicators__indicator, .elementor-27 .elementor-element.elementor-element-8bd5397 .e-form__indicators__indicator__label{font-family:"Agrandir", Sans-serif;font-weight:500;}#elementor-popup-modal-27{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-27 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-27 .dialog-close-button{display:flex;}#elementor-popup-modal-27 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for form, class: .elementor-element-8bd5397 *//* 1. INPUTS DE TEXTO (Name, Email, WhatsApp) - 100% de ancho */ .elementor-field-group input[type="text"], .elementor-field-group input[type="email"], .elementor-field-group input[type="tel"] { width: 100% !important; box-sizing: border-box; } /* 2. CONTENEDOR DE OPCIONES (Radios y Checkboxes) */ .elementor-field-group .elementor-field-subgroup { display: grid !important; grid-template-columns: 1fr 1fr; /* 2 columnas = ~50% cada botón */ gap: 8px; /* Espacio entre botones */ width: 100% !important; margin-top: 10px; } /* Si quieres que "Age Range" (radio) se vea en 1 columna como en tu primera imagen, usa esto específico para radios: */ .elementor-field-group:has(input[type="radio"]) .elementor-field-subgroup { grid-template-columns: 1fr; /* 1 columna para radios */ } /* 3. OCULTAR INPUTS NATIVOS (círculos y cuadrados) */ .elementor-field-group .elementor-field-option input[type="radio"], .elementor-field-group .elementor-field-option input[type="checkbox"] { position: absolute !important; opacity: 0; width: 0 !important; height: 0 !important; pointer-events: none; } /* 4. ESTILO DEL BOTÓN (LABEL) */ .elementor-field-group .elementor-field-option { display: block !important; width: 100% !important; margin: 0 !important; } .elementor-field-group .elementor-field-option label { display: flex !important; align-items: center; justify-content: center; box-sizing: border-box; width: 100% !important; padding: 12px 15px !important; background: #4D4D4D; color: #D9D2B0; cursor: pointer; transition: all 0.3s ease; border: 1px solid transparent; text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 !important; } /* 5. HOVER */ .elementor-field-group .elementor-field-option label:hover { background: #666666; color: #ffffff; } /* 6. SELECCIONADO (tanto Radio como Checkbox) */ .elementor-field-group .elementor-field-option input[type="radio"]:checked + label, .elementor-field-group .elementor-field-option input[type="checkbox"]:checked + label { background: #D9D2B0 !important; color: #000000 !important; border-color: #D9D2B0; font-weight: bold; } /* 7. FOCO TECLADO */ .elementor-field-group .elementor-field-option input:focus-visible + label { outline: 2px solid #ffffff; outline-offset: 2px; } /* 8. FORZAR CHECKBOXES VISIBLES (evita que Elementor los convierta en