.elementor-466938 .elementor-element.elementor-element-be4c023 > .elementor-container{max-width:1468px;}.elementor-466938 .elementor-element.elementor-element-be4c023:not(.elementor-motion-effects-element-type-background), .elementor-466938 .elementor-element.elementor-element-be4c023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://autogallerypremium.com/wp-content/uploads/pexels-mikebird-17623967-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-466938 .elementor-element.elementor-element-be4c023 > .elementor-background-overlay{background-color:transparent;background-image:radial-gradient(at center center, #FF0000 0%, #000000 100%);opacity:0.93;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-466938 .elementor-element.elementor-element-be4c023{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-6%;margin-bottom:0%;padding:6% 0% 0% 0%;}.elementor-466938 .elementor-element.elementor-element-ff5ae5e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-466938 .elementor-element.elementor-element-ff5ae5e > .elementor-element-populated{padding:0px 30px 0px 30px;}.elementor-466938 .elementor-element.elementor-element-b2fdcac .elementor-spacer-inner{height:73px;}.elementor-466938 .elementor-element.elementor-element-1607bc3 .elementor-spacer-inner{height:70px;}@media(max-width:1024px){.elementor-466938 .elementor-element.elementor-element-b2fdcac .elementor-spacer-inner{height:17px;}.elementor-466938 .elementor-element.elementor-element-1607bc3 .elementor-spacer-inner{height:70px;}}@media(min-width:1025px){.elementor-466938 .elementor-element.elementor-element-be4c023:not(.elementor-motion-effects-element-type-background), .elementor-466938 .elementor-element.elementor-element-be4c023 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-466938 .elementor-element.elementor-element-be4c023{margin-top:-111%;margin-bottom:0%;padding:500px 0px 0px 0px;}.elementor-466938 .elementor-element.elementor-element-ff5ae5e > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-466938 .elementor-element.elementor-element-b2fdcac .elementor-spacer-inner{height:20px;}.elementor-466938 .elementor-element.elementor-element-1607bc3 .elementor-spacer-inner{height:50px;}}/* Start custom CSS for vehica_loan_calculator_general_widget, class: .elementor-element-459e4e0 */body .vehica-loan-calculator,
body .vehica-loan-calculator *{
  --primary: #e6273f;
  --primary-color: #e6273f;
  --secondary: #8c1526;
  --vehica-primary: #e6273f;
  --color-primary: #e6273f;
}
 
/* -------- 1. Panel principal: de gris claro a cristal oscuro -------- */
body .vehica-loan-calculator{
  background-color: rgba(36,32,38,.62) !important;      /* anula el #eff0f1 · más claro */
  background-image: linear-gradient(135deg,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.07) 45%,
      rgba(255,255,255,.03) 100%) !important;
  backdrop-filter: blur(30px) saturate(1.15);
  -webkit-backdrop-filter: blur(30px) saturate(1.15);
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 20px;                    /* el que ya trae el componente */
  padding: 50px 30px 70px 30px;           /* mantiene su altura, con aire lateral */
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 30px 70px rgba(0,0,0,.45) !important;
  color: #fff !important;
}
 
/* -------- 2. Textos y etiquetas -------- */
body .vehica-loan-calculator,
body .vehica-loan-calculator *{
  color: #fff;
}
body .vehica-loan-calculator label,
body .vehica-loan-calculator .vehica-loan-calculator__label{
  color: #cbbdc2 !important;              /* etiquetas más legibles */
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px !important;
}
 
/* -------- 3. SELECT: se conservan TODAS sus medidas -------- */
body .vehica-loan-calculator select{
  /* ==== medidas originales del componente (no tocar) ==== */
  min-height: 53px;
  border-radius: 10px;
  width: 100%;
  padding: 10px 27px;
  padding-left: 69px !important;          /* deja hueco al icono del plugin */
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  font-weight: bold;
 
  /* ==== piel nueva ==== */
  background: rgba(255,255,255,.11) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20) !important;
  color: #fff !important;
  font-family: inherit !important;        /* usa la fuente del sitio */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: border-color .3s, box-shadow .3s, background .3s;
  -webkit-appearance: none;
  appearance: none;
  background-image:
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b9aab0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 18px !important;
}
body .vehica-loan-calculator select option{
  color: #222;
  background: #fff;
}
 
/* -------- 4. INPUTS de texto/número: mismas medidas que el select -------- */
body .vehica-loan-calculator input[type="text"],
body .vehica-loan-calculator input[type="number"],
body .vehica-loan-calculator input:not([type="submit"]):not([type="range"]){
  min-height: 53px;
  border-radius: 10px;
  width: 100%;
  padding: 10px 27px;
  padding-left: 69px !important;          /* alineado con los selects */
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  font-weight: bold;
 
  background: rgba(255,255,255,.11) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20) !important;
  color: #fff !important;
  font-family: inherit !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  transition: border-color .3s, box-shadow .3s, background .3s;
}
body .vehica-loan-calculator ::placeholder{ color:#8a7b81; opacity:1; }
 
/* quita las flechitas del número */
body .vehica-loan-calculator input[type=number]{ -moz-appearance: textfield; }
body .vehica-loan-calculator input[type=number]::-webkit-outer-spin-button,
body .vehica-loan-calculator input[type=number]::-webkit-inner-spin-button{
  -webkit-appearance: none; margin: 0;
}
 
/* -------- 5. Foco: borde y halo rojo vino -------- */
body .vehica-loan-calculator select:focus,
body .vehica-loan-calculator input:focus{
  outline: none;
  border-color: rgba(235,85,100,.75) !important;
  background: rgba(0,0,0,.28) !important;
  box-shadow:
    0 0 12px rgba(178,28,42,.55),
    0 0 26px rgba(140,20,35,.35),
    inset 0 1px 0 rgba(255,255,255,.15) !important;
}
 
/* -------- 6. Iconos del plugin dentro de los campos -------- */
body .vehica-loan-calculator i,
body .vehica-loan-calculator svg,
body .vehica-loan-calculator [class*="icon"]{
  color: #e6273f !important;
  fill: #e6273f;
  opacity: 1;
}
 
/* -------- 7. Resultado / cuota mensual (era una caja BLANCA) -------- */
body .vehica-loan-calculator [class*="result"],
body .vehica-loan-calculator [class*="total"],
body .vehica-loan-calculator [class*="monthly"],
body .vehica-loan-calculator [class*="summary"],
body .vehica-loan-calculator [class*="output"]{
  background-color: rgba(46,26,32,.55) !important;   /* anula el blanco */
  background-image: linear-gradient(135deg, rgba(230,39,63,.16), rgba(140,20,35,.08)) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(235,85,100,.45) !important;
  border-radius: 18px !important;
  color: #fff !important;
  box-shadow:
    0 0 24px rgba(178,28,42,.32),
    0 0 60px rgba(140,20,35,.20),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}
/* todo el texto de esa caja en blanco */
body .vehica-loan-calculator [class*="result"] *,
body .vehica-loan-calculator [class*="total"] *,
body .vehica-loan-calculator [class*="monthly"] *,
body .vehica-loan-calculator [class*="summary"] *{
  color: #fff !important;
}
 
/* ------------------------------------------------------------
   FIX: cajas duplicadas / anidadas
   Los comodines coinciden también con los hijos, y eso dibujaba
   varios marcos superpuestos. Aquí se anulan los interiores para
   que quede UNA sola caja.
   ------------------------------------------------------------ */
body .vehica-loan-calculator [class*="result"] [class*="result"],
body .vehica-loan-calculator [class*="result"] [class*="total"],
body .vehica-loan-calculator [class*="result"] [class*="monthly"],
body .vehica-loan-calculator [class*="result"] [class*="summary"],
body .vehica-loan-calculator [class*="result"] [class*="output"],
body .vehica-loan-calculator [class*="total"]  [class*="total"],
body .vehica-loan-calculator [class*="total"]  [class*="result"],
body .vehica-loan-calculator [class*="total"]  [class*="monthly"],
body .vehica-loan-calculator [class*="monthly"] [class*="monthly"],
body .vehica-loan-calculator [class*="monthly"] [class*="result"],
body .vehica-loan-calculator [class*="summary"] [class*="summary"],
body .vehica-loan-calculator [class*="summary"] [class*="result"]{
  background: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
 
/* ------------------------------------------------------------
   FIX: caja interior con max-width / borde blanco del plugin
   (la regla con max-width:782px, border-radius:20px y
    background-color:#fff)
   ------------------------------------------------------------ */
body .vehica-loan-calculator [class*="result"],
body .vehica-loan-calculator [class*="total"],
body .vehica-loan-calculator [class*="monthly"]{
  max-width: 100% !important;      /* ocupaba solo 782px y descuadraba */
  margin: 24px auto 0 !important;
  padding: 30px 24px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(235,85,100,.45) !important;   /* en vez de var(--primary) */
}
 
/* FIX: línea vertical blanca suelta (separadores internos del plugin) */
body .vehica-loan-calculator [class*="result"] hr,
body .vehica-loan-calculator [class*="total"] hr,
body .vehica-loan-calculator [class*="divider"],
body .vehica-loan-calculator [class*="separator"]{
  border-color: rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.12) !important;
}
body .vehica-loan-calculator [class*="result"] > div,
body .vehica-loan-calculator [class*="total"] > div{
  border-left: 0 !important;
  border-right: 0 !important;
}
/* la cifra grande */
body .vehica-loan-calculator [class*="result"] strong,
body .vehica-loan-calculator [class*="price"],
body .vehica-loan-calculator [class*="amount"]{
  color: #fff !important;
  text-shadow: 0 0 30px rgba(230,39,63,.55);
}
 
/* -------- 8. Botón (si el componente lo tiene) -------- */
body .vehica-loan-calculator button,
body .vehica-loan-calculator input[type="submit"],
body .vehica-loan-calculator .vehica-button{
  background: #e6273f !important;
  border: none !important;
  border-radius: 100px !important;
  color: #fff !important;
  font-weight: 700;
  min-height: 53px;
  padding: 0 32px !important;
  transition: transform .3s, background .3s, box-shadow .3s;
}
body .vehica-loan-calculator button:hover,
body .vehica-loan-calculator input[type="submit"]:hover,
body .vehica-loan-calculator .vehica-button:hover{
  background: #ff4257 !important;
  transform: translateY(-2px);
  box-shadow:
    0 0 16px rgba(200,35,52,.6),
    0 0 40px rgba(140,20,35,.4) !important;
}
 
/* -------- 9. Barras deslizantes (range), si las usa -------- */
body .vehica-loan-calculator input[type="range"]{
  accent-color: #e6273f;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto;
}
 
/* -------- 10. Responsive -------- */
@media (max-width: 768px){
  body .vehica-loan-calculator{
    padding: 30px 18px 40px 18px;
    border-radius: 18px;
  }
  body .vehica-loan-calculator select,
  body .vehica-loan-calculator input:not([type="submit"]):not([type="range"]){
    padding-left: 58px !important;        /* icono algo más cerca en móvil */
    font-size: 13.5px;
  }
}/* End custom CSS */