.elementor-367 .elementor-element.elementor-element-009885b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-367 .elementor-element.elementor-element-009885b:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-009885b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-367 .elementor-element.elementor-element-ff78e96{--display:flex;--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-367 .elementor-element.elementor-element-939e8c8{--display:flex;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-367 .elementor-element.elementor-element-939e8c8:not(.elementor-motion-effects-element-type-background), .elementor-367 .elementor-element.elementor-element-939e8c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.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-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.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-367 .elementor-element.elementor-element-e07a72f .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group.recaptcha_v3-bottomleft, .elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-367 .elementor-element.elementor-element-e07a72f .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-367 .elementor-element.elementor-element-e07a72f .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-367 .elementor-element.elementor-element-e07a72f .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group > label{font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:500;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-type-html{padding-bottom:0px;font-family:"Nunito", Sans-serif;font-weight:500;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group .elementor-field, .elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-subgroup label{font-family:"Nunito", Sans-serif;font-weight:500;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-button{font-family:"Quicksand", Sans-serif;font-weight:700;border-radius:30px 30px 30px 30px;}.elementor-367 .elementor-element.elementor-element-e07a72f .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-button[type="submit"]{color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-primary );color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-367 .elementor-element.elementor-element-e07a72f .elementor-message{font-family:"Quicksand", Sans-serif;font-weight:500;}.elementor-367 .elementor-element.elementor-element-e07a72f .e-form__indicators__indicator, .elementor-367 .elementor-element.elementor-element-e07a72f .e-form__indicators__indicator__label{font-family:"Caveat", Sans-serif;font-weight:700;}.elementor-367 .elementor-element.elementor-element-e07a72f{--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-367 .elementor-element.elementor-element-b1b98e6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-367 .elementor-element.elementor-element-009885b{--content-width:1140px;}.elementor-367 .elementor-element.elementor-element-ff78e96{--width:50%;}.elementor-367 .elementor-element.elementor-element-939e8c8{--width:50%;}}@media(max-width:767px){.elementor-367 .elementor-element.elementor-element-009885b{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-367 .elementor-element.elementor-element-939e8c8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-form .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-form .elementor-message{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for form, class: .elementor-element-e07a72f *//* ═══════════════════════════════════════════
   CSS OVERRIDE — Formulario Elementor → Design System RODACART
   Pegar en Elementor > Custom CSS del widget o en
   Apariencia > Personalizar > CSS adicional
   ═══════════════════════════════════════════ */

/* Container del form */
.elementor-form-fields-wrapper {
  gap: 16px !important;
}

/* ═══════════════════════════════════════════
   LABELS
   ═══════════════════════════════════════════ */
.elementor-field-label {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: #1A1A1A !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.01em !important;
}

/* Asterisco campos obligatorios en rojo RodaCart */
.elementor-field-label .elementor-mark-required {
  color: #DB2722 !important;
  margin-left: 2px !important;
}

/* ═══════════════════════════════════════════
   INPUTS Y TEXTAREA
   ═══════════════════════════════════════════ */
.elementor-field-textual {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.96rem !important;
  font-weight: 400 !important;
  color: #1A1A1A !important;
  padding: 13px 16px !important;
  border: 1px solid #E4E4E4 !important;
  border-radius: 7px !important;
  background-color: #FFFFFF !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
  outline: none !important;
  box-shadow: none !important;
  min-height: auto !important;
}

.elementor-field-textual:focus {
  border-color: #DB2722 !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 0 0 3px rgba(219, 39, 34, 0.12) !important;
}

.elementor-field-textual::placeholder {
  color: #8A8A8A !important;
  font-weight: 400 !important;
}

/* Textarea altura */
textarea.elementor-field-textual {
  min-height: 130px !important;
  resize: vertical !important;
  line-height: 1.55 !important;
}

/* ═══════════════════════════════════════════
   SELECTS · UNA SOLA FLECHA
   (fix para Elementor que dibuja 2)
   ═══════════════════════════════════════════ */

/* 1. Reset agresivo del select nativo */
.elementor-field-group select.elementor-field-textual,
.elementor-field-group select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
  padding-right: 42px !important;
  cursor: pointer !important;
  -ms-expand-arrow: none;
}

/* 2. Quitar la flecha nativa de IE/Edge */
.elementor-field-group select::-ms-expand {
  display: none !important;
}

/* 3. Focus: cambia color de la flecha al rojo de marca */
.elementor-field-group select.elementor-field-textual:focus,
.elementor-field-group select:focus {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23DB2722' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 16px !important;
}

/* 4. Eliminar pseudo-elementos que Elementor pueda inyectar */
.elementor-field-type-select::before,
.elementor-field-type-select::after,
.elementor-select-wrapper::before,
.elementor-select-wrapper::after {
  display: none !important;
  content: none !important;
}

/* 5. Si Elementor envuelve el select en .elementor-select-wrapper */
.elementor-select-wrapper {
  background: transparent !important;
  position: relative !important;
}
.elementor-select-wrapper::after,
.elementor-select-wrapper i,
.elementor-select-wrapper svg {
  display: none !important;
}

/* ═══════════════════════════════════════════
   CHECKBOX ACCEPTANCE (RGPD)
   ═══════════════════════════════════════════ */
.elementor-field-type-acceptance {
  margin-top: 4px !important;
}

.elementor-field-type-acceptance .elementor-field-subgroup {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.elementor-acceptance-field {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-top: 2px !important;
  accent-color: #DB2722 !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}

.elementor-field-type-acceptance label {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.84rem !important;
  color: #6a6a6a !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  cursor: pointer !important;
}

.elementor-field-type-acceptance label a {
  color: #DB2722 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  font-weight: 600 !important;
}

.elementor-field-type-acceptance label a:hover {
  color: #B41E1A !important;
}

/* ═══════════════════════════════════════════
   BOTÓN SUBMIT · Estilo CTA RodaCart oficial
   - Borde 2px sólido rojo
   - Border-radius 7px
   - Padding 17px / 24px (igual que el botón Contacta del header)
   - Icono flecha a la derecha (vía ::after con SVG mask)
   - Hover: grow (scale 1.04) sin cambio de color
   - Width 100% para ocupar todo el form
   ═══════════════════════════════════════════ */
.elementor-field-type-submit {
  margin-top: 8px !important;
}

.elementor-field-type-submit .elementor-button {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: #DB2722 !important;
  border: 2px solid #DB2722 !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
  padding: 17px 24px !important;
  border-radius: 7px !important;
  cursor: pointer !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1),
              background 0.25s ease,
              border-color 0.25s ease !important;
  letter-spacing: 0.2px !important;
  text-transform: none !important;
  will-change: transform !important;
}

.elementor-field-type-submit .elementor-button,
.elementor-field-type-submit .elementor-button:link,
.elementor-field-type-submit .elementor-button:visited,
.elementor-field-type-submit .elementor-button:active,
.elementor-field-type-submit .elementor-button:focus {
  color: #FFFFFF !important;
  background: #DB2722 !important;
  border-color: #DB2722 !important;
}

.elementor-field-type-submit .elementor-button:hover {
  background: #DB2722 !important;
  border-color: #DB2722 !important;
  color: #FFFFFF !important;
  transform: scale(1.04) !important;
}

.elementor-button-text {
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.98rem !important;
  font-weight: 600 !important;
}

/* Icono flecha derecha del botón submit (mask SVG, hereda color blanco) */
.elementor-field-type-submit .elementor-button::after {
  content: '' !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  background-color: currentColor !important;
  -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") !important;
  mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><line x1='5' y1='12' x2='19' y2='12'/><polyline points='12 5 19 12 12 19'/></svg>") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
  flex-shrink: 0 !important;
}

/* ═══════════════════════════════════════════
   LIMPIEZA DE ESTILOS POR DEFECTO ELEMENTOR
   ═══════════════════════════════════════════ */
.elementor-field-group {
  padding: 0 !important;
}

.elementor-field-group:not(.elementor-field-type-submit) {
  margin-bottom: 0 !important;
}

/* Fix columnas 50/50 con gap */
.elementor-field-group.elementor-col-50 {
  width: calc(50% - 8px) !important;
  flex: 0 0 calc(50% - 8px) !important;
}

.elementor-field-group.elementor-col-100 {
  width: 100% !important;
  flex: 0 0 100% !important;
}

/* ═══════════════════════════════════════════
   MENSAJES DE ÉXITO Y ERROR
   ═══════════════════════════════════════════ */
.elementor-message-success {
  background: rgba(16, 185, 129, 0.10) !important;
  color: #0a7c5a !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 500 !important;
}

.elementor-message-danger {
  background: rgba(219, 39, 34, 0.08) !important;
  color: #a31e1a !important;
  border: 1px solid rgba(219, 39, 34, 0.25) !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  font-family: 'Montserrat', system-ui, sans-serif !important;
  font-size: 0.94rem !important;
  font-weight: 500 !important;
}

/* ═══════════════════════════════════════════
   MOBILE
   ═══════════════════════════════════════════ */
@media (max-width: 600px) {
  .elementor-field-group.elementor-col-50 {
    width: 100% !important;
    flex: 0 0 100% !important;
  }

  .elementor-field-textual {
    font-size: 16px !important; /* evita zoom iOS al hacer focus */
  }

  .elementor-field-type-submit .elementor-button {
    padding: 15px 22px !important;
  }
}/* End custom CSS */