.elementor-6651 .elementor-element.elementor-element-7552ffc{--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;}@media(min-width:768px){.elementor-6651 .elementor-element.elementor-element-7552ffc{--width:100%;}}@media(max-width:1024px){.elementor-6651 .elementor-element.elementor-element-7552ffc{--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-6651 .elementor-element.elementor-element-dccd857 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6651 .elementor-element.elementor-element-406894b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-6651 .elementor-element.elementor-element-7552ffc{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-7552ffc *//* =========================================================
GUPPY - BOTONES APP STORE / GOOGLE PLAY
PLANTILLA ELEMENTOR: 6651
CONTENEDOR: 7552ffc
========================================================= */

/* =========================================================

1. PLANTILLA 6651
   ========================================================= */

.elementor-6651 {
display: block !important;


width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

height: auto !important;

margin: 0 !important;
padding: 0 !important;

overflow: visible !important;

box-sizing: border-box !important;


}

/* =========================================================
2. CONTENEDOR PRINCIPAL
7552ffc
========================================================= */

.elementor-6651 .elementor-element-7552ffc.botones_compra {


display: flex !important;

flex-direction: row !important;
flex-wrap: nowrap !important;

justify-content: flex-start !important;
align-items: flex-start !important;

width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

height: auto !important;
min-height: 61px !important;

margin: 0 !important;
padding: 0 !important;

gap: 20px !important;
column-gap: 20px !important;
row-gap: 0 !important;

position: relative !important;
z-index: 20 !important;

overflow: visible !important;

box-sizing: border-box !important;


}

/* =========================================================
3. WIDGET APP STORE
========================================================= */

.elementor-6651 .elementor-element-7552ffc

> .elementor-element-dccd857 {


display: block !important;

flex: 0 0 208px !important;

width: 208px !important;
max-width: 208px !important;
min-width: 0 !important;

height: auto !important;
min-height: 61px !important;

margin: 0 !important;
padding: 0 !important;

box-sizing: border-box !important;

overflow: visible !important;


}

/* =========================================================
4. WIDGET GOOGLE PLAY
========================================================= */

.elementor-6651 .elementor-element-7552ffc

> .elementor-element-406894b {


display: block !important;

flex: 0 0 208px !important;

width: 208px !important;
max-width: 208px !important;
min-width: 0 !important;

height: auto !important;
min-height: 61px !important;

margin: 0 !important;
padding: 0 !important;

box-sizing: border-box !important;

overflow: visible !important;


}

/* =========================================================
5. CONTENEDORES INTERNOS
========================================================= */

.elementor-6651 .elementor-element-dccd857

> .elementor-widget-container,

.elementor-6651 .elementor-element-406894b

> .elementor-widget-container {


display: block !important;

width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

height: auto !important;
min-height: 61px !important;

margin: 0 !important;
padding: 0 !important;

box-sizing: border-box !important;

overflow: visible !important;


}

/* =========================================================
6. ENLACES / BOTONES
NO SE MODIFICAN LAS IMÁGENES DE FONDO
========================================================= */

.elementor-6651 .boton-app-store,
.elementor-6651 .boton-google-play {


display: block !important;

visibility: visible !important;
opacity: 1 !important;

position: relative !important;
z-index: 30 !important;

width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;

height: auto !important;

aspect-ratio: 208 / 61 !important;

margin: 0 !important;
padding: 0 !important;

background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;

box-sizing: border-box !important;


}

/* =========================================================
7. ESCRITORIO
1025 PX EN ADELANTE
========================================================= */

@media (min-width: 1025px) {


.elementor-6651 .elementor-element-7552ffc.botones_compra {

    transform: translateX(-14px) !important;
}


}

/* =========================================================
8. TABLET
768 - 1024 PX
CORRECCIÓN DEL DESBORDAMIENTO LATERAL
========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {


/* CONTENEDOR DE LOS DOS BOTONES */

.elementor-6651 .elementor-element-7552ffc.botones_compra {

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 20px !important;
    column-gap: 20px !important;
    row-gap: 0 !important;

    box-sizing: border-box !important;

    transform: translateX(-10px) !important;
}


/* APP STORE */

.elementor-6651 .elementor-element-7552ffc
> .elementor-element-dccd857 {

    flex: 0 1 208px !important;

    width: 208px !important;
    max-width: calc((100% - 20px) / 2) !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;
}


/* GOOGLE PLAY */

.elementor-6651 .elementor-element-7552ffc
> .elementor-element-406894b {

    flex: 0 1 208px !important;

    width: 208px !important;
    max-width: calc((100% - 20px) / 2) !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    box-sizing: border-box !important;
}


/* CONTENEDORES INTERNOS */

.elementor-6651 .elementor-element-dccd857
> .elementor-widget-container,

.elementor-6651 .elementor-element-406894b
> .elementor-widget-container {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 0 !important;

    box-sizing: border-box !important;
}


/* ENLACES: CONSERVAN LA PROPORCIÓN ORIGINAL */

.elementor-6651 .boton-app-store,
.elementor-6651 .boton-google-play {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    aspect-ratio: 208 / 61 !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    box-sizing: border-box !important;
}


}

/* =========================================================
9. MÓVIL
HASTA 767 PX
========================================================= */

@media (max-width: 767px) {


/* -----------------------------------------------------
   CONTENEDOR DE BOTONES
   ----------------------------------------------------- */

.elementor-6651 .elementor-element-7552ffc.botones_compra {

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    justify-content: flex-start !important;
    align-items: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 8px !important;
    column-gap: 8px !important;
    row-gap: 0 !important;

    position: relative !important;
    z-index: 20 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

    transform: translateX(-10px) !important;
}


/* -----------------------------------------------------
   APP STORE - MÓVIL
   ----------------------------------------------------- */

.elementor-6651 .elementor-element-7552ffc
> .elementor-element-dccd857 {

    display: block !important;

    flex: 0 1 calc((100% - 8px) / 2) !important;

    width: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;

    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   GOOGLE PLAY - MÓVIL
   ----------------------------------------------------- */

.elementor-6651 .elementor-element-7552ffc
> .elementor-element-406894b {

    display: block !important;

    flex: 0 1 calc((100% - 8px) / 2) !important;

    width: calc((100% - 8px) / 2) !important;
    max-width: calc((100% - 8px) / 2) !important;

    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   CONTENEDORES INTERNOS - MÓVIL
   ----------------------------------------------------- */

.elementor-6651 .elementor-element-dccd857
> .elementor-widget-container,

.elementor-6651 .elementor-element-406894b
> .elementor-widget-container {

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   BOTONES - MÓVIL
   ----------------------------------------------------- */

.elementor-6651 .boton-app-store,
.elementor-6651 .boton-google-play {

    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    aspect-ratio: 208 / 61 !important;

    margin: 0 !important;
    padding: 0 !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    position: relative !important;
    z-index: 30 !important;

    box-sizing: border-box !important;
}


}

/* =========================================================
10. CABECERA MÓVIL - CAPAS
GARANTIZA QUE LOS BOTONES QUEDEN POR ENCIMA DEL VÍDEO
========================================================= */

@media (max-width: 767px) {


/* -----------------------------------------------------
   HERO
   ----------------------------------------------------- */

.hero-movil-coche {
    position: relative !important;
    overflow: visible !important;
}


/* -----------------------------------------------------
   VÍDEO DE FONDO
   ----------------------------------------------------- */

.hero-movil-coche .elementor-background-video-container {
    position: absolute !important;
    z-index: 0 !important;
}


/* -----------------------------------------------------
   TÍTULO
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-8d19376 {
    position: relative !important;
    z-index: 10 !important;
}


/* -----------------------------------------------------
   SHORTCODE
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4 {

    position: relative !important;

    z-index: 50 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   CONTENIDO DEL SHORTCODE
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4
> .elementor-widget-container {

    position: relative !important;
    z-index: 50 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   SHORTCODE INTERNO
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4
.elementor-shortcode {

    position: relative !important;
    z-index: 50 !important;

    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   PLANTILLA 6651
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4
.elementor-6651 {

    position: relative !important;
    z-index: 51 !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   CONTENEDOR DE BOTONES
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4
.elementor-element-7552ffc.botones_compra {

    position: relative !important;
    z-index: 52 !important;

    visibility: visible !important;
    opacity: 1 !important;

    overflow: visible !important;
}


/* -----------------------------------------------------
   BOTONES
   ----------------------------------------------------- */

.hero-movil-coche .elementor-element-6934cb4
.boton-app-store,

.hero-movil-coche .elementor-element-6934cb4
.boton-google-play {

    position: relative !important;
    z-index: 53 !important;

    visibility: visible !important;
    opacity: 1 !important;
}

}/* End custom CSS */