@font-face {
  font-family: 'Sen';
  src: url('../fonts/Sen/Sen-VariableFont_wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Global */

	html {
	  scroll-behavior: smooth;
	}

	body{
		font-family: 'Sen', Arial, sans-serif;
		font-size: 16px;	
		max-width: 1920px;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	
	body a{
		color:#7B308A; 
	}
	
	body a.underline{
		text-decoration: underline;
	}	
	
	
	
	#main-container{
		margin-top: 116px;
		
	}
	
	@media(max-width:991px){
		
		#main-container{
			margin-top: 67px;
		}		
		
	}		
	
	/* Categories */
		body.category #main-container .row,
		body.post-template-default #main-container .row{
			max-width: 1440px;
			margin: 0 auto;
			padding: 30px;
		}
		
		body.category #main-container img,
		body.post-template-default #main-container img{
			width: 100% !important;
			height: auto !important;
		}		
	/* ./categories */
	
	
	/* Colors */
	
		/*
			#7B308A lilac 700
			#FAD6FF 50%
			#FEF3FF 30%
		*/
		
		.bg-lilac-700{
			background-color: #7B308A;
		}		
				
		
		.black-800{
			color:#2D2D2D;
		}		
	
		.lilac-700{
			color: #7B308A;
		}
		
		.bg-lilac-700{
			background-color: #7B308A;
		}		
		
		.lilac-500{
			color: #89598F;
		}	
		
		.lilac-50{
			color:#FAD6FF;
		}
		
		.lilac-30{
			color:#FEF3FF;
		}	
		
		.bg-lilac-50{
			background-color:#FAD6FF;
		}
		
		.bg-lilac-30{
			background-color:#FEF3FF;
		}			
	/* ./Colors */
	
	/* buttons */
		.btn{
			font-size: 16px;
			border: 0;
			min-height: 48px;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 0 30px 0 30px;
			width:100%;
			font-weight: 600;
			background-image:none;
			box-shadow: none;
			border: 2px solid #7B308A;
			text-decoration: none;
		}
		
		.btn:hover{
			background-image:none;
			box-shadow: none;
			opacity: 1;
			border: 2px solid #7B308A;
			transition: ease all .6s;
			/* border: 0; */
		}	
		
		.btn-radius{
			border-radius: 20px !important;
			padding: 0 15px 0 15px
		}
		
		@media(min-width:768px){
			
			.btn{
				width: fit-content;
			}		
				
			.btn-radius{
				border-radius: 100px;
			}				
			
		}
		
		.btn-primary{
			background-color: #7B308A;
			border-radius:100px;
			color: #fff !important;
		}
		.btn-primary:hover{
			color: #89598F !important;
			background-color: #fff;
		}	
		
		
		.btn-primary-o{
			color:#7B308A;
			border:2px solid #7B308A;
			border-radius:100px;
		}
		.btn-primary-o:hover{
			color: #fff;
			background-color: #7B308A;
		}				
		
		
		.btn-secondary{
			color:#7B308A;
			background-color: #fff;
			border-radius:100px;
			border:2px solid #fff;
		}		
		.btn-secondary:hover{
			color: #fff;
			background-color: transparent;
			border:2px solid #fff;
		}					
	/* ./buttons */
	
	/* Main  */
		#main{
			margin: 0;
			padding: 70px 0 0 0;
		}
		
		@media(min-width:768px){
			
			#main{
				padding: 160px 0 0 0;
			}
			
		}
	/* ./main */
	
	/* Container */
		.container{
			width: 100%;
			max-width: 100%;
		}
	/* ./Container */
	
	/* Headings */
		h1{
			font-weight:bold;
			font-size: 48px;
		}
				
		h3{
			font-weight:bold;
			font-size: 28px;
		}		
	/* ./headings */
	
	/* text */
	.fs-7{
		font-size: 14px !important;
	}
	/* ./text */
	
/* ./Global */


/* Header */
	@media(min-width:768px){
		.navbar-brand img{
			max-width: 200px;
		}
	}
/* ./Header */

/* Footer */
	footer{
		color:#fff;
		/*
		position: fixed;
		z-index: 2;
		bottom: 0;
		width: 100%;
		*/
	}
	footer a{
		color:#fff;
	}
	footer a:hover{
		opacity: .5;
		transition: ease all .6s;
	}	
	footer ul{
		display: flex;
		padding: 0;
		margin: 0;		
		gap:15px;
	}
	
	footer ul li{
		list-style: none;
	}	
	
	footer ul li a{
		font-size: 14px;
		text-decoration: underline;
	}		
/* ./Footer */

/* Front-page */
	
	.banner{
		background-image: url('../img/banner.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		color: #fff;
	}
	
	
	@media(min-width:768px){
		
		.banner{
			height: 800px;
		}		
		
	}
	
	#front-page ul li{
		list-style: none;
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	
	.bgcontact{
		background-image: url('../img/bgcontact.png');
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
	}	
	
/* ./Front-page */

/* Carrusel */

	.carousel-wrapper {
	  width: 100%;
	  overflow: hidden;
	}
	
	/* Carrusel */
	.carousel {
	  display: flex;
	  overflow-x: auto;
	  scroll-snap-type: x mandatory;
	  scroll-behavior: smooth;
	  -webkit-overflow-scrolling: touch;
	  scrollbar-width: none;
	}
	.carousel::-webkit-scrollbar {
	  display: none;
	}
	
	/* Slides */
	.slide {
	  flex: 0 0 100%;
	  scroll-snap-align: center;
	  /*
	  height: 200px;
	  display: flex;
	  align-items: center;
	  justify-content: center;	  
	  font-size: 2rem;
	  background: #eee;
	  border-right: 1px solid #ddd;
	  */
	}
	
	/* Dots con área de presión grande */
	.dots {
	  display: flex;
	  justify-content: center;
	  gap: 8px;
	  margin-top: 12px;
	}
	
	.dots a {
	  width: 48px;   /* Área clicable grande */
	  height: 48px;  /* Área clicable grande */
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	
	.dots a.active span {
	  background: #333;
	}	
	
	.dots a span {
	  width: 10px;   /* Dot visible */
	  height: 10px;  /* Dot visible */
	  border-radius: 50%;
	  background: #ccc;
	  display: block;
	  text-indent: -9999px;
	}
	
	/* Dot activo */
	.slide:target ~ .dots a[href*="slide"] span {
	  background: #ccc;
	}
	
	#slide1:target ~ .dots a[href="#slide1"] span,
	#slide2:target ~ .dots a[href="#slide2"] span,
	#slide3:target ~ .dots a[href="#slide3"] span {
	  background: #333;
	}
	#slide4:target ~ .dots a[href="#slide4"] span {
	  background: #333;
	}	


/* ./Carrusel */

/* Slider */
	
	
	.slider {
	  width: 100%;
	  overflow: hidden;
	  position: relative;
	}
	
	.slider-track {
	  display: flex;
	  transition: transform 0.4s ease;
	}
	
	.slider-item {
	  flex: 0 0 20%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	.slider-item img {	  
	  max-width: 120px;
	  height: auto;	  
	  overflow: hidden;
	  filter: grayscale(100%);
	}
	
	.slider-dots {
	  display: flex;
	  justify-content: center;
	  margin-top: 16px;
	}
	
	.slider-dots button {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  border: none;
	  margin: 0 4px;
	  background: #ccc;
	  cursor: pointer;
	}
	
	.slider-dots button.active {
	  background: #000;
	}

	@media (max-width: 576px) {
		  .slider-item {
		    flex: 0 0 100%; 
		  }
	  
		.slider-item img {	  
		  max-width: 100%;
		}	  
	  
	}
/* ./Slider */

/* Navbar */

	.navbar{
		border-bottom: 1px solid #ccc;
		padding: 0;
	}


	#navbarResponsive ul{
		list-style: none;
		margin: 0;
	}
	
	@media (min-width: 768px){
		
		#navbarResponsive ul{
			gap:15px;
		}			
		
	}
	
	#navbarResponsive ul li{
		list-style: none;
	}	

	#navbarResponsive ul li a{
		text-decoration: none;
		color: #000;
	}

	#navbarResponsive ul li a:hover{
		opacity: .3;
		transition: .6s all;
	}


@media (max-width: 991px) {
	
	nav .container{
		padding: 0;
	}
	
	#navbarResponsive{
		height: 100%;
	}
	
	
	#navbarResponsive ul{
		width: 100%;
	}	
		
	#navbarResponsive ul li{
		min-height: 48px;
		border-top: 1px solid #ccc;
		display: flex;
		align-items: center;
		background-color: #89598F;
	}
	
	
	#navbarResponsive ul li:hover{
		background-color: #89598F;
	}	
	
	#navbarResponsive ul li a{
		color: #fff;
		margin: 0 15px 0 15px;
	}		
}
/* ./Navbar */

/* Polylang *
.lang-switcher {
    padding: 6px 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
}
/* ./Polylang */