/*Estilos de web app para ASAKUSA Rest.*/

/*
 .bd-placeholder-img {
 	font-size: 1.125rem;
 	text-anchor: middle;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	user-select: none;
 }

 @media (min-width: 768px) {
 	.bd-placeholder-img-lg {
 		font-size: 3.5rem;
 	}
 }

.d-flex{
	color:#ffffff;
}
.bg-dark{
	background-color:#2F2F2F;
	height:100% !important;
	color:#ffffff;
	text-align:center;
	}

*/

 body {
 	/* URL de la imagen que deseas utilizar como fondo */
    background-image: url('images/patter-jap1.jpg');
 
    /* Propiedad para repetir la imagen en ambas direcciones */
      background-repeat: repeat;
      color: #ffffff;
 }

 .logotop {
    width: 250px; height: auto;
    display: block;
    margin: auto;

}

 @media (max-width: 768px){
     .logotop{width: 350px; height: auto;}
 }

.container.asakusa{
	max-width: 928px;
}

.redes {
    color: #fff;
 /* display: inline-flex;
    margin-left: 15px;
 */
    padding-top: 24px;
    font-size: 20px;
    text-align: center;
    transition: transform 0.3s ease-in-out; /* Agrega una transición suave */
}

.redes:hover{
    transform: scale(1.1); /* Escala de zoom. Ajusta el valor para cambiar el nivel de zoom */

}

@media (max-width: 768px){
    .redes{font-size: 25px;}
}

a.link-top{
    text-decoration: none;
}

.link-top {
    color: #797979;
    margin-left: 5px;
    
}

.link-top:hover{
    color:#ffffff;
}

.foto-local {
    width: 360px; height: auto;
    border: 2px solid #e32117;
    border-radius: 15px;
    margin: auto;
    display: block;
    margin-top: 20px;
    transition: transform 0.3s ease-in-out; /* Agrega una transición suave */
}

@media (max-width: 768px){
    .foto-local{width: 300px; height: auto;}
}

.foto-local:hover{
    transform: scale(1.04); /* Escala de zoom. Ajusta el valor para cambiar el nivel de zoom */
}


hr.linea-div {
    color: #636060;
    width: 50%;
    text-align: center;
    margin: auto;
    padding: 6px;
}

.desarrollado {
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
}

@media (max-width: 768px){
    .desarrollado{
        padding: 0 23% 0 23%;
    }
}

.creditos {text-align: center; text-decoration: none;}
a.creditos{text-decoration: none;}

.link-conceptual{text-decoration: none;color: #e32117;}

.lead {font-size: 1.25rem; font-weight: 300; text-align: center;}

.border-white {
    border-color: #e32117 !important;
}

/* boton de descargar */

.btn-lg {
    background-color: #e32117;
    color: #ffffff;
    transition: transform 0.3s ease-in-out; /* Agrega una transición suave */
}

.btn-lg:hover{
    background-color:#ffffff;
    color:#e32117;
    transform: scale(1.1); /* Escala de zoom. Ajusta el valor para cambiar el nivel de zoom */
}