body{
 	background-image: 
    url('../img/Textura.png');   
    background-position: center;
}

#header {
  position: relative;
  align-content: center;
  width: 100%;
  height: 800px;
}

#header::before {
  content: "";
  
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1; /* Pone la imagen detrás del contenido */
}

.header_title-black{
	font-family: "Merriweather", serif;
	font-style: normal;
	font-size: 50px;
	color: #000000;
	line-height: 1.25;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3), 2px 2px 4px rgba(0,0,0,0.2);
}

.header_title{
	font-family: "Merriweather", serif;
	font-style: italic;
	font-size: 80px;
	font-weight: bold;
	color: #d0043d;
	line-height: 1.25;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3), 2px 2px 4px rgba(0,0,0,0.2);
}

.rojomg-texto{
	color: #d0043d;
}


.main_bases-list{
	list-style: none;
}

.main_bases-span, .main_bases-title{
	font-family: "Merriweather", serif;
	font-style: italic;
	font-size: 50px;
	color: #d0043d;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2), 2px 2px 4px rgba(0,0,0,0.1);
}

.main_bases-span_text{
	font-size: 30px;
	color: #d0043d;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.2), 2px 2px 4px rgba(0,0,0,0.1);
}

.main_mosaico-card{
	padding: 20px;
	background-color: white;
	border-width: 20px;
	border-color: #d0043d;
}

.mosico_card-body{
	padding: 10px
}


.merriweather{
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: italic;
  font-variation-settings:
    "wdth" 100;
}


.merriweather-text {
  font-family: "Merriweather", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



.merriweather-btn {
  font-family: "arial", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.merriweather-btn-bold {
  font-family: "arial";
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.main_mosaico-image{
		max-width: 100px;
	}

p{
	margin: 0;
}


/*.col_image{
	opacity: 0.65;
}

.col_image:hover{
	opacity: 1;
	cursor: pointer;
}*/

@media screen and (max-width: 991px){
	#header{
		height: 750px;
	}

	.header_image{
		max-width: 300px;
	}

	.header_title-black{
		font-size: 30px;
	}

	.header_title{
		font-size: 60px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 40px;
	}

	.main_bases-span_text{
		font-size: 25px;
	}

	.main_bases-span-blank{
		font-size: 20px;
	}

	.main_image{
		max-width: 300px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 100px;
	}

}

@media screen and (max-width: 768px){
	#header{
		height: 750px;
	}

	.header_image{
		max-width: 300px;
	}

	.header_title-black{
		font-size: 30px;
	}

	.header_title{
		font-size: 60px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 40px;
	}

	.main_bases-span_text{
		font-size: 25px;
	}

	.main_bases-span-blank{
		font-size: 20px;
	}

	.main_image{
		max-width: 300px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 100px;
	}
}

@media screen and (max-width: 560px){
	#header{
		height: 600px;
	}

	.header_image{
		max-width: 250px;
	}

	.header_title-black{
		font-size: 30px;
	}

	.header_title{
		font-size: 55px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 40px;
	}

	.main_bases-span_text{
		font-size: 25px;
	}

	.main_bases-span-blank{
		font-size: 20px;
	}

	.main_image{
		max-width: 300px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 100px;
	}
}

@media screen and (max-width: 440px){
	#header{
		height: 600px;
	}

	.header_image{
		max-width: 250px;
	}

	.header_title-black{
		font-size: 30px;
	}

	.header_title{
		font-size: 40px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 35px;
	}

	.main_bases-span_text{
		font-size: 25px;
	}

	.main_bases-span-blank{
		font-size: 20px;
	}

	.main_image{
		max-width: 250px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 100px;
	}
}

@media screen and (max-width: 375px){
	#header{
		height: 600px;
	}

	.header_image{
		max-width: 250px;
	}

	.header_title-black{
		font-size: 30px;
	}

	.header_title{
		font-size: 40px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 35px;
	}

	.main_bases-span_text, .main_bases-span-blank{
		font-size: 25px;
	}

	.main_image{
		max-width: 200px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 80px;
	}
}

@media screen and (max-width: 320px){
	#header{
		height: 400px;
	}

	.header_image{
		max-width: 150px;
	}

	.header_title-black{
		font-size: 20px;
	}

	.header_title{
		font-size: 30px;
	}

	.main_bases-list{
		padding: 15px;
	}

	.main_bases-span, .main_bases-title{
		font-size: 30px;
	}

	.main_bases-span_text, .main_bases-span-blank{
		font-size: 20px;
	}

	.main_image{
		max-width: 200px;
	}

	.main_mosaico-text{
		padding: 0 10px ;
	}

	.main_mosaico-image{
		max-width: 80px;
	}
}