/* estilo montserrat*/
.link-montserrat { 
   font-size: 20px;
   font-family: 'Montserrat', sans-serif; 
   /*font-weight: bold; Agrega negrita */
}

/* Estilos para el botón en diferentes tamaños de pantalla */
@media (max-width: 576px) { /* Dispositivos pequeños (teléfonos) */
    .link-montserrat {      
        font-size: 12px;
    }
}
@media (min-width: 768px) { /* Dispositivos medianos (tabletas) */
    .link-montserrat {
        font-size: 10px;
    }
}

@media (min-width: 992px) { /* Dispositivos grandes (escritorios) */
    .link-montserrat {
        font-size: 12px;
    }
}

@media (min-width: 1200px) { /* Dispositivos extra grandes (escritorios grandes) */
    .link-montserrat {
        font-size: 17px;
    }
}
/* focus div likn*/
.custom-link {
	 border-radius: 20px; /* Puedes ajustar el valor según sea necesario */
     background-color: transparent;	
	  color: #ffffff;
}
/* Estilos para el botón en diferentes tamaños de pantalla */
@media (max-width: 576px) { /* Dispositivos pequeños (teléfonos) */
    .custom-link {
    background-color: transparent;	;  
    }
    /* Estilos hover y active para dispositivos pequeños */
    .custom-link:hover, .custom-link:active {
	  background-color: transparent;  
     color: #8C0202;	  
    }
}
@media (min-width: 768px) { /* Dispositivos medianos (tabletas) */
    .custom-link {
	background-color: transparent;	
    }
    /* Estilos hover y active para dispositivos medianos */
    .custom-link:hover, .custom-link:active {
	 background-color: transparent;  
    	 color: #8C0202;
    }
}
@media (min-width: 992px) { /* Dispositivos grandes (escritorios) */
    .custom-link {
	background-color: transparent;		
    }
    /* Estilos hover y active para dispositivos grandes */
    .custom-link:hover, .custom-link:active {
	  background-color: #8C0202;
	  color: #ffffff;
    }
}
@media (min-width: 1200px) { /* Dispositivos extra grandes (escritorios grandes) */
    .custom-link {
	background-color: transparent;
     	 
    }
    /* Estilos hover y active para dispositivos extra grandes */
    .custom-link:hover, .custom-link:active {
	 background-color: #8C0202; 
    color: #ffffff;	 
    }
}
/* Navbar */
.bg-navbar {
    background-color: black; /* Color de fondo predeterminado */
}
/* Transparente en pantallas grandes */
@media (min-width: 992px) {
    .bg-navbar {
        background:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.3) , rgba(0, 0, 0,0));
    }
}
/* Botón personalizado */
.btn-custom {
    color: white; /* Color del texto del botón */
    border-color: white; /* Color del borde del botón */
}
.img-custom {
    color: white;
    border-color: white;
	width: 50px;
	height: 35px;
	border: 1px solid #ffffff;
	padding-top: 4px; /* arriba */
    padding-bottom: 4px; /* abajo */
	padding-left: 4px; /* izquierda */
    padding-right: 4px; /*  derecha */
	border-top-left-radius: 4px; /* Borde redondeado en la esquina superior izquierda */
    border-bottom-left-radius: 4px; /* Borde redondeado en la esquina inferior izquierda */
    border-top-right-radius: 4px; /* Borde redondeado en la esquina superior derecha */
    border-bottom-right-radius: 4px; /* Borde redondeado en la esquina inferior derecha */ 
}
.img-custom:focus,
.img-custom:active {
    background-color: #202020 ;
}