@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: 'Nunito', sans-serif;
    background-color: #F4F1EB!important;
}

h1, h2, h3 {
    font-family: 'Nunito', sans-serif;
}


.contact-info-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 20px;  /* Ajusta el margen lateral */
    background-color:#660E39!important;
    color:white;
    font-weight: bold;
    font-size:1.1rem;
}

.left-contact-info-top {
    margin-left: 20px;  /* Ajusta el margen izquierdo */
}

.right-contact-info-top {
    margin-right: 20px;  /* Ajusta el margen derecho */
}


 .img-avatar-profile {
    border-radius: 50%;         /* Hace que la imagen tenga forma de círculo */
    border: 5px solid #fbb744;  /* Cambia el ancho y color del borde aquí */
    width: 150px;               /* Tamaño opcional */
    height: 150px;              /* Asegúrate de que sea cuadrada para que el círculo se vea bien */
    object-fit: cover;          /* Mantiene la imagen bien ajustada dentro del círculo */
  }

  .btn-edit-avatar {
    background-color: #660E39!important;   /* Color de fondo normal (verde) */
    color: white!important;                /* Color del texto */
    border: none!important;                /* Sin borde por defecto */
    padding: 10px 20px!important;          /* Espaciado interno */
    font-size: 16px!important;             /* Tamaño del texto */
    cursor: pointer!important;             /* Cambia el cursor al pasar el mouse */
    transition: background-color 0.3s ease!important; /* Suaviza el cambio de color */
  }

  .btn-edit-avatar:hover {
    background-color: #F4F1EB!important;  /* Color cuando pasas el mouse encima */
    color:#430026!important;
  }

  .change-data-modal-content{
    border: 2px solid #fbb744!important;  /* Cambia el ancho y color del borde aquí */

  }

.titles-navbar{
    color: #660E39 !important;
    font-size: 1.1rem!important;
}



.services-home{
    font-size:1.5rem;
    color:white;
    font-weight: bold;
}

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

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

.fondo-gris-newsletter-auth{
    background-color: #F4F1EB;
}
.fondo-footer{
    background-color: #F4F1EB;
}
.footer-derechos-daba{
    background-color:#813516!important;
    color:white;
    font-weight: bold;
}
.newsletter-content{
    /*margin-top:15vw;*/
    /*margin-top:4vw;*/
    margin-top:0px;
    margin-left: 15vw;
    margin-right: 15vw;
    padding-top:3vw;
    background-color: #430126;
    position:relative;
    z-index: 999;

}

.title-scopes{
    font-weight: 900;
    font-size:4vw!important;

}
.value-metrics-map{
    font-weight: 900;
    font-size: 2.5vw!important;
}
.title-metrics-map{
    font-size:1.5vw!important;
    font-weight: bold!important;

}
.map-scopes{


  border: 5px solid #7f7c58; /* Ejemplo: borde de 5px de ancho, color azul */
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); /* Ejemplo: sombra con desplazamiento, desenfoque y color */
  /* Para centrar verticalmente el contenido (si el mapa tiene contenido interno) */
  display: flex;
  justify-content: center; /* Centra horizontalmente el contenido si es necesario */
  align-items: center; /* Centra verticalmente el contenido */
  margin-bottom: 0px!important;
}

.icon-scopes-map{
    height: 70px;
}

.dog-cartoon-newsletter{
    margin-top:-30px;
    width: 80px;
    margin-left:-25px;
}
.cat-cartoon-newsletter{
    width: 80px;
    margin-top:20px;
    margin-right:-35px;
}
.dog_branches_select{
    width: 50%;
    margin-top:0px;


}
.fondo-header-registro-tutor{
    background-color: #D7803C;
}
.fondo-rosado{
    background-color: #fd6f61!important;
}

.fondo-paso-1{
    background-color: #7f7c58;
}
.fondo-oscuro{
    background-color:#292C3D!important;
}
.fondo-gris{
    background-color: #7f7c58!important;
}
.fondo-cafe{
    background-color: #813516!important;
}
.fondo-ladrillo{
    background-color: #D7803C!important;
}
.fondo-amarillo{
    background-color: #FBB744!important;
}
.fondo-rosa{
    background-color: #E764A2!important;
}

.fondo-purpura{
    background-color: #660E39!important;
}

.fondo-purpura-fuerte{
    background-color: #460026!important;
}
.fondo-modal{
    background-color: #f2f2f300!important;
}
.bg-table-mypets{
    background-color:#292C3D!important;
    color:white!important;

}





.indicaciones-registro-tutor{
    color: #660E39;
    font-size: 1.5rem;
}
.indicaciones-terminos-cond{
    color: #660E39;
    font-size: 14px;
    font-weight: bold;

}

.etiquetas-formularios{
    color:#660E39;
    font-weight:bold;
}

.etiquetas-form-coord{
    color:#660E39;
    font-weight:bold;
    font-size:15px;

}
.etiquetas-coordenadas{
    color:#C8CAD8;
    font-size:18px;
    font-weight: bold;
}


.check-aceptar-terminos{
    height: 20px!important;
    width: 20px!important;
}
.preguntas-frecuentes-icon{
    color:#D7803C;
}

.btn-submit-registrar-usuario{
    background-color: #E764A2!important;
    color:white!important;
    border-radius:3%;
    font-size:14px;
    font-weight: bold;
}
.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;
}


/*Colores Daba*/


.ctext-Moss{
    color:#7f7c58!important;
}
.ctext-moss{
    color:#7f7c58!important;
}

.ctext-rustic{
    color:#813516!important;
}

.ctext-pumpkin{
    color:#D7803C!important;
}

.ctext-honey{
    color:#FBB744!important;
}
.text.purple{
    color:#C879af;
}
.ctext-rose{
    color:#E764A2!important;
}

.ctext-royal{
    color:#660E39!important;
}
.ctext-wine{
    color:#430026!important;
}
.ctext-alabaster{
    color:#F4F1EB!important;
}
.ctext-marble{
    color:#dedbd6!important;
}
.ctext-sky{
    color:#D8E6EB!important;
}
.ctext-glacial{
    color:#a8d8f8!important;
}
.ctext-silver{
    color:#a5a5a5!important;
}






.cbg-moss{
    background-color:#7f7c58!important;
}

.cbg-rustic{
    background-color:#813516!important;
}

.cbg-pumpkin{
    background-color:#D7803C!important;
}

.cbg-honey{
    background-color:#FBB744!important;
}
.cbg-purple{
    background-color:#c879Af!important;
}
.cbg-rose{
    background-color:#E764A2!important;
}

.cbg-royal{
    background-color:#660E39!important;
}
.cbg-wine{
    background-color:#430026!important;
}
.cbg-alabaster{
    background-color:#F4F1EB!important;
}
.cbg-marble{
    background-color:#dedbd6!important;
}
.cbg-sky{
    background-color:#D8E6EB!important;
}
.cbg-glacial{
    background-color:#a8d8f8!important;
}
.cbg-silver{
    background-color:#a5a5a5!important;
}

.text-Moss{
    color:#7f7c58;
}

.text-rustic{
    color:#813516;
}

.text-pumpkin{
    color:#D7803C;
}

.text-honey{
    color:#FBB744;
}
.text-rose{
    color:#E764A2;
}

.text-royal{
    color:#660E39;
}
.text-wine{
    color:#430026;
}
.text-alabaster{
    color:#F4F1EB;
}
.text-marble{
    color:#dedbd6;
}
.text-sky{
    color:#D8E6EB;
}
.text-glacial{
    color:#a8d8f8;
}
.text-silver{
    color:a5a5a5;
}


/*Fin de colores daba*/




.table-animals{
    border-collapse: separate; /* Importante para que border-radius funcione */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;
}

.table-tutors{
    border-collapse: separate; /* Importante para que border-radius funcione */
    border-radius: 12px;
    overflow: hidden;
    width: 100%;

}
.dataTables_length label {
    font-weight: 700!important;
}
.dataTables_filter label{
    font-weight: 700!important;
}
.paginate_button.page-item.active a.page-link {
    background-color: #660E39; /* o cualquier color que necesites */
    color: white; /* Opcional, para contraste */
    border-color: #ff6b6b; /* Si quieres que el borde combine */
}
.dataTables_info{
    font-weight: 700!important;
}
.paginate_button{
    font-weight: 700!important;
}
.btn-top-campaign{
    height: 50px!important;
}
.status-icon-top-campaign{
    height: 70px!important;
}

.status-text-top-campaing{
    font-weight: 900!important;
}

.ctext-top-info-campaign{
    font-size: 1.6rem;
}
.ctext-select-campaingns{
    font-size: 1.5rem!important;
    font-weight:700!important;
}










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

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

.separador-1{
    width: 45vw;
}


.white-cat-inicio{
    width: 40vw;
    margin-top:-70px;
}

.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;
}
.logo-footer{

    height: 12vh!important;
    margin-bottom:10vh;
}
.texto-footer{
    color:#430126;
    font-weight: bold;
    font-size: 1.4rem;

    /*ajustar en pantallas moviles a 1.2rem*/
}
.terminos-footer{
    color:#430126;
    font-size: 1rem;
}
.separator-dashed{
    border: none;
    border-top: 2px dashed #430126; /* Línea de guiones negra de 2px */
    margin: 20px 0;
}
.icono-footer-contacto{
    width: 40px;
}
.fondo-contacto-footer{
    margin:80px;
    background-color: #7f7c58;
}


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


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



.barra-navegacion{
    /*margin-left: 15vw!important;
    margin-right: 15vw!important;
    */
    margin-top:15px;
    margin-left: 1vw;
    margin-right: 1vw;
}
.contenido{
    /*margin-left: 12vw!important;*/
    /*margin-right: 12vw!important;*/
    margin-left: 0px;
    margin-right: 0px;

}

.img-humano-perro{
    width:35vw;
    margin-left:50px;
    margin-top:-35px;

}
.img-scan-pin{
    width:15vw!important;
    margin-left:50px!important;
    margin-top:-35px!important;

}


.btn-registrar-mascota {
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-left: 40px!important;

}
.btn-registrar-mascota{

    padding-left: 0px;
    padding-right: 0px;


}

.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;
}

.texto-fiusha{
    color:#660E39;
}
.texto-amarillo{
    color:#FBB744;
}
.texto-gris{
    color:#7f7c58;
}
.btn-buscar-mascota {
    padding-left: 50px!important;
    padding-right: 50px!important;

}

.pie-de-pagina{

    margin-top:0px;
    padding-top:0px;

}
.cat-1-forms{
    height: 200px;
    margin-top: -50px;
    margin-bottom: -20px;
    margin-right: -10px;
}
.dog-form-2{

    height: 240px;
    margin-top: -30px;
    margin-bottom: -80px;
    margin-right: -10px;

}

.cat-dog-form-1{
    height: 240px;
    margin-top: -50px;
    margin-bottom: -35px;
    margin-right: -10px;


}

.cat-footer{
    width: 100px;
}
.swal2-image{
    width: 95%!important;

}
.swal2-title{
    color:#813516!important;
    font-weight: bold!important;
}
.swal2-cancel{
    background-color: #660e39!important;
}

.swal2-confirm{
    background-color:#7f7c58!important ;
}
.swal2-html-container{
    color:#660E39!important;
}

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

}

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

.fondo-quienes-somos-rosa{
    background-image: url('../img/home/fondo_rosa.png');
    background-repeat: round;
}
.fondo-header-quienes-somos{
    background-image: url('../img/quienes_somos/header_quienes.png');
    background-size: cover;
    height: 20vw;
}
.fondo-header-preguntas-frecuentes{
    background-color:#D8E6EB;
}
.fondo-header-campañas{
    background-color:#E764A2;
}

.fondo-header-preregistro{
    background-color:#FBB744;
}

.titulo-faq{
    color:#D7803C;
    font-weight: bold;
    font-size: 2rem;
}

.titulo-campains{
    color:#660E39;
    font-weight: bold;
    font-size: 2rem;
}

.img-acciones-home{
    height: 150px;
    width: 150px;

}
.texto-contador{

    color:#FBB744;
    font-weight: bold;
}

.contador-top{
    background-color: #430126;
}

.btn-reportar-extravio{
    background-color:#813516!important;
    color:white!important;
    font-weight: bold!important;
}
.img-vac-est-mic{
    width: 70vw;
}
.btn-quiero-adoptar{
    background-color: #E764A2!important;
    color:white!important;
    font-weight: bold!important;
}
.btn-ver-campanas{
    background-color: #FBB744!important;
    color:white!important;
    font-weight: bold!important;
}
.titulo-preguntas-frecuentes{

    font-size:3rem;
    color:#660E39;
    font-weight: 700;
}
.fondo-preguntas-frecuentes{

    background-image: url('../img/home/fondo_azul.png');
    background-size:cover;
    position: relative;
    z-index: 999;
    padding-top: 150px;
    /*padding-bottom: 100px;*/
    padding-bottom:100px;
    margin-top:-100px!important;
    margin-bottom: -80px;;

}
.fondo-titulo-form-sesion{
    background-color: #660E39!important;
}
.fondo-formulario-login{
    background-color:white!important;
}
.fondo-contacto{
    background-image: url('../img/contacto/header.png');
    background-size:cover;
    height: 20vw;


}

.titulo-contacto{
    font-size: 3rem!important;
    color:#430126!important;
    font-weight: bold;
    margin-right: 50px;

}
.etiqueta-form-login{
    color:#660E39!important;
}

.btn-form-login{
    background-color: #E764A2!important;
    color:white!important;
    font-weight: bold!important;
}

.btn-form-contacto{
    background-color: #E764A2!important;
    color:white!important;
    font-weight: bold!important;
}
.input-formulario{
 font-weight: bold!important;
 font-size:18px!important;
 color:#660E39!important;
}
.label-form-register{
    font-weight: bold!important;
    font-size:18px!important;
    color:#660E39!important;

}

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









.a-btn {
    display: inline-block; /* Hace que el ancho sea controlado */
    width: 80%; /* Cambiar a un valor específico si deseas un ancho fijo, como 200px */
    text-align: center; /* Centra el texto en los botones */
    color: white; /* Color del texto blanco */
    font-weight: bold; /* Negrita */
    text-decoration: none; /* Sin subrayado */
    border-radius: 50px; /* Mantiene el diseño de "pill" */
    padding: 10px 20px; /* Ajusta el espacio interno */
}
.a-btn:hover {
    opacity: 0.8; /* Añade un efecto hover opcional */
    background-color: gray;
    color:black;
}

@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;*/
        margin-top:0px!important;
    }
    .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;
    }


}