.elementor-5252 .elementor-element.elementor-element-74973901{--display:flex;--min-height:100vh;--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;--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-5252 .elementor-element.elementor-element-7e61b2f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5252 .elementor-element.elementor-element-2d9a4fe8{--display:flex;--min-height:97vh;--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-5252 .elementor-element.elementor-element-2d9a4fe8:not(.elementor-motion-effects-element-type-background), .elementor-5252 .elementor-element.elementor-element-2d9a4fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vmoto.com.bo/wp-content/uploads/2025/01/Fondo-Negro-Hero-Home-Opcion-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5252 .elementor-element.elementor-element-7ffb6906{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5252 .elementor-element.elementor-element-3f225922{--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;--justify-content:center;--margin-top:0px;--margin-bottom:100px;--margin-left:45px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5252 .elementor-element.elementor-element-3fc22361{text-align:center;}.elementor-5252 .elementor-element.elementor-element-3fc22361 .elementor-heading-title{font-family:"Nebula", Sans-serif;font-size:35px;font-weight:500;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button{background-color:#A0DBE900;font-family:"Nebula", Sans-serif;font-size:16px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-accent );border-radius:1px 1px 1px 1px;padding:10px 10px 10px 10px;}.elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button:hover, .elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-text );}.elementor-5252 .elementor-element.elementor-element-16a5997e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:2px 8px 2px 8px;}.elementor-5252 .elementor-element.elementor-element-16a5997e.elementor-element{--align-self:center;}.elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button:hover svg, .elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-5252 .elementor-element.elementor-element-51fb15e8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-5252 .elementor-element.elementor-element-42afccbb{--display:flex;--min-height:97vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:100px;--padding-right:100px;}.elementor-5252 .elementor-element.elementor-element-42afccbb:not(.elementor-motion-effects-element-type-background), .elementor-5252 .elementor-element.elementor-element-42afccbb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vmoto.com.bo/wp-content/uploads/2025/01/Hero-home-cabecera-Opcion-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5252 .elementor-element.elementor-element-7e6ef85b{--display:flex;--justify-content:center;}.elementor-5252 .elementor-element.elementor-element-51a2437b .elementor-heading-title{font-family:"Nebula", Sans-serif;font-size:68px;font-weight:500;line-height:55px;}.elementor-5252 .elementor-element.elementor-element-848bce6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 5px 0px;}.elementor-5252 .elementor-element.elementor-element-848bce6 .elementor-heading-title{font-family:"Nebula", Sans-serif;font-size:27px;font-weight:400;line-height:29px;}.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button{background-color:#FFFFFF00;font-family:"Nebula", Sans-serif;font-size:20px;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-radius:1px 1px 1px 1px;padding:10px 25px 10px 25px;}.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button:hover, .elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-text );}.elementor-5252 .elementor-element.elementor-element-d3be005{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:1;}.elementor-5252 .elementor-element.elementor-element-d3be005.elementor-element{--align-self:flex-start;}.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button:hover svg, .elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-5252 .elementor-element.elementor-element-2519bc2e{--display:flex;}.elementor-5252 .elementor-element.elementor-element-1057df50{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-swiper-pagination-size:5px;--e-n-carousel-dots-normal-color:var( --e-global-color-text );--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-60px;--e-n-carousel-swiper-pagination-spacing:0px;}:where( .elementor-5252 .elementor-element.elementor-element-1057df50 .swiper-slide ) > .e-con{--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-5252 .elementor-element.elementor-element-1057df50 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:13px;--swiper-pagination-bullet-vertical-gap:13px;}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-5252 .elementor-element.elementor-element-d3be005{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button{border-width:1px 1px 1px 1px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-5252 .elementor-element.elementor-element-1057df50{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-5252 .elementor-element.elementor-element-16a5997e{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-5252 .elementor-element.elementor-element-16a5997e .elementor-button{font-size:16px;padding:10px 10px 10px 10px;}.elementor-5252 .elementor-element.elementor-element-1057df50{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-16a5997e */.mi-boton-animado-fceleste {
  position: relative;
  background: #A0DBE9; /* Fondo inicial celeste */
  border: none; /* Sin bordes */
  outline: none;
  padding: 0px 0px; /* Tamaño del botón */
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Botón ajustado al contenido */
  overflow: hidden; /* Oculta el efecto fuera del botón */
  border-radius: 1px; /* Bordes redondeados */
}

.mi-boton-animado-fceleste::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco para el efecto */
  height: 100%;
  width: 100%;
  transform: scaleX(0); /* Inicialmente invisible */
  transform-origin: left; /* Efecto desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del efecto */
  z-index: -1; /* Detrás del contenido del botón */
}

.mi-boton-animado-fceleste:hover::after {
  transform: scaleX(1); /* Efecto visible al hover */
}

.mi-boton-animado-fceleste span {
  position: relative;
  z-index: 1; /* Texto encima del efecto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del cambio de color */
  color: black; /* Color inicial del texto */
}

.mi-boton-animado-fceleste:hover span {
  color: black; /* Color del texto en hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d3be005 */.mi-boton-animado-fnegro {
  position: relative;
  background: transparent;
  border: px solid white; /* Borde blanco del botón */
  outline: none;
  padding: 0px 0px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Asegura que el botón se ajuste al contenido */
}

.mi-boton-animado-fnegro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco */
  height: calc(100% - 4px); /* Ajusta la altura para que no se sobreponga al borde */
  width: calc(100% - 4px); /* Ajusta el ancho para que no se sobreponga al borde */
  transform: scaleX(0); /* Al principio, no se ve el fondo */
  transform-origin: left; /* Para que se expanda desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Efecto de animación */
  z-index: -1; /* Aseguramos que el fondo esté debajo del texto */
  border-radius: inherit; /* Para que el fondo tenga el mismo borde redondeado */
}

.mi-boton-animado-fnegro:hover::after {
  transform: scaleX(1); /* Expande el fondo blanco completamente */
}

.mi-boton-animado-fnegro span {
  position: relative;
  z-index: 1;
  color: white; /* Color inicial del texto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1);
}

.mi-boton-animado-fnegro:hover span {
  color: black; /* Color del texto cuando se hace hover */
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button-icon{
  font-size: 35px;
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .top-small-text{
  font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-16a5997e */.mi-boton-animado-fceleste {
  position: relative;
  background: #A0DBE9; /* Fondo inicial celeste */
  border: none; /* Sin bordes */
  outline: none;
  padding: 0px 0px; /* Tamaño del botón */
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Botón ajustado al contenido */
  overflow: hidden; /* Oculta el efecto fuera del botón */
  border-radius: 1px; /* Bordes redondeados */
}

.mi-boton-animado-fceleste::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco para el efecto */
  height: 100%;
  width: 100%;
  transform: scaleX(0); /* Inicialmente invisible */
  transform-origin: left; /* Efecto desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del efecto */
  z-index: -1; /* Detrás del contenido del botón */
}

.mi-boton-animado-fceleste:hover::after {
  transform: scaleX(1); /* Efecto visible al hover */
}

.mi-boton-animado-fceleste span {
  position: relative;
  z-index: 1; /* Texto encima del efecto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del cambio de color */
  color: black; /* Color inicial del texto */
}

.mi-boton-animado-fceleste:hover span {
  color: black; /* Color del texto en hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d3be005 */.mi-boton-animado-fnegro {
  position: relative;
  background: transparent;
  border: px solid white; /* Borde blanco del botón */
  outline: none;
  padding: 0px 0px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Asegura que el botón se ajuste al contenido */
}

.mi-boton-animado-fnegro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco */
  height: calc(100% - 4px); /* Ajusta la altura para que no se sobreponga al borde */
  width: calc(100% - 4px); /* Ajusta el ancho para que no se sobreponga al borde */
  transform: scaleX(0); /* Al principio, no se ve el fondo */
  transform-origin: left; /* Para que se expanda desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Efecto de animación */
  z-index: -1; /* Aseguramos que el fondo esté debajo del texto */
  border-radius: inherit; /* Para que el fondo tenga el mismo borde redondeado */
}

.mi-boton-animado-fnegro:hover::after {
  transform: scaleX(1); /* Expande el fondo blanco completamente */
}

.mi-boton-animado-fnegro span {
  position: relative;
  z-index: 1;
  color: white; /* Color inicial del texto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1);
}

.mi-boton-animado-fnegro:hover span {
  color: black; /* Color del texto cuando se hace hover */
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button-icon{
  font-size: 35px;
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .top-small-text{
  font-size: 16px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-16a5997e */.mi-boton-animado-fceleste {
  position: relative;
  background: #A0DBE9; /* Fondo inicial celeste */
  border: none; /* Sin bordes */
  outline: none;
  padding: 0px 0px; /* Tamaño del botón */
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Botón ajustado al contenido */
  overflow: hidden; /* Oculta el efecto fuera del botón */
  border-radius: 1px; /* Bordes redondeados */
}

.mi-boton-animado-fceleste::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco para el efecto */
  height: 100%;
  width: 100%;
  transform: scaleX(0); /* Inicialmente invisible */
  transform-origin: left; /* Efecto desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del efecto */
  z-index: -1; /* Detrás del contenido del botón */
}

.mi-boton-animado-fceleste:hover::after {
  transform: scaleX(1); /* Efecto visible al hover */
}

.mi-boton-animado-fceleste span {
  position: relative;
  z-index: 1; /* Texto encima del efecto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1); /* Suavidad del cambio de color */
  color: black; /* Color inicial del texto */
}

.mi-boton-animado-fceleste:hover span {
  color: black; /* Color del texto en hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d3be005 */.mi-boton-animado-fnegro {
  position: relative;
  background: transparent;
  border: px solid white; /* Borde blanco del botón */
  outline: none;
  padding: 0px 0px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: black; /* Color inicial del texto */
  z-index: 1;
  display: inline-block; /* Asegura que el botón se ajuste al contenido */
}

.mi-boton-animado-fnegro::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: white; /* Fondo blanco */
  height: calc(100% - 4px); /* Ajusta la altura para que no se sobreponga al borde */
  width: calc(100% - 4px); /* Ajusta el ancho para que no se sobreponga al borde */
  transform: scaleX(0); /* Al principio, no se ve el fondo */
  transform-origin: left; /* Para que se expanda desde la izquierda */
  transition: transform 0.5s cubic-bezier(0.4, 0, 0, 1); /* Efecto de animación */
  z-index: -1; /* Aseguramos que el fondo esté debajo del texto */
  border-radius: inherit; /* Para que el fondo tenga el mismo borde redondeado */
}

.mi-boton-animado-fnegro:hover::after {
  transform: scaleX(1); /* Expande el fondo blanco completamente */
}

.mi-boton-animado-fnegro span {
  position: relative;
  z-index: 1;
  color: white; /* Color inicial del texto */
  transition: color 0.5s cubic-bezier(0.4, 0, 0, 1);
}

.mi-boton-animado-fnegro:hover span {
  color: black; /* Color del texto cuando se hace hover */
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .elementor-button-icon{
  font-size: 35px;
}

.elementor-5252 .elementor-element.elementor-element-d3be005 .top-small-text{
  font-size: 16px;
}/* End custom CSS */