@font-face{
    font-family:lato;
    /*src: url(../fuentes/Rotunda-Regular.woff) format('woff2');*/
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:url(../fuentes/Lato/Lato-Regular.ttf);
}

@font-face{
    font-family:latobold;
    /*src: url(../fuentes/Rotunda-Regular.woff) format('woff2');*/
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src:url(../fuentes/Lato/Lato-Bold.ttf);
}
body{
    font-family: lato !important;
}



.fw-bold{
    font-family: latobold!important;
}

.swal2-confirm{
    /*background-color: #fd6f61!important;*/
}
h1{
    font-size: 6vh!important;
}
.fondo-azul{
    background-color: #4b5070!important;
}

.fondo-rosado{
    background-color: #fd6f61!important;
}
.fondo-oscuro{
    background-color:#292C3D!important;
}
.fondo-modal{
    background-color: #f2f2f300!important;
}
.bg-table-mypets{
    background-color:#292C3D!important;
    color:white!important;

}
.btn-cerrar-modal{
    position: absolute;
    right: 40px;
    top: 40px;
}
.btn-submit-recovery-pass:hover{
    background-color: #292C3D!important;

}
.btn-reporte:hover{
    background-color: #fd6f61!important;
    color:white!important;
}

.btn-guardar-aplicaciones:hover{
    background-color: #fd6f61!important;
    color:white!important;


}
.btn-footer:hover{
    background-color:#292C3D!important;
}
.btn-quienes-somos-home:hover{
    background-color:#292C3D!important;
}
.texto-azul{
    color: #4b5070!important;
}

.texto-azul-oscuro{
    color:#292C3D!important;

}
.texto-rosado{
    color: #fd6f61!important;
}


.textos-inicio{
    height:280px;
}

.texto-autor{
    height:auto;
}
.btn-rosado{
    background-color:#fd6f61!important;
    color:white!important;
}

.perro-canelo{
    margin-top:-100px;
}

.gato-blanco-azul{
    margin-top:-70px;
}

.separador-1{
    width: 45vw;
}


.white-cat-inicio{
    width: 40vw;
}

.texto-blanco{
    color:white!important;
}

.icono-mano-pata{
    width:10vw;
    margin-left: -90px;
    margin-top:100px;
}


.logo-flucky-inicio{
    height: 15vh;
}
.flecha-ico{
    height: 8vh;
}

.flecha-ico:hover{
    height: 9vh;
}
.btn-buscar:hover{
    background-color: #4b5070 !important;
}
.btn-registrar-mascota:hover{
    background-color: #4b5070 !important;
}

.btn-login{
    background-color:#292C3D!important ;
}

.btn-login:hover{
    background-color: #fd6f61!important;
}
.btn-selector-account:hover{
    background-color:  #fd6f61!important;
    color:white!important;
}




.card-inicio{
    height: 440px!important;
}
.guarida-flucky-2{
    height: 15vh!important;
    margin-top:10vh;
}



.icono-mail{
   width: 60px!important;
   height: 60px!important;
}


.span-mail{
    /*margin-top:10vh;*/
}



.barra-navegacion{
    margin-left: 15vw!important;
    margin-right: 15vw!important;
}
.contenido{
    margin-left: 12vw!important;
    margin-right: 12vw!important;

}

.img-humano-perro{
    width:25vw;
}
.btn-registrar-mascota {
    padding-left: 30px!important;
    padding-right: 30px!important;
    margin-left: 40px!important;

}

.btn-submit-registrar-forms{
    background-color: #fd6f61!important;
    color:white !important;
    padding-left: 60px!important;
    padding-right: 60px!important;
    /*margin-left: 40px!important;*/
}

.btn-submit-registrar-forms:hover{
    background-color: #4b5070!important ;
}

.textos-cuadros{
    padding-left: 25px;
    padding-right: 25px;
    padding-top:5px;
}

.textos-cuadros-quienes-somos{
    padding-left: 45px;
    padding-right: 45px;
    padding-top:30px;
}

.btn-buscar-mascota {
    padding-left: 50px!important;
    padding-right: 50px!important;

}

.pie-de-pagina{
    height: 35vh;

}
.cat-1-forms{
    height: 30vh;
    margin-top:-9vh;
    margin-bottom: -8vh;
}

.swal2-cancel{
    background-color: #fd6f61!important;
}

.swal2-confirm{
    background-color:#4b5070!important ;
}


.perro-contacto{
    height: 25vh;
    margin-top:-6vh;
    margin-bottom: -6vh;

}

.div-top-forms{
    height: 15vh;;
}
.fondo-gris{
    background-color: #C8CAD8!important;
}
.input-formulario{
 font-weight: bold;
}


.btn-paso-3{
    width:25vw!important;
}


@media(max-width:1000px)
{

    .menu-footer{
        font-size:10px!important;
    }

    .perro-canelo{
        margin-top:-100px!important;
    }
    .btn-paso-3{
        width:25vw!important;
    }
}

@media(max-width:900px)
{
    .btn-paso-3{
        width:27vw!important;
    }
    .icono-mail{
        width: 40px!important;
        height: 40px!important;
     }
    .textos-inicio{
        height:350px!important;
    }

    .perro-canelo{
        margin-top:-65px!important;
    }

    .cat-1-forms{
        height: 150px!important;
        margin-top:-9vh!important;
        margin-bottom: -8vh;
    }

}

@media (max-width: 767px) {
    .btn-paso-3{
        width:45vw!important;
    }
    .div-menu-footer{
        margin-top:45px!important;
    }

    .icono-mail {
        width: 60px!important;
        height: 60px!important;
    }

    .menu-footer{
        font-size:14px!important;
    }

    .textos-inicio{
        height:250px!important;
    }

    .perro-canelo{
        margin-top:-65px!important;
    }

    .separador-1{
        width: 85vw;
    }


    .white-cat-inicio{
        width: 70vw;
    }
    .icono-mano-pata{
        width:15vw;
        margin-left: -80px;
        margin-top:100px;
    }
    .logo-flucky-inicio{
        height: 10vh;
    }
    .card-inicio{
        height: 480px!important;
    }
    .flecha-ico{
        height: 10vh;
    }

    .guarida-flucky-2{
        margin-top: 10vh!important;
        height:     15vh!important;
    }
    .icono-mail{
        margin-top:5vh!important;
        height: 60px!important;
        width: 60px!important;
    }

    .img-humano-perro{
        margin-top:5vh;
        width:50vw;
    }

    .btn-registrar-mascota {
        padding-left: 0px;
        padding-right: 0px;


    }

    .btn-buscar-mascota {
        padding-left: 50px!important;
        padding-right: 50px!important;
    }
    .cat-1-forms{
        height: 150px!important;
        margin-top:1vh!important;
        margin-bottom: -8vh;
    }


}


@media(max-width:460px){
    .menu-footer{
        font-size:11px!important;
        margin-right: 5px!important;
        margin-left: 5px!important;
    }

    .textos-inicio{
        height:350px!important;
    }

    .cat-1-forms{
        height: 150px!important;
        margin-top:1vh!important;
        margin-bottom: -8vh;
    }

}

@media(max-width:400px){
    .menu-footer{
        font-size:9px!important;
        margin-right: 3px!important;
        margin-left: 3px!important;
    }

    .icono-mail {
        width: 40px!important;
        height: 40px!important;
    }

    .cat-1-forms{
        height: 150px!important;
        margin-top:1vh!important;
        margin-bottom: -8vh;
    }


}