body{margin: 0;padding: 0;}

  
	     
 .contenedor { width:100%; margin:0px; padding:0px 0 0px 0; float:left; background: url(https://www.redcalamuchita.com/css/fondoprincipalsepia.jpg) bottom #222 repeat-y; background-size:100%; }
 @media only screen and (max-width: 768px){  .contenedor {background-size:120%;}}
 @media only screen and (max-width: 660px){  .contenedor {background-size:140%;}}
 
  @media only screen and (max-width: 570px){  .contenedor {background-size:160%;}    }

	
.logoymenu { width:100%; margin:0px; padding:0px; float:left; }
	   
	   
	   
@media only screen and (max-width: 768px){ .logoymenu { width:100%; height: auto; margin:0px; padding:0px; float:left;}}

.fotoindex {width:30%; margin:0px; padding:10px 0px 0px 0px;  border:none;  float:left;    height:85px; text-align:right; filter: alpha(opacity=70); /* internet explorer */
  -webkit-box-sizing: inherit;   -webkit-font-smoothing: antialiased; 
    -khtml-opacity: 0.7;      /* khtml, version anterior de safari */
    -moz-opacity: 0.7;       /* firefox, mozilla, netscape */
    opacity: 0.7;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" background: #222; display:table;  }



@media only screen and (max-width: 768px){.fotoindex {width:100%; margin:0px; padding:5px 0 0 0; height:0px; border:none;  float:left; height:75px; text-align:center; background:#222; border-top:1px solid #111; } }
@media only screen and (max-width: 300px){.fotoindex img{width:90%; height: auto;  } }
 
 
 
 	
	
	
	
	/* --- CONTENEDOR MODIFICADO --- */
.portada { 
    margin: 0px; 
    padding: 0; 
    float: left; 
    text-align: center; 
    width: 100%; 
    font-family: 'Poppins', sans-serif; 
    display: flex; 
    flex-wrap: wrap; /* CRITICO: Permite que las columnas bajen */
    justify-content: center;
}

/* --- TÍTULOS (Se mantienen igual pero aseguran el ancho) --- */
.portada h2 { float: left; padding: 10px 2% 0px 2%; margin: 0px; color: #B6A281; font-size: 34px; width: 96%; text-transform: uppercase; font-weight: 300;}
.portada h1 { float: left; padding: 0px 2% 0px 2%; margin: 0px; margin-top:30px; color: #fff; font-size: 44px; width: 96%;  text-transform: uppercase; }
.portada h3 { float: left; padding: 10px 0 20px 0; margin:0px; margin-bottom:0px; color: #fff; font-size: 16px; width: 100%; font-weight: 500;  }
	
.portada p { float: left; padding: 10px 0 10px 0; margin:0px; margin-top:20px; color: #3F8AA0; font-size: 14px; 
width: 100%; font-weight: 500;  background: #222; border-bottom: 2px solid #000; text-transform:uppercase;}
   
	
	/* --- RESPONSIVE --- */

@media only screen and (max-width: 600px) {
    .portada h2 { font-size: 20px; }
    .portada h1 { font-size: 34px; }
	.portada h3 {  font-size: 14px;  }
	.portada p {  font-size: 12px;  }

}



/* --- COLUMNAS (Ajustadas para alinearse) --- */
.portada-col-menu {
    width: 50%;
    display: flex; /* Asegura comportamiento interno */
    flex-direction: column;
    list-style: none;
    padding: 0;
    margin: 0;
    box-sizing: border-box; /* Evita que el padding las ensanche */
}

/* --- ESTILO DE ENLACES (Tu estilo original con limpieza) --- */
.portada-col-menu li a {
    color: #3F8AA0 !important;
    font-size: 15px !important;
    text-decoration: none;
    display: block;
    padding: 8px 15px;
    transition: all 0.3s ease; 
    background: #222; 
    border-bottom: 1px solid #000;
    
    /* Tu opacidad original */
    opacity: 0.70;
    filter: alpha(opacity=70);
    -khtml-opacity: 0.70;
    -moz-opacity: 0.70;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* --- HOVER (Corregido para que se vea el texto) --- */
.portada-col-menu li a:hover {
    background: #6EB2C7 !important; /* Invertimos para que resalte */
    color: #FFFFFF !important;
    opacity: 1; /* Al pasar el mouse, que se vea nítido */
}




@media only screen and (max-width: 768px) {
   .portada-col-menu {
        width: 100%; /* Una sola columna en celulares */
    }
}

 





	  
	 .portada2{ margin-top:0px;padding: 0; float:left;  width:100%; font-family: 'Poppins', sans-serif;}
     .portada2 ul{ margin:0;padding: 0; float:left;  width:100%; list-style:none;}
	.portada2 ul li{ display:inline; width:80%; margin-left:10%; margin-right:10%; float:left; }

.portada2 ul li.imagen1{ background: #222;  display:table; 
filter: alpha(opacity=70); /* internet explorer */
-webkit-box-sizing: inherit;   -webkit-font-smoothing: antialiased; 
-khtml-opacity: 0.7;      /* khtml, version anterior de safari */
-moz-opacity: 0.7;       /* firefox, mozilla, netscape */
opacity: 0.7;           /* safari, chrome, opera */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
border-left:3px solid rgba(116, 160, 162, 1); border-bottom:1px solid rgba(116, 160, 162, 1); margin-bottom:20px; }


.portada2 ul li.imagen1 h3{ width:86%; float:left; text-align:left; color:#fff;  font-size:14px; text-transform:uppercase;  font-weight:600; margin-top:30px; padding:0 7% 0 7%; }
.portada2 ul li.imagen1 p{ width:86%; float:left; text-align:left; color:#fff;  font-size:14px;  font-weight:400; margin-top:10px; padding:0 7% 0 7%; }
		   
		   
		   
	   
	 .portada2  ul li.widthtotal{ background: #222;  display:table;  width:100%; float:left;   filter: alpha(opacity=70); /* internet explorer */
  -webkit-box-sizing: inherit;   -webkit-font-smoothing: antialiased; text-align:left; padding:30px 0 0 0; 
    -khtml-opacity: 0.7;      /* khtml, version anterior de safari */
    -moz-opacity: 0.7;       /* firefox, mozilla, netscape */
    opacity: 0.7;           /* safari, chrome, opera */
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
 
 
  .portada2  ul li.widthtotal p{ text-align:left; width:80%; float:left; text-align:left; color:#fff; font-size:16px; padding:0 10% 1px 10%; line-height:26px; font-weight:400;   }
 .portada2  ul li.widthtotal h3{ text-align:left; width:80%; float:left; text-align:left; color:#fff; font-size:16px; padding:0 10% 0px 10%; line-height:26px; font-weight:400;    }
		 
		  .portada2  ul li a{ text-decoration:none; color: #3F8AA0;  }
		   .portada2  ul li a:hover{ text-decoration:none; color: #fff;  }
		   
		   






@media only screen and (max-width:600px){
.portada2 ul li h3{ font-size:14px;}  
.portada2 ul li p{ font-size:14px;}  
}



 


 









 


	.intro { float:left; padding:50px 5% 0 5%; margin:0px;   font-family: 'Poppins', serif; sans-serif; width:90%;  	display:table;  background: rgba(0, 0, 0, 0.7) ;}
	
 	.intro h2{font-size:18px; text-align:center; margin:0px; padding:0px; color: #fff; }
	
	.intro h3{  text-align:center; margin:0px; padding:0px;
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
     color: #999999 ;
    margin-bottom: 5px; }
	
	.intro p{ width:96%; float:left;   font-size:14px; padding:0 2% 30px 2%; line-height:26px; font-weight:400; color: #999999; }

 
  
   @media only screen and (max-width: 768px){  .intro { float:left; padding:50px 1% 0 1%; margin:0px; color:#000;  font-family: 'Poppins', serif; sans-serif; width:98%;}}

  
  
 
 
  
  
 .contacto  { width:100%; margin:0px; float: left; font-family: 'Poppins', serif;  display:table; padding:20px 0px 0px 0;   text-align:center; background:url(https://www.redcalamuchita.com/css/fondocontacto.jpg) center  #282828; background-size:100%;    }
  
.contactomauro p{font-size:16px; width:90%; margin:0 5% 0 5%; padding-top:10px; padding-bottom:10px; float:left; font-weight:400; color:rgb(255, 255, 255); line-height: 34px;}
.contactomauro  p a{ color:#75B0D5; text-decoration:none;  }

.contactomauro p strong{ font-weight:400; font-size:20px; color:#fff;}

.contactomauro h5{  text-align:center; margin:0px; padding:50px 0px 0 0;
	font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #a8a8a8;
    margin-bottom: 5px; }
	

.contactomauro h3 {  font-size:33px; color: #ffffff; font-weight:600; width:90%; margin:0px  5% 0px 5%; letter-spacing: 1px;   float:left;}

.contactomauro h4  {  text-align:center; margin:0px; padding:50px 0px 0 0;
	font-size: 14px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #a8a8a8;
    margin-bottom: 5px; }

 @media only screen and (max-width: 768px){ .contactomauro h3 {  font-size:20px;}  .contactomauro h4 { font-size:16px;}}


 

 
 
 
.copyright{width:100%; padding:10px 0 10px 0; float:left;  font-family:'Poppins', serif; font-size:12px; margin:0px;  color:rgb(119, 119, 119); border-top:10px solid #080501; border-bottom:10px solid #080501; margin-top:30px; }
.copyright a{color:#75B0D5; text-decoration:none; }

.copyright ul{ float:left; padding:0px;  margin:0; list-style:none; width:100%; text-align:center; }
.copyright ul li p {width:80%; padding:10px 0 0px 0;  text-align:center;  text-align:center;  font-weight:400; font-size:12px;   }

.copyright ul li { display:inline;}
.copyright ul li a{ padding:7px 10px 7px 10px; text-decoration:none; }
.copyright ul li a:hover{  color:rgb(150, 150, 150); text-decoration: underline; }

@media only screen and (max-width:900px){.copyright ul li a{ float:left } .copyright p {text-align: left;  } .copyright p {width:98%; padding:10px 0 0px 2%;  } } 







 
 


 



.ir-arriba { 	display:none;	padding:0px;	 	cursor:pointer;	position: fixed;	bottom:65px;	right:9px; z-index:9999;}
.ir-arriba img{ width:48px;}

.ir-arriba4 { 	padding:0px;	 	position: fixed;	bottom:3px;	right:7px; z-index:9999;}
.ir-arriba4 img{ width:50px;}