.elementor-54098 .elementor-element.elementor-element-36e1096{--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;--overflow:hidden;--border-radius:18px 18px 18px 18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54098 .elementor-element.elementor-element-bde162d{--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;--overflow:hidden;--border-radius:10px 10px 10px 10px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-54098 .elementor-element.elementor-element-59a7270 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-type-html{padding-bottom:0px;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-2c16ea7{--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-54098 .elementor-element.elementor-element-cad54e3{--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;--overflow:hidden;--border-radius:18px 18px 18px 18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-54098 .elementor-element.elementor-element-0e6d3af{--display:flex;}.elementor-54098 .elementor-element.elementor-element-7dc4219{width:100%;max-width:100%;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-type-html{padding-bottom:0px;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-button[type="submit"]{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-54098 .elementor-element.elementor-element-fa23401{--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-popup-modal-54098{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-54098 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-54098 .dialog-close-button{display:flex;}#elementor-popup-modal-54098 .dialog-widget-content{border-radius:18px 18px 18px 18px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-54098 .elementor-element.elementor-element-0e6d3af{--width:100%;}}@media(max-width:767px){.elementor-54098 .elementor-element.elementor-element-bde162d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS *//* Calculadora de combustible · Satrack · v25.4 · ESTILOS
   Va en: popup "Formulario de Combustible" → Ajustes de Popup → Avanzado → Custom CSS.
   Ancho: formulario 560 px · calculadora hasta 1240 px en computador, 94 % en tableta,
   pantalla completa en celular.
   DÓNDE ESTÁ CADA PARTE (multisitio: el widget HTML no puede guardar código):
     · JavaScript → página "Solución de combustible" → Ajustes de página → Avanzado → JS personalizado
     · Estilos   → este popup → Ajustes de Popup → Avanzado → Custom CSS (aquí)
     · Recuadro  → widget "Código Calculadora": solo el div st-calc-mount + la nota del editor
   IMPORTANTE: no usar el combinador ">" en este CSS. Elementor lo guarda como ">"
   y la regla deja de funcionar. Usar #elementor-popup-modal-54098es descendientes o :not().
   Cambios v25.4: estilos del select (rango_veh), íconos para firstname / lastname /
   rango_veh, y se reemplazaron las 2 reglas que usaban ">" (no estaban aplicando). */
/* Todo el CSS está encapsulado en .st-calc para no afectar el tema ni otras secciones */
.st-calc{
  --blue-900:#0D1B4B;--blue-800:#1A2D6B;--blue-600:#2E4EAD;--blue-100:#D6E2F5;--blue-050:#EEF3FB;
  --yellow-600:#FBBC0C;--yellow-400:#FCD54A;--yellow-050:#FEF7D0;
  --ink:#0D1B4B;--ink-soft:#3E4F6B;--paper:#F5F6FA;--panel:#FFFFFF;--line:#D6E2F5;
  --radius:14px;--shadow:0 1px 2px rgba(13,27,75,.05),0 12px 34px rgba(13,27,75,.09);
  font-family:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  color:var(--ink);line-height:1.5;text-align:left;
  background:radial-gradient(120% 90% at 100% 0%,var(--blue-050) 0%,transparent 55%),var(--paper);
  padding:32px 28px 28px;
}
.st-calc *,.st-calc *::before,.st-calc *::after{box-sizing:border-box}
.st-calc h2,.st-calc h3,.st-calc p{margin:0;padding:0}
.st-calc button{font-family:inherit;text-transform:none;letter-spacing:normal;margin:0;box-shadow:none;cursor:pointer;line-height:1.2}
.st-calc button:focus-visible,.st-calc a:focus-visible{outline:3px solid var(--yellow-600);outline-offset:2px}

/* Layout */
.st-calc .st-page{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;max-width:1200px;margin:0 auto}
.st-calc .st-zone-title{grid-column:1;align-self:end;padding-bottom:20px}
.st-calc .st-zone-refbox{grid-column:2;align-self:start;padding-bottom:20px}
.st-calc .st-zone-divider{grid-column:1 / -1;height:1px;background:var(--line);margin-bottom:22px}
.st-calc .st-zone-desc{grid-column:1;margin-bottom:22px}
.st-calc .st-zone-toggle{grid-column:1 / -1;margin-bottom:20px}
.st-calc .st-zone-inputs{grid-column:1}
.st-calc .st-zone-result{grid-column:2;position:sticky;top:20px;align-self:start}
.st-calc .st-zone-foot{grid-column:1 / -1;margin-top:24px}

/* Encabezado */
.st-calc .st-eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue-600);font-weight:700;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.st-calc .st-eyebrow::before{content:"";width:22px;height:2px;background:var(--yellow-600);display:inline-block}
.st-calc .st-h{font-family:inherit;font-size:clamp(24px,4vw,38px);line-height:1.1;font-weight:900;letter-spacing:-.02em;max-width:18ch;color:var(--blue-900);text-transform:none}
.st-calc .st-h em{font-style:normal;color:var(--blue-600)}
.st-calc .st-sub{color:var(--ink-soft);font-size:14.5px;max-width:48ch;line-height:1.6}
.st-calc .st-badge{display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-900);background:var(--yellow-600);border:1px solid var(--yellow-400);border-radius:999px;padding:3px 10px;margin-top:10px}

.st-calc .st-refbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);min-width:210px}
.st-calc .st-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.st-calc .st-val{font-size:22px;font-weight:900;color:var(--blue-600);margin-top:2px}
.st-calc .st-val span{font-size:13px;font-weight:500;color:var(--ink-soft)}
.st-calc .st-note{font-size:11px;color:var(--ink-soft);margin-top:2px}

/* Toggles */
.st-calc .st-seg{display:inline-flex;background:var(--blue-050);border-radius:999px;padding:4px;border:1px solid var(--line)}
.st-calc .st-seg button{border:0;background:transparent;padding:9px 20px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--ink-soft);transition:.18s}
.st-calc .st-seg button:hover,.st-calc .st-seg button:focus{background:transparent;color:var(--ink)}
.st-calc .st-seg button.active,.st-calc .st-seg button.active:hover{background:var(--blue-600);color:#fff;box-shadow:0 2px 8px rgba(46,78,173,.28)}

.st-calc .st-period-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.st-calc .st-pseg{display:inline-flex;background:var(--blue-050);border-radius:999px;padding:3px;border:1px solid var(--line);flex-shrink:0}
.st-calc .st-pseg button{border:0;background:transparent;padding:5px 13px;border-radius:999px;font-size:12px;font-weight:700;color:var(--ink-soft);transition:.15s}
.st-calc .st-pseg button:hover,.st-calc .st-pseg button:focus{background:transparent;color:var(--ink)}
.st-calc .st-pseg button.active,.st-calc .st-pseg button.active:hover{background:var(--blue-600);color:#fff}
.st-calc .st-period-hint{font-size:11px;color:var(--ink-soft);margin-bottom:7px}

/* Cards */
.st-calc .st-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.st-calc .st-card-h{padding:16px 20px 12px;border-bottom:1px solid var(--line)}
.st-calc .st-card-h h3{font-family:inherit;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--blue-900);text-transform:none}
.st-calc .st-card-b{padding:18px 20px 22px}

/* Campos */
.st-calc .st-field{margin-bottom:18px}
.st-calc .st-field:last-child{margin-bottom:0}
/* Antes: .st-field > label (Elementor lo rompía como >). Las etiquetas con nombre + pista
   (vehículos en la flota, precio del ACPM) son las únicas label sin la clase st-name. */
.st-calc .st-field label:not(.st-name){display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:7px}
.st-calc .st-name{font-size:13.5px;font-weight:500;color:var(--ink)}
.st-calc .st-hint{font-size:11px;color:var(--ink-soft);text-align:right;max-width:54%}
.st-calc .st-desc{font-size:12px;color:var(--ink-soft);margin-top:8px;line-height:1.5}
.st-calc .st-agerow{display:flex;align-items:center;gap:8px;margin:8px 0 0;flex-wrap:wrap}
.st-calc #st-labelRend{display:block;margin-bottom:8px}
.st-calc .st-agelbl{font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap}
.st-calc .st-inputrow{position:relative;display:flex;align-items:center}
.st-calc .st-pre{position:absolute;left:12px;font-size:14px;color:var(--ink-soft);font-weight:500;pointer-events:none}
.st-calc .st-post{position:absolute;right:12px;font-size:12px;color:var(--ink-soft);pointer-events:none}
.st-calc .st-input{width:100%;font-family:inherit;font-size:16px;color:var(--ink);font-weight:500;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#FCFCFE;transition:.15s;box-shadow:none;height:auto;line-height:1.3}
.st-calc .st-input.has-pre{padding-left:26px}
.st-calc .st-input.has-post{padding-right:62px}
.st-calc .st-input:focus{outline:none;border-color:var(--blue-600);background:#fff;box-shadow:0 0 0 3px rgba(46,78,173,.14)}

.st-calc .st-presets{display:flex;gap:6px;flex-wrap:wrap}
.st-calc .st-preset{font-size:11.5px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--blue-050);border:1px solid var(--line);color:var(--ink-soft);transition:.15s}
.st-calc .st-preset:hover,.st-calc .st-preset:focus{background:var(--blue-050);border-color:var(--ink-soft);color:var(--ink)}
.st-calc .st-preset.on,.st-calc .st-preset.on:hover{background:var(--yellow-600);color:var(--blue-900);border-color:var(--yellow-600)}

/* Resultado */
.st-calc .st-headline{padding:22px 22px 18px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue-900),var(--blue-600))}
.st-calc .st-headline::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 120% 80% at 110% 10%,rgba(251,188,12,.18) 0%,transparent 60%);pointer-events:none}
.st-calc .st-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.85;font-weight:700;display:flex;align-items:center;gap:7px}
.st-calc .st-kicker::before{content:"";width:16px;height:2px;background:var(--yellow-600);display:inline-block}
.st-calc .st-big{font-size:clamp(28px,5.5vw,42px);font-weight:900;letter-spacing:-.025em;line-height:1;margin-top:8px}
.st-calc .st-per{font-size:13px;opacity:.85;margin-top:5px}
.st-calc .st-fleetline{margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.2);justify-content:space-between;align-items:baseline;font-size:13px}
.st-calc .st-fleetline b{font-size:19px;font-weight:900}

.st-calc .st-breakdown{padding:6px 22px 8px}
.st-calc .st-brow{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.st-calc .st-l{color:var(--ink-soft);display:flex;align-items:center;gap:8px}
.st-calc .st-sw{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.st-calc .st-sw-blue{background:var(--blue-600)}
.st-calc .st-sw-yellow{background:var(--yellow-600)}
.st-calc .st-v{font-weight:700;color:var(--ink)}
.st-calc .st-tot{border-bottom:0;padding:14px 0 6px;font-size:15px}
.st-calc .st-tot .st-l{color:var(--ink);font-weight:700}
.st-calc .st-tot .st-v{color:var(--blue-600);font-size:19px;font-weight:900}
.st-calc .st-method{font-size:11.5px;color:var(--ink-soft);font-style:italic;padding-bottom:6px}

.st-calc .st-payback{margin:6px 22px 18px;background:var(--blue-050);border:1px solid var(--blue-100);border-radius:12px;padding:13px 15px;display:flex;gap:12px;align-items:flex-start}
.st-calc .st-icon{width:32px;height:32px;border-radius:8px;background:var(--blue-600);display:grid;place-items:center;flex-shrink:0;font-size:15px}
.st-calc .st-txt{font-size:12.5px;color:var(--ink-soft);line-height:1.45}

/* CTAs */
.st-calc .st-ctas{padding:0 22px 22px}
.st-calc .st-cta{display:block;width:100%;text-align:center;border-radius:11px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:700;text-decoration:none;transition:.15s;line-height:1.2}
.st-calc .st-cta-primary{background:var(--yellow-600);color:var(--blue-900);border:0}
.st-calc .st-cta-primary:hover,.st-calc .st-cta-primary:focus{background:var(--yellow-400);color:var(--blue-900)}
.st-calc .st-cta-note{font-size:11.5px;color:var(--ink-soft);text-align:center;margin:6px 0 12px}
.st-calc .st-cta-secondary{background:transparent;color:var(--blue-600);border:1.5px solid var(--blue-600)}
.st-calc .st-cta-secondary:hover,.st-calc .st-cta-secondary:focus{background:var(--blue-050);color:var(--blue-800)}

.st-calc .st-foot{font-size:11.5px;color:var(--ink-soft);line-height:1.65}

/* Modo flota */
.st-calc .st-fleet-only{display:none}
.st-calc.st-is-fleet .st-field.st-fleet-only{display:block}
.st-calc.st-is-fleet .st-fleetline.st-fleet-only{display:flex}

@media (max-width:860px){
  .st-calc{padding:22px 16px 20px}
  .st-calc .st-page{grid-template-columns:1fr}
  .st-calc .st-zone-title,.st-calc .st-zone-refbox,.st-calc .st-zone-desc,.st-calc .st-zone-toggle,
  .st-calc .st-zone-inputs,.st-calc .st-zone-result,.st-calc .st-zone-foot{grid-column:1}
  .st-calc .st-zone-result{position:static;margin-top:20px}
  .st-calc .st-zone-divider{margin-bottom:16px}
}


/* ===== Pasos dentro del mismo popup =====
   En el sitio: se muestra un paso a la vez. En el editor de Elementor se ven los dos. */
body:not(.elementor-editor-active) #st-paso-calculadora:not(.st-visible),
body:not(.elementor-editor-active) #st-paso-registro.st-oculto{display:none !important}
/* Paso 1 (formulario) angosto: 560 px */
body:not(.elementor-editor-active) .elementor-popup-modal.st-modal-registro .dialog-message,
body:not(.elementor-editor-active) .elementor-popup-modal.st-modal-registro .dialog-widget-content{width:min(560px,calc(100vw - 32px)) !important}
.elementor-popup-modal:has(.st-calc) .dialog-message{max-height:94vh;overflow-y:auto}

/* Formulario oculto del diagnóstico (clase st-form-envio): invisible en el sitio, visible en el editor */
body:not(.elementor-editor-active) .st-form-envio{display:none !important}
.elementor-editor-active .st-form-envio{outline:2px dashed #FBBC0C;outline-offset:4px}

/* Estados del botón "Enviar diagnóstico" */
.st-calc .st-cta-primary[disabled]{opacity:.75;cursor:progress}
.st-calc .st-cta-primary.st-ok,.st-calc .st-cta-primary.st-ok:hover{background:#1E7B45;color:#fff;cursor:default;opacity:1}
.st-calc .st-cta-note.st-error{color:#B03A2E;font-weight:600}
.st-calc .st-cta-note b{color:var(--blue-900);word-break:break-all}
.st-calc .st-h:focus{outline:none}

/* ===== Paso 1 · Formulario de registro (clases st-form-title, st-form, st-ftrust) ===== */
.st-form,.st-ftrust,.st-form-title{
  --b9:#0D1B4B;--b6:#2E4EAD;--b1:#D6E2F5;--y6:#FBBC0C;--y4:#FCD54A;
  --ink:#0D1B4B;--soft:#3E4F6B;--muted:#8A97B0;--danger:#B03A2E;--ok:#1E7B45;
}
.st-form-title .elementor-heading-title{
  font-family:'Roboto',system-ui,sans-serif !important;font-size:20px !important;font-weight:800 !important;
  color:var(--ink) !important;text-transform:none !important;letter-spacing:-.01em !important;line-height:1.2 !important;
}
.st-form-title::after{
  content:"Déjanos tus datos para acceder a la calculadora y recibir tu informe por correo.";display:block;margin-top:4px;
  font:400 13px/1.4 'Roboto',system-ui,sans-serif;color:var(--soft);
}
.st-form .elementor-field-group .elementor-field-label{
  font-family:'Roboto',system-ui,sans-serif !important;font-size:12.5px !important;font-weight:600 !important;
  color:var(--ink) !important;padding:0 !important;margin-bottom:6px !important;
}
.st-form .elementor-mark-required .elementor-field-label::after{color:var(--danger) !important}

/* Campos de texto y select comparten el mismo aspecto.
   Elementor le pone al select la clase elementor-field-textual pero NO elementor-field
   (esa la lleva su contenedor .elementor-select-wrapper); por eso el select quedaba sin estilos. */
.st-form .elementor-field-group .elementor-field.elementor-field-textual,
.st-form .elementor-field-group .elementor-select-wrapper select{
  height:48px !important;min-height:48px !important;padding:10px 14px 10px 42px !important;
  font-family:'Roboto',system-ui,sans-serif !important;font-size:16px !important;color:var(--ink) !important;
  background-color:#F7F9FD !important;border:1.5px solid var(--b1) !important;border-radius:12px !important;
  background-repeat:no-repeat !important;background-position:14px center !important;background-size:18px !important;
  box-shadow:none;transition:border-color .15s,box-shadow .15s,background-color .15s;
}
.st-form .elementor-field.elementor-field-textual::placeholder{color:var(--muted) !important;opacity:1}
.st-form .elementor-field.elementor-field-textual:hover,
.st-form .elementor-select-wrapper select:hover{border-color:#B9CBEA !important}
.st-form .elementor-field.elementor-field-textual:focus,
.st-form .elementor-select-wrapper select:focus{outline:none;background-color:#fff !important;border-color:var(--b6) !important;box-shadow:0 0 0 4px rgba(46,78,173,.12)}
.st-form .elementor-field-group.elementor-error .elementor-field.elementor-field-textual,
.st-form .elementor-field-group.elementor-error .elementor-select-wrapper select{border-color:var(--danger) !important}
.st-form .elementor-message-danger.elementor-help-inline{font-size:12px;color:var(--danger);margin-top:4px}

/* ----- Select (rango_veh) ----- */
.st-form .elementor-select-wrapper{width:100%;position:relative}
.st-form .elementor-select-wrapper select{
  width:100% !important;-webkit-appearance:none !important;appearance:none !important;
  padding-right:42px !important;line-height:1.3 !important;cursor:pointer;text-overflow:ellipsis;
}
/* Mientras no se elige (primera opción sin valor + campo requerido) se ve como placeholder */
.st-form .elementor-select-wrapper select:invalid{color:var(--muted) !important}
.st-form .elementor-select-wrapper select option{color:var(--ink)}
/* Flecha de Elementor: a la derecha, azul y sin bloquear el clic */
.st-form .elementor-select-wrapper .select-caret-down-wrapper{
  right:16px !important;left:auto !important;top:50% !important;transform:translateY(-50%) !important;
  color:var(--b6) !important;fill:var(--b6) !important;font-size:12px !important;pointer-events:none;line-height:1;
}
.st-form .elementor-select-wrapper .select-caret-down-wrapper svg{width:12px;height:12px;fill:var(--b6)}
.st-form .elementor-select-wrapper::before{display:none !important}

/* Íconos dentro de los campos (ID del campo en Elementor) */
.st-form #form-field-firstname,
.st-form #form-field-lastname,
.st-form #form-field-nombre{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E4EAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") !important}
.st-form #form-field-empresa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E4EAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-3h4v3'/%3E%3C/svg%3E") !important}
.st-form #form-field-correo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E4EAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E") !important}
.st-form #form-field-telefono{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E4EAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E") !important}
/* Camión (rango de vehículos) */
.st-form #form-field-rango_veh{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232E4EAD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2zM13 9h4l4 4v3h-8z'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E") !important}

.st-form .elementor-field-type-acceptance .elementor-field-option{display:flex !important;align-items:flex-start;gap:9px}
.st-form .elementor-field-type-acceptance input[type="checkbox"]{width:18px;height:18px;margin:1px 0 0 !important;flex-shrink:0;accent-color:var(--b6);cursor:pointer}
.st-form .elementor-field-type-acceptance label{font-family:'Roboto',system-ui,sans-serif !important;font-size:12px !important;line-height:1.5 !important;color:var(--soft) !important;font-weight:400 !important;cursor:pointer}
.st-form .elementor-field-type-acceptance a{color:var(--b6) !important;text-decoration:underline}
/* Oculta la etiqueta "Aceptacion" encima de la casilla (la casilla ya tiene su texto).
   Antes usaba ">" y Elementor lo guardaba como >, así que no se ocultaba.
   La etiqueta de la casilla no lleva la clase elementor-field-label, así que no se ve afectada. */
.st-form .elementor-field-type-acceptance .elementor-field-label{display:none !important}
.st-form .elementor-field-type-submit .elementor-button{
  width:100% !important;min-height:54px;padding:15px 20px !important;
  font-family:'Roboto',system-ui,sans-serif !important;font-size:16px !important;font-weight:700 !important;
  letter-spacing:.01em !important;text-transform:none !important;
  color:var(--b9) !important;background:var(--y6) !important;border:0 !important;border-radius:12px !important;
  box-shadow:0 6px 18px rgba(251,188,12,.35);transition:background .15s,transform .1s,box-shadow .15s;
}
.st-form .elementor-field-type-submit .elementor-button:hover,
.st-form .elementor-field-type-submit .elementor-button:focus{background:var(--y4) !important;color:var(--b9) !important;box-shadow:0 8px 22px rgba(251,188,12,.45)}
.st-form .elementor-field-type-submit .elementor-button:active{transform:translateY(1px)}
.st-form .elementor-field-type-submit .elementor-button:focus-visible{outline:3px solid var(--b6);outline-offset:2px}
.st-form .elementor-message{margin-top:14px !important;padding:12px 14px;border-radius:12px;font-family:'Roboto',system-ui,sans-serif;font-size:13.5px;line-height:1.5}
.st-form .elementor-message::before{display:none !important}
.st-form .elementor-message.elementor-message-success{background:#E9F6EE;color:var(--ok);border:1px solid #BFE3CC}
.st-form .elementor-message.elementor-message-danger:not(.elementor-help-inline){background:#FBECEA;color:var(--danger);border:1px solid #F0C9C4}
.st-ftrust,.st-ftrust p{font-family:'Roboto',system-ui,sans-serif !important;font-size:11.5px !important;line-height:1.5 !important;color:var(--soft) !important;text-align:center !important;margin-bottom:0 !important}

/* Banner flotante (clase str-calc-teaser): se oculta mientras el popup está abierto */
.str-calc-teaser{transition:opacity .25s ease,visibility .25s ease,transform .25s ease}
body.stk-combustible-flujo-abierto .str-calc-teaser,
body.stk-combustible-lead-enviado .str-calc-teaser{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:translateY(12px)}

/* ===== Calculadora más amplia y adaptable  =====
   Solo afecta el paso de la calculadora; el formulario sigue angosto. */

/* Computador: ventana amplia */
@media (min-width:1025px){
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-message,
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-widget-content{width:min(1240px,94vw) !important;max-width:none !important}
  .st-calc{padding:40px 44px 36px}
  .st-calc .st-page{grid-template-columns:1.1fr 1fr;column-gap:40px}
}

/* Tableta: casi todo el ancho, dos columnas si caben */
@media (min-width:768px) and (max-width:1024px){
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-message,
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-widget-content{width:94vw !important;max-width:none !important}
  .st-calc{padding:28px 24px}
}

/* Celular: ocupa la pantalla, una columna */
@media (max-width:767px){
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-message,
  body:not(.elementor-editor-active) .elementor-popup-modal:not(.st-modal-registro):has(.st-calc) .dialog-widget-content{width:calc(100vw - 16px) !important;max-width:none !important}
  .elementor-popup-modal:has(.st-calc) .dialog-message{max-height:92dvh}
  .st-calc{padding:20px 14px 18px}
}

/* ===== Esquinas redondeadas del popup (18 px) ===== */
.elementor-popup-modal:has(.st-calc) .dialog-widget-content{border-radius:18px !important;overflow:hidden}

/* ===== Celular y tableta: popup centrado y visible =====
   Evita que una animación de entrada o la posición vertical lo dejen fuera de la pantalla. */
@media (max-width:1024px){
  .elementor-popup-modal:has(.st-calc){align-items:center !important;justify-content:center !important}
  .elementor-popup-modal:has(.st-calc) .dialog-widget-content{
    position:relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;
    transform:none !important;animation:none !important;margin:auto !important}
}

/* ===== Nota para el equipo: visible solo en el editor de Elementor ===== */
body:not(.elementor-editor-active) .st-nota-editor{display:none !important}
.st-nota-editor{margin:12px;background:#FFF8DB;border:1.5px dashed #FBBC0C;border-radius:12px;padding:14px 16px;
  font:13px/1.5 'Roboto',system-ui,sans-serif;color:#0D1B4B}
.st-nota-editor strong{font-weight:700}
.st-nota-editor p{margin:6px 0 0}/* End custom CSS */