@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap');
@font-face{
	font-family: "Banding";
	src: url("Font Banding/Copia de Branding SF Black.otf") format("opentype"),	  
}
html, body { font-family: "Alegreya Sans"; }
h1,h2,h3 { font-family: "Banding"; }
img { max-width: 100%; height: auto; }
.red { color: "#ed1c24"; }
.brown-light { color: "#603813"; }
.brown { color: "#88431d"; }
.acc:before { content: "´"; position:absolute;  }
/*.b-blue { -webkit-text-stroke: 3px #0057FF; }
.b-pink { -webkit-text-stroke: 3px #FE3FBB; }*/
.bg-subhead { background-color: #0057FF; }
.bg-who { background-color: #9F5BFF; }
.bg-main { 
		background: url('../img/bgs/algodon.png') no-repeat right top, 
						url('../img/bgs/paletas.png') no-repeat left bottom; 								
		background-size: 600px, 600px;
}

@media (min-width: 768px) {
	.bg-contact { 
		background: url('../img/banners/conejo-footer.png') no-repeat left bottom;	
		background-size: 300px;											
			
	}
}







.tabs {
	display: flex;
	flex-wrap: wrap; 
}
.tabs label {
	order: 1; 
	display: block;
	padding: 1rem 2rem;
	margin-right: 0.2rem;
	cursor: pointer;
	color: #fff;
  	font-weight: bold;
  	transition: background ease 0.2s;
}
.tabs .tab {
  	order: 99; 
  	flex-grow: 1;
	width: 100%;
	display: none;
  	padding: 1rem;
}
.tabs input[type="radio"] {
	display: none;
}
.tabs input[type="radio"]:checked + label {
	
}
.tabs input[type="radio"]:checked + label + .tab {
	display: block;
}

@media (max-width: 45em) {
	.tabs .tab,
  	.tabs label {
  		order: initial;
  	}
  	.tabs label {
   	width: 100%;
    	margin-right: 0;
    	margin-top: 0.2rem;
  	}
}