/* /////// Pages Tab /////// */
section div.pages_taps {
	box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}


div.pages_taps {
	margin: 5px;
	max-width: 1200px;
	font-size: 1.0em;


}

section div button.tablink {
	background: var(--medio_02);
	color: var(--claro_01);
	float: left;
	border: none;
	cursor: pointer;
	padding: 14px 16px;
	width: 25%;	
}



section div button.tablink:hover {
	background: var(--oscuro_01);
}

.tabcontent {
	color: var(--claro_01);
	padding: 100px 40px;
	height: 100%;
	border-radius: 10px;
	transition: 1s ease;
	font-size: 1.0em;
	font-weight: lighter;
}

.tablink {
	transition: 0.5s ease;
}

.tablink:first-child {
	border-radius: 10px 0 0 0;
}

.tablink:nth-child(4) {
	border-radius: 0 10px 0 0;
}


#info, #donde {
	background: var(--color_01);
}

#detalles, #apoyar {
	background: var(--oscuro_01);
}

@media only screen and (min-width: 576px){
	div.pages_taps {
	margin: 10px;
	}
}

/* Medium devices (tablets, 768 and up) */ 
@media only screen and (min-width: 768px){
	div.pages_taps {
	margin: 15px;
	}
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px){

}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px){
	div.pages_taps {
	margin: 20px auto;
	}
}
