/**Importar Tipografia Poppins **/
@font-face {
    font-family: 'Montserrat';
    src: url('../tipografia/Montserrat/Montserrat-Regular.ttf');
}

/**Importar Tipografia Poppins **/
@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../tipografia/Montserrat/Montserrat-Bold.ttf');
}

.tipo{
    font-family: 'Montserrat';
}

.tipo2{
    font-family: 'Montserrat-Bold';
}

.mini{
    font-size:12px;
}

a{
    text-decoration:none;
}

.click{
    text-decoration: cursor;
}

.fondo-imagen {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 620px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-imagen-movil {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 1200px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo-movil.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}


.fondo-imagen2 {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 660px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo2.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-imagen3 {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 700px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo3.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-imagen3-movil {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 980px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo3.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-imagen4 {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 750px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondo4.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-imagen5 {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 1000px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondox.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.fondo-corto {
    width: 100%; /* Ajusta el ancho según tus necesidades */
    height: 400px; /* Ajusta la altura según tus necesidades */
    background-image: url('../imagenes/fondox2.png');
    background-size: cover; /* Escala la imagen para que cubra todo el área del div */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}



.lista-circulos-azules {
    list-style-type: none; /* Elimina los bullets predeterminados */
    padding-left: 20px; /* Añade espacio a la izquierda para los nuevos círculos */
}

.lista-circulos-azules li {
    position: relative;
    padding-left: 15px; /* Espacio para el círculo */
}

.lista-circulos-azules li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px; /* Tamaño del círculo */
    height: 8px; /* Tamaño del círculo */
    background-color: #009BDF ; /* Color del círculo */
    border-radius: 50%; /* Hace que sea un círculo */
}


.underline-hover:hover label {
    text-decoration: underline;
}