/* Estilos base para todos los tamaños de pantalla */
.breadcrumb-center{
    padding: 200px 0px 0px;
}
.breadcrumb-left{
    padding: 200px 450px 0px 0px;
    text-align: left!important;
}
.breadcrumb-right{
    padding: 200px 0px 0px 450px;
    text-align: right!important;
}
.pad_0{
    padding: 100px 0px 0px !important;
}

.f-22{
    font-size: 22px;
    font-family: 'Oswald';
}


/* Estilos para pantallas pequeñas (móviles) */
@media only screen and (min-width: 396px) and (max-width: 576px) {
    .title-footer {
        padding: 100px 0px 0px 50px !important;
    }   
}
@media only screen and (max-width: 767px) {
    .title-footer {
        padding: 20px 0px 0px 150px;
    }   
}

/* Estilos para pantallas medianas (tablets) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .title-footer {
        padding: 0px 0px 0px 150px;
    }  
}

/* Estilos para pantallas grandes (laptops y desktops) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .title-footer {
        padding: 120px 300px 0px 0px;
    }  
}

/* Estilos para pantallas extra-grandes (monitores grandes) */
@media only screen and (min-width: 1200px) {
    .title-footer {
        padding: 150px 60px 0px 250px;
    }     
}
.floating-instagram-btn {
    position: fixed;
    bottom: 90px;
    left: 30px;
    background-color: #E1306C;
    color: white;
    font-size: 24px;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: background-color 0.3s ease;
}

.floating-instagram-btn:hover {
    background-color: #C13584;
    text-decoration: none;
    color: white;
}

.floating-instagram-btn i {
    display: block;
    text-align: center;
}
/* Estilos para el botón flotante de Facebook */
.floating-facebook-btn {
    position: fixed;
    bottom: 30px; /* Ajusta la distancia desde el borde inferior */
    left: 30px; /* Ajusta la distancia desde el borde izquierdo */
    background-color: #3b5998; /* Color de fondo de Facebook */
    color: #ffffff; /* Color del ícono */
    width: 50px; /* Ancho del botón */
    height: 50px; /* Alto del botón */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%; /* Hace el botón circular */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Sombra del botón */
    text-decoration: none; /* Elimina el subrayado del enlace */
    font-size: 24px; /* Tamaño del ícono */
    transition: background-color 0.3s, box-shadow 0.3s; /* Efectos de transición */
    z-index: 9999; /* Asegura que el botón esté en la parte superior */
}

.floating-facebook-btn i {
    font-size: 24px; /* Tamaño del ícono */
}

.floating-facebook-btn:hover {
    background-color: #2d4373; /* Color de fondo al pasar el mouse */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Aumenta la sombra al pasar el mouse */
}




/* Estilos para el preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 9999; /* Asegúrate de que el preloader esté por encima de todo el contenido */
    display: flex;
    align-items: center;
    justify-content: center;
}

.preloader-inner {
    text-align: center;
}

#preloader img {
    max-width: 250px;
    height: auto;
}

/* Ocultar el preloader una vez que la página ha cargado */
body.loaded #preloader {
    display: none;
}
.grecaptcha-badge { 
    visibility: hidden;
}