.elementor-5590 .elementor-element.elementor-element-cal001{--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-5590 .elementor-element.elementor-element-cal010{--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:160px;--padding-bottom:84px;--padding-left:44px;--padding-right:44px;}.elementor-5590 .elementor-element.elementor-element-cal010:not(.elementor-motion-effects-element-type-background), .elementor-5590 .elementor-element.elementor-element-cal010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(125deg, #0E2659 0%, #1f8f8a 100%);}.elementor-5590 .elementor-element.elementor-element-cal020{--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:90px;--padding-bottom:90px;--padding-left:44px;--padding-right:44px;}.elementor-5590 .elementor-element.elementor-element-cal020:not(.elementor-motion-effects-element-type-background), .elementor-5590 .elementor-element.elementor-element-cal020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f7f5f0;}.elementor-5590 .elementor-element.elementor-element-cal030{--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;}@media(max-width:767px){.elementor-5590 .elementor-element.elementor-element-cal010{--padding-top:130px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-5590 .elementor-element.elementor-element-cal020{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-5590 .elementor-element.elementor-element-cal010{--content-width:1152px;}.elementor-5590 .elementor-element.elementor-element-cal020{--content-width:1152px;}}/* Start custom CSS *//* CALCULADORA — tarjeta con el aspecto de calculadora-cae.html
   El calculador es el de 3 pasos (el que funciona). Aquí solo se cambia el aspecto:
   · fuera la cabecera de la tarjeta (el hero ya pone el titular)
   · la barra de progreso arriba del todo, de 7px y redondeada
   · el contador de pasos pequeño y a la derecha, como en el diseño
   · tarjeta de 640px, radio 20, sombra suave */

.at-p-calculadora-cae #ath-calc .calc{
  max-width:640px;
  margin:0 auto;
  border:1px solid #e2ddd2;
  border-radius:20px;
  box-shadow:0 12px 34px rgba(14,38,89,.08);
  padding:26px 26px 22px;
  background:#fff;
}

/* La cabecera de la tarjeta repetía el titular del hero: fuera */
.at-p-calculadora-cae #ath-calc .calc-head{ display:none; }

/* Barra de progreso: 7px, redondeada, como en el diseño de esta página */
.at-p-calculadora-cae #ath-calc .calc-progress{
  height:7px;
  background:#f7f5f0;
  border-radius:99px;
  overflow:hidden;
}
.at-p-calculadora-cae #ath-calc .calc-progress span{ border-radius:99px; }

/* El cuerpo ya no necesita su propio padding: lo pone la tarjeta */
.at-p-calculadora-cae #ath-calc .calc-body{ padding:0; }

/* Contador de pasos: pequeño, gris y a la derecha (en el diseño es .calc-count) */
.at-p-calculadora-cae #ath-calc .cstep-k{
  font-family:'Inter',system-ui,sans-serif;
  font-size:.8rem;
  font-weight:400;
  letter-spacing:normal;
  text-transform:none;
  color:#6b6f78;
  text-align:right;
  margin:8px 0 18px;
}

/* Campos con el radio del diseño de esta página */
.at-p-calculadora-cae #ath-calc .cf input{
  border-radius:10px;
  padding:11px 13px;
  font-size:.95rem;
  border:1.5px solid #e2ddd2;
}
.at-p-calculadora-cae #ath-calc select{
  border-radius:12px;
  padding:12px 13px;
  font-size:1rem;
  border:1.5px solid #e2ddd2;
}
.at-p-calculadora-cae #ath-calc .cf label{
  font-size:.85rem;
  font-weight:600;
  color:#111a2e;
  margin-bottom:5px;
}

/* Botones de navegación con ancho mínimo, como en el diseño */
.at-p-calculadora-cae #ath-calc .calc-nav .btn,
.at-p-calculadora-cae #ath-calc .calc-back{
  min-width:130px;
  justify-content:center;
  white-space:nowrap;
}

/* MÓVIL: con el ancho fijo de 130px la flecha del botón se caía a una
   segunda línea. Aquí se suelta el ancho y los botones reparten el espacio. */
@media (max-width:600px){
  .at-p-calculadora-cae #ath-calc .calc-nav{ gap:10px; }
  .at-p-calculadora-cae #ath-calc .calc-nav .btn,
  .at-p-calculadora-cae #ath-calc .calc-back{
    min-width:0;
    flex:1 1 auto;
    padding-left:14px;
    padding-right:14px;
  }
}/* End custom CSS */