@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

*{  font-family: "Roboto","Afacad Flux", "sans-serif";   }

html, body {
    width: 100%;
    height: 100%;
}

a, a:hover{  color:inherit;  }

.alertBox, .alertBox2, #contactoCliente{    display: none;  }

.borde{ border: 1px solid blue !important;  }

.espacio{   
    margin: 0px;
    padding: 3rem;
}

.fs-0{  font-size: calc(1.400rem + 1.7vw) !important;   }

.inputUC{
    width: 100%;
    border: 0px;
    padding: 10px;
    border-bottom: 1px solid black;
    background-color: transparent !important;
    color: black !important;
}

.inputUCBlack{
    width: 100%;
    border: 0px;
    padding: 10px;
    border-bottom: 1px solid white;
    background-color: transparent !important;
    color: white !important;
}

.buttonUC{
    width: 80%;
    border: 0px;
    padding: 15px;
    background-color: transparent !important;
}

.inputUC option, .inputUCBlack option{
    background-color: white; 
    color: black !important;
    font-size: 1.3rem;
}

.w-bottom{  width: 200px;   }
.w-80{  width: 80% !important;  }
.w-85{  width: 85% !important;  }
.w-95{  width: 95%; }
.w-90{  width: 90%; }

.mt-6{  margin-top: 4.5rem !important;}
.mt-7{  margin-top: 6rem !important;}
.mt-8{  margin-top: 15rem !important;}

.linea-amarilla-new{    background: #d7a601 !important;}
.linea-amarilla{    background: #ffc600 !important;    }
.linea-amarilla2{    background: #ff9c00 !important;    }
.linea-azul{    background: #57c9eb !important;    }
.linea-azul2{    background: #45CDFF !important;    }
.linea-azul3{  background: #005e9b !important;  }
.linea-turqueza{    background: #72a0b7 !important;    }
.linea-blanco{  background: #ffffff !important;    }
.linea-verde{  background: #2af2b1 !important;    }
.linea-verde2{  background: #0d4663 !important;    }
.linea-verde3{  background: #BDE038 !important;    }
.linea-crema{  background: #F9C7AE !important;    }
.linea-rojo{  background: #fa0202 !important;    }
.linea-rojoFuerte{  background: #fa3501 !important;    }
.linea-dorada{  background: #d8a440 !important;    }
.linea-rosa{  background: #f2059f !important;    }
.linea-naranja{  background: #f54b34 !important;    }

.linea-amarilla, .linea-amarilla2, .linea-blanco, .linea-turqueza, .linea-verde, .linea-verde2, .linea-verde3, .linea-rosa,
.linea-azul, .linea-azul2, .linea-azul3, .linea-crema, .linea-rojoFuerte, .linea-rojo, .linea-dorada, .linea-naranja{
    height: 30px !important;
}

.linea-amarilla-new{
    height: 50px !important;
}

.alto{ height: 400px;   }

.whatsapp-icon {
    position: fixed;
    bottom: 90px;
    right: 10px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    padding: 15px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}

.whatsapp-icon:hover {
    background-color: #1ebe5a;
    color: white;
    text-decoration: none;
}

.back-negro{    background-color: black !important;    }

@media only screen and (min-width: 300px) and (max-width: 500px) and (orientation: portrait){

    .linea-amarilla, .linea-amarilla2, .linea-blanco, .linea-turqueza, .linea-verde, .linea-verde2, .linea-verde3, .linea-rosa,
    .linea-azul, .linea-azul2, .linea-azul3, .linea-crema, .linea-rojoFuerte, .linea-rojo, .linea-dorada{
        height: 20px !important;
    }
    .linea-amarilla-new{
        height: 30px !important;
    }
    .w-bottom{  width: 80%;   }
    .css-14ogxpa{ height: 200px;   }
}