@font-face {
    font-family: 'fuente1';
    src: url('../fuentes/HeadingProWide-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'fuente2';
    src: url('../fuentes/HeadingProWide-ExtraBold.woff2') format('woff2');
}

* {
    margin:0px;
    padding: 0px;
}

body {
    background-color: #ffffff;
   
    min-height: 480px;
    overflow-x: hidden;
}

.color-automatico {
    mix-blend-mode: difference !important;
}

.color-automatico-no {
    mix-blend-mode: normal !important;
}

.seccion {
    display:flex;
    height:100vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.fuente1 {
    font-family: 'fuente1',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.fuente2 {
    font-family: 'fuente2';
}

.titulo1 {
    color:white;
    font-weight:bold;
    font-size:3.8em;
    line-height: 0.9em;
    letter-spacing: -.05em;

}

.subtitulo {
    text-align: center;
    line-height: 18px;
    padding: 0 20px;
    font-size:1.4em;
    color:white;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
}

.opaco {
    opacity: 1 !important;
    -moz-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -o-opacity: 1 !important;
    -ms-opacity: 1 !important;
    z-index: 7;
}

.notocar {
    pointer-events: none !important;
    -webkit-pointer-events: none !important; /* Para Safari y Chrome antiguos */
    -moz-pointer-events: none !important; /* Para versiones antiguas de Firefox */
    -ms-pointer-events: none !important; /* Para Internet Explorer */
    -o-pointer-events: none !important; /* Para Opera */
}

.video0 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    pointer-events: none !important;
    -webkit-pointer-events: none !important; /* Para Safari y Chrome antiguos */
    -moz-pointer-events: none !important; /* Para versiones antiguas de Firefox */
    -ms-pointer-events: none !important; /* Para Internet Explorer */
    -o-pointer-events: none !important; /* Para Opera */
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    -o-opacity: 0.4;
    -ms-opacity: 0.4;
}

.botonPrecentacion {
    margin-top:50px;
    font-weight:bold;
    color: #000000;
    border-radius:20px;
    width:220px;
    text-transform: none !important;
    font-size:1.1em;
    transform: scale(1.2,1.2);
}

.transicion {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.botonPrecentacion:hover {
    background: #1E88E5 !important;
    color: #ffffff;
    box-shadow: 0px 0px 14px #1E88E5 !important;
    -webkit-box-shadow: 0px 0px 14px #1E88E5 !important;
    -moz-box-shadow: 0px 0px 14px #1E88E5 !important;
    -o-box-shadow: 0px 0px 14px #1E88E5 !important;
    -ms-box-shadow: 0px 0px 14px #1E88E5 !important;
}

.boton_flotante {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 14px #ffffff !important;
    -webkit-box-shadow: 0px 0px 14px #ffffff !important;
    -moz-box-shadow: 0px 0px 14px #ffffff !important;
    -o-box-shadow: 0px 0px 14px #ffffff !important;
    -ms-box-shadow: 0px 0px 14px #ffffff !important;
    mix-blend-mode: normal !important;
}

.boton_flotante:hover {
    transform: scale(1.1,1.1);
    box-shadow: 0px 0px 18px #ffffff !important;
    -webkit-box-shadow: 0px 0px 18px #ffffff !important;
    -moz-box-shadow: 0px 0px 18px #ffffff !important;
    -o-box-shadow: 0px 0px 18px #ffffff !important;
    -ms-box-shadow: 0px 0px 18px #ffffff !important;
    mix-blend-mode: normal !important;
}

.tooltip {
    position: relative; 
    cursor: pointer;
}

.tooltip::after {
    content: attr(data-tooltip);
    visibility: hidden; 
    width: 400px;
    background-color: #000; 
    color: #fff;
    text-align: center; 
    border-radius: 6px; 
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease;
    font-size: 0.25em;
    line-height: 0em;
    letter-spacing: 0em;
}

.tooltip:hover::after {
    visibility: visible; /* Muestra el tooltip al pasar el ratón */
    opacity: 1; /* Hace visible el tooltip */
}

.precios_card {
    display:flex;
    background:#000;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:center;
    flex-direction: column;
    border-radius:30px;
    overflow: hidden !important;
    transform: scale(0.9,0.9);
}

.precios_card img {
    border-radius:30px;
    background-color: #000;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index:0;
    opacity: 0.8;
}

.precios_card div {
    z-index:999;
    transform: scale(0.9,0.9);
}

.precios_card h2 {
    color:#fff;
    z-index:999;
}

.precios_card h3 {
    color:#fff;
    z-index:999;
    margin-top: -5px;
}

.precios_card p {
    font-weight:bold;
    color:#fff;
    font-size: 1.2em;
    z-index:999;
    margin:10px auto;
}

.precios_card button {
    margin-top: 30px;
    border-radius: 20px;
    font-weight:bold;
    background: #1E88E5 !important;
    color: #ffffff !important;

    border-radius:20px;
    width:220px;
    text-transform: none !important;
    font-size:1.1em;
    transform: scale(1.2,1.2);
}

.precios_card button:hover {
    color: #000 !important;
    background: #ffffff !important;
    box-shadow: 0px 0px 14px #1E88E5 !important;
    -webkit-box-shadow: 0px 0px 14px #1E88E5 !important;
    -moz-box-shadow: 0px 0px 14px #1E88E5 !important;
    -o-box-shadow: 0px 0px 14px #1E88E5 !important;
    -ms-box-shadow: 0px 0px 14px #1E88E5 !important;
}

.footerLetras {
    margin-top: 20px;
}

.swal2-confirm {
    background-color: #000 !important;
    color: #fff;
}

@media screen and (max-width: 1000px) {
    #seccion1_zoom {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-size: 0.7em;
    }
}
@media screen and (max-width: 650px) {
    #seccion1_zoom {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-size: 0.5em;
    }
    .subtitulo {
        font-size:1.9em;
    }
    #colombia {
        transform: translateY(19%);
        width:10%;
        min-width: 7%;
    }
    #seccion2h2 {
        font-size: 1.1em;
    }
    #seccion2P {
        font-size: 0.6em;
    }
    .precios_card {
        transform: scale(0.9,0.9) !important;
    }
    .precios_card img {
        transform: scale(1,1) !important;
    }
    .precios_card div {
        transform: scale(0.8,0.8) !important;
    }
    .precios_card button {
        transform: scale(0.8,0.8) !important;
    }
}