html{
    overflow-x: hidden;
}

body{
	font-family: 'Arima Koshi';
	overflow: hidden;
}

.bg-main{
	background-image:url("../img/fondos/main.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-arte-textil{
	background-image:url("../img/fondos/textura.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-contacto{
	background-image:url("../img/fondos/contacto.png");
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#navLourdes{
	margin-top:5rem;
	transition: all 0.3s ease;
}

#navLourdes.scroll-nav{
	margin-top: 0;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    background-color: #fff;
	transition: all 0.3s ease;
}

#navbarLourdesContent{
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	transition: border 0.3s ease;
}

#navLourdes.scroll-nav #navbarLourdesContent{
	border-top:none;
	border-bottom:none;
}

#navLourdes.scroll-nav #nav-ul{
	padding-left: 5rem;
}

.nav-link{
	font-size:1.25rem;
	font-weight:500;
	color:#000;
}

.img-navbar{
	width: 17rem;
}

.redes-navbar{
	width: 2rem;
}

.link-redes{
	text-decoration:none;
}

.content-banner{
	padding-top:15rem;
}

.wrapper-banner.card-banner{
	cursor:pointer;
}

.card-banner:hover{
	transform:scale(1.15);
}

.card-banner:hover img{
	filter:drop-shadow(1px 1px 10px #fff);
}

.wrapper-banner:hover> :not(:hover){
	opacity:0.8;
}

.text-banner{
	font-size:1.3rem;
	color:#fff;
	padding-top:3rem;
	opacity:0;
	transition:0.6s 0.2s ease;
}

.card-banner:hover .text-banner{
	scale:1;
	opacity:1;
}

.text-arte-textil{
	font-size:1.5rem;
	color:#000;
	font-weight:500;
}

.text-arte-textil b{
	font-weight:900;
}

.img-nosotros{
	width: 17rem;
}

.content-nosotros-right{
	border-right: 2px solid black;
	position: relative;
}

.content-nosotros-right::before {
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: black;
    border-radius: 50%;
    top: 50%;
    right: -6px;
    transform: translate(0, -50%);
    z-index: 2;
}

.content-nosotros-left{
	border-right: 2px solid black;
	position: relative;
}

.content-nosotros-left::before {
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: black;
    border-radius: 50%;
    top: 50%;
    right: -6px;
    transform: translate(0, -50%);
    z-index: 2;
}

.title-nosotros{
	font-size:3rem;
	color:#000;
	font-weight:900;
}

.text-nosotros{
	font-size:1.3rem;
	color:#000;
	font-weight:500;
}

.text-nosotros b{
	font-weight:900;
}

.img-nosotros-right{
	position: absolute;
	width: 2rem;
	height: auto;
	top: 50%;
	right: -3rem;
	transform: translate(0, -50%);
	z-index: 1;
}

.img-nosotros-left{
	position: absolute;
	width: 2rem;
	height: auto;
	top: 50%;
	right: 1rem;
	transform: translate(0, -50%);
	z-index: 1;
}

.title-galeria{
	font-size:2rem;
	font-weight:500;
	padding-top:0.3rem;
}

.icon-galeria{
	width:1.3rem;
}

.title-artistas{
	font-size:1.75rem;
	font-weight:500;
}

.title-artistas b{
	font-weight:900;
}

.hr-artistas{
	border-top: solid 3px #000;
    opacity: 1;
}

.text-artistas{
	font-size:1.25rem;
	font-weight:500;
}

.text-artistas b{
	font-weight:900;
}

.content-contacto{
	background-color:#fff;
	border-radius: 15px;
    box-shadow: 0px -5px 30px 3px #000;
}

.input-contacto{
	border: 0;
    border-radius: unset;
    border-bottom: 2px solid #000;
}

.input-contacto:focus {
    color: #000;
    background-color: #fff;
	border-color: #000;
    outline: 0;
    box-shadow: none;
}

.btn-contacto {
	color: #000;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    max-width: 9rem;
    position: relative;
    text-decoration: none;
    width: 100%;
    border: none;
    height: 4rem;
	padding-top: 0.5rem;
    background-color: #fff;
}

.btn-contacto:hover {
	text-decoration: none;
}

.btn-1 svg {
	 height: 4rem;
	 left: 0;
	 position: absolute;
	 top: 0;
	 width: 100%;
}
 .btn-1 rect {
	 fill: none;
	 stroke: #000;
	 stroke-width: 4;
	 stroke-dasharray: 422, 0;
	 transition: all 0.35s linear;
}
 .btn-1:hover {
	 background: rgba(0, 0, 0, 0);
	 font-weight: 600;
	 letter-spacing: 1px;
}
 .btn-1:hover rect {
	 stroke-width: 2;
	 stroke-dasharray: 15, 310;
	 stroke-dashoffset: 48;
	 transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.redes-footer{
	width:2.5rem;
}

.text-footer{
	font-size:1rem;
	font-weight:400;
}

.text-footer b{
	font-weight:500;
}

.text-footer strong{
	font-size:1.25rem;
	font-weight:600;
}

.border-footer{
	border-left:1.5px solid #fff;
	border-right:1.5px solid #fff;
}

.title-aviso{
	font-size:2.5rem;
	font-weight:600;
}

.border-aviso{
	text-decoration: underline;
	text-underline-offset: 8px;
}

.text-aviso{
	font-size:1.25rem;
	font-weight:400;
}

@media (max-width: 1399.98px) {
	.img-navbar {
		width: 12rem;
	}
}

@media (max-width: 1199.98px) {
	#navLourdes.scroll-nav #nav-ul{
		padding-left: 2rem;
	}
	
	.redes-navbar{
		width: 1.5rem;
	}
	
	.text-banner {
		font-size: 1.2rem;
	}
	
	.title-nosotros {
		font-size: 2.5rem;
	}
	
	.text-nosotros {
		font-size: 1.25rem;
	}
	
	.text-artistas {
		font-size: 1rem;
	}
	
	.title-artistas {
		font-size: 1.5rem;
	}
}

@media (max-width: 991.98px) {
	#navLourdes {
		border-top: 2px solid #000;
		border-bottom: 2px solid #000;
	}
	
	.navbar-toggler{
		border:none;
	}
	
	.navbar-toggler:focus {
		box-shadow: unset;
	}
	
	.text-banner {
        font-size: 1rem;
    }
	
	.text-arte-textil {
		font-size: 1.25rem;
	}
	
	.text-nosotros {
        font-size: 1rem;
    }
	
	.title-nosotros {
        font-size: 2rem;
    }
	
	.img-nosotros-right {
		width: 1.5rem;
		right: -2rem;
	}
	
	.img-nosotros-left {
		width: 1.5rem;
		right: 0.5rem;
	}
	
	.text-artistas {
		font-size: 1rem;
	}
	
	.title-artistas {
		font-size: 1.25rem;
	}
	
	.redes-footer {
		width: 2rem;
	}
}

@media (max-width: 767.98px) {
	.card-banner:hover{
	  flex-grow: 2;
	  transform: scale(1);
	}
	
	.card-banner{
		transition: 2s cubic-bezier(0.05, 0.61, 0.41, 0.95);
		align-content:center;
		padding: 0 0.25rem;
	}
	.content-banner {
		padding-top: 11rem;
	}
	
	.text-banner {
        font-size: 0.8rem;
    }
}

@media (max-width: 575.98px) {
	.img-navbar {
		width: 8rem;
	}
	
	#navLourdes {
		margin-top: 4rem;
	}
	
	.img-nosotros {
		width: 12rem;
	}
	
	.title-galeria {
		font-size: 1.75rem;
	}
	
	.g-recaptcha{
		transform: scale(0.75); /* Reduce el tamaño en un 80% */
		transform-origin: 0 0; /* Asegura que la escala comience desde la esquina superior izquierda */
	}
	
	.border-footer{
		border-left:0;
		border-right:0;
	}
	
	.content-nosotros-left {
		border-right: 0;
		border-left: 2px solid #000;
	}
	
	.content-nosotros-left::before {
		left: -6px;
		right:auto;
	}
	
	.img-nosotros-left {
        right: auto;
        left: -2rem;
    }
	
	.text-arte-textil {
        font-size: 1rem;
    }
}

@media (max-width: 400px) {

}

@media (max-width: 360px) {
	
}