@charset "utf-8";

/* Medios fluidos sencillos
   Nota: Los medios fluidos exigen la eliminación de los atributos de altura y anchura de los medios del código HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


img, object, embed, video {
	max-width: 100%;
}
/* IE 6 no admite max-width (anchura máxima), por lo que usa de manera predeterminada una anchura del 100% */
.ie6 img {
	width:100%;
}


/* COLORES hexadecimales */
/*pirineos: #578899
cols: #E7B13C
Pyrineist: #366560
Castillos: #D51953
Fuentes del Vino: #7A203E
B&W: #64328A
*/

/* FIN de COLORES hexadecimales */


.and {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color:black; }
.prepunto  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:0.8em;
              }
.cifra1  {color:green;  }
.cifra3  {color:blue;   }
.cifra4  {color:red;  }
.cifra5  { color:yellow;  }
.cifra6  { color:#906;  }
.cifra7  { color:rgba(80,80,80,1);  }
.cifra8  { color:black;  }
.cifracry  {color:rgba(213,25,83,1);   }
.linea00 {  border-top:0px	solid gray;  clear:both; margin:0px; }
.linea0 {  border-top:1px	solid gray;  clear:both; margin:0px; }
.logoP {display: block;	
        width: 100%!important; 
		max-width: 1060px; 
		margin: 0 auto; 
		text-align:center;
		  }
.logoP img {  width: 100%!important; 
		max-width: 1060px; 
		 }		  
.logoG  {display:none;  }
.simbolos  {color:white;  }
/*PASAFOTOS*/
.fluid_container { margin: 0 auto;
                  max-width: 1200px;
                  width: 98%;
                  }
/*FIN PASAFOTOS*/
.preciob  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; color: white; display:inline-block;  }	
.precio  {font-family: 'Conv_Helvetica-BlackOblique'; 
          font-size:1em; 
		  color: rgba(122,32,62,1); 
		  display:inline-block;
		  }
.lugares  {font-family: 'Conv_Helvetica-BlackOblique'; font-size:1em; 
           color: rgba(122,32,62,1); 
		   display:inline-block;
		     }
.modalidad  {font-family:"Segoe Print", "Segoe Script";  color: white; font-weight:300; }
.modalidad2  {font-family:"Segoe Print", "Segoe Script";
              font-size:0.9em;
              color:rgba(122,32,62,1);
			  font-weight:700;
			   }
.opcbarraw3 {font-family:"Eras Medium ITC"; font-size:0.9em; color: white;    }
.conf  {font-family:"Eras Medium ITC"; font-size:1.2em; color: blue;  }
.lux  {font-family:"Eras Medium ITC"; font-size:1.2em; color:yellow;   }
.luxscolor  {color:yellow;   }
.lux2  {font-family:"Eras Medium ITC"; font-size:1.2em; color:#ef680e;    }
.pamplona  { font-family:"Eras Light ITC"; font-size:1.5em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.2em auto;
	          border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }	
.etapasnoches  { font-family:"Segoe Print", "Segoe Script"; font-size:1.0em; 
              color: white;
              display:inline-block;
              padding: 0.1em 0.4em; background-color:rgba(213,25,83,1); margin: 0.2em auto;
	          border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }	
.etapasnoches a  { font-family:"Eras Light ITC"; font-size:1.1em; 
              color: white; text-decoration:none;			  
               }	
.tipopamplona  { font-family:"Eras Demi ITC"; color:rgba(213,25,83,1); font-size:1.1em; } 
.itinerarioli {list-style-image: url("icos/arrow-verde.png");
               list-style-position:inside;
               margin: 0;
			   margin-left:0.3em;			   
               padding: 0;
               }
.itinerarioli li { line-height:1.35em; margin-bottom:1.5em; text-align:left;  }
.notali { margin: 0em 0.5em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.1em;
		}
.notaliw3 { margin: 0em 1em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.4em!important;
		}		
.notaliminbw3 { margin: 0em 1em;  
        font-size:0.70em; 
        /*font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		color: rgba(122,32,62,1);*/
		}			
.notaliokw3 { margin: 0em 1em;  
        font-size:0.75em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(54,101,96,1);
		line-height:1.4em!important;
		}		
.interespack  { display:block;	    }
.interespack li  { font-family: sans-serif;
                   list-style-image: url("icos/arrow-verde.png");
                   text-align:left;
	               font-size: 0.75em;
		           line-height: 1.3em;
				   margin-left:-1.5em; 
		           margin-bottom:0.8em;   }	
.interespack li a  { padding: 1px; font-style:oblique; font-weight:bold; color:blue;  }
.interespack li	img {display:inline; width: 24px;  }
.resr { color: rgba(122,32,62,1); font-size:1.2em; }
.resr2 { color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase; }
.resr3 { color: rgba(122,32,62,1); font-size:1.1em; }
.resr4 { font-family:Arial, sans-serif; color: rgba(122,32,62,1); font-size:1.1em; font-weight: 400; }
.resaltelilistas  {color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase;  }
.lineainterdias { margin:0em 5em 2em 5em;  border-top:1px	solid rgba(122,32,62,1);  clear:both; }	
.puerto  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.1em; 
		   color: rgba(54,101,96,1);
			}
.puerton  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(213,25,83,1);
			}			 
.tiporuta  { font-family:"Segoe Print", "Segoe Script";
	        font-size: 0.9em;
		    margin-left: 10px;
	     	margin-right: 10px;	 }
.cabhotel  {width: 100%; margin:2em auto;  }
.cabhotel img  {border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }
.cabhotelcry  {width: 100%; margin:2em auto;  }
.cabhotelcry img  {border: 1px solid rgba(213,25,83,0.9);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; }	
.tariffs { width: 80%;
	margin: 3em auto;
	padding: 4px 4px 8px 4px;
	text-align:center;	 
	background-color: rgba(0,0,0,0.10);
	border: 1px solid black; 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px; }
.resumen  {padding:0.6em;
	      margin-top:0.5em;
          font-family: sans-serif;
		  text-align:center;
  		  font-size:1.2em;
		  color: black;
		  line-height:1.5em;
		    }
.interps {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
	background-color: rgba(87,136,153,0.2);	  }
	

.interps p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }

.cifrasetapas {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }

.etapas  {font-family:'Eras Medium ITC';
	font-size:1.05em;
	font-weight:900;
	border-bottom:solid 0px #CCC;
	margin: 0.5em;
	padding: 2px;
	text-align:center;	
}
.reco  {font-size:0.75em;  }

.lugar  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1.1em;
             }
.lugar2  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:1em;
             }					 
.resalteli  {font-family:"Eras Medium ITC";
             text-transform:uppercase;
			 font-size:1.0em;
			 font-weight:800;
			 }	
.publicidadsippb  { background-color: rgba(87,136,153,0);  }
.publicidadsirpb  { background-color: rgba(122,32,62,0.3);  }			
.colaboradoresppb  { background-color: rgba(87,136,153,0.55);  }
.colaboradoresrpb  { background-color: rgba(122,32,62,0.55);  }
.cromitocentro  { text-align:center; background-color: rgba(213,25,83,0.1);  }
.cromitocentro img  { width: 20%;
                      background-color: white;
                      border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }

.cabezalcromo  { margin: 0.7em 0.1em; 
           font-family:"Eras Medium ITC";
           font-size:140%;
		   color: rgba(0,0,0,1);
            }
.cabezalcromo2  { margin: 0.7em 0.1em; 
           font-family:"Eras Medium ITC";
           font-size:140%;
		   color: rgba(255,255,255,1);
            }								 
		 
.cuadrohome {  width: 46%;
	       margin: 2% 1% 2% 2%;
	       padding: 0px;
	       float:left; 
           clear:none;
	       text-align:center;		 
	/*background-color: rgba(122,32,62,0.6);*/
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
}
.cuadrohome img {  width: 100%; 
	margin: 0 auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
             }

#interesa  {  font-family: sans-serif;
		  text-align:center;
  		  font-size:1.05em;
		  color: black;
		  line-height:1.4em;  }
            		   			
#interesa img  { width: 45%; 
             float: left; 
             margin: 2%;
		     clear:none; 
             /*margin:1em auto;*/
			  border: 1px solid rgba(0,0,0,1);
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }	
#direcion {	font-size:0.5em; 
            font-family: Verdana, Geneva, sans-serif;
            margin: 0 auto;
            padding-bottom: 0.4em;
            text-align:center;
			/*background-color: rgba(87,136,153,1);*/
			color:white;
}
.barracookies  {font-size:0.8em; background-color: black;
                text-align:center;
				padding: 0.06em;
                color: rgba(231,177,60);
				 }
.importantcol  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(231,177,60,1);
			}
.importantcol a { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		   color: rgba(231,177,60,1);
		   text-decoration:none;
			}					 
.resalteslow  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.1em; 
		   color: rgba(231,177,60,1);
			}
.eldesierto  {font-family:"Segoe UI Symbol";
             color: rgba(60,60,60,1);
			 font-weight:600;
		     font-size:1.1em; }
.fcentrodesktop img {
	margin: -1.1em auto 2em auto;
	border: 1px solid black; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			     }			   				
.fcentromovil img {
	width:90%;
	margin: 0.5em auto 0.9em auto;
	border: 1px solid black; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			     }
.fcentrodesktop  {margin-top: 0.5em; display:none;  }	

.w3bloquecentral  {width:100%;
              margin: 0 auto;
              text-align:center;
			  font-family:"Eras Medium ITC";
               }
.w3bloqueanchofull  {width:100%; margin: 0 auto;
               text-align:center;
              /*background-color: rgba(122,32,62,0.1);*/              
                }
.w3bloqueanchofull2  {width:100%; margin: 0 auto;
              text-align:center;
              background-color: rgba(0,0,0,0.5);              
                }									   
.pasafotow3	{ text-align:center;
			  font-family:"Arial", sans-serif;
			  font-size:1.02em;
               }
.compimapas { font-family:"Eras Medium ITC"; 
              font-size:0.9em; 
			  font-weight:600; 
			  line-height:1.3em; }
.luxbarraw3  {font-family:"Eras Medium ITC"; font-size:1.05em; color:yellow;   }
.colsbarraw3  {font-family:"Eras Demi ITC"; font-size:1em; color:rgb(231,177,60);   }
.tipopamplonaw3  { font-family:"Eras Demi ITC"; color:rgba(213,25,83,1); font-size:1.3em; }	
.lugaresbarraw3  {font-family: 'Conv_Helvetica-BlackOblique'; 
            font-size:0.90em;
			color:#FF9; 
            /*color: rgba(122,32,62,1);*/
		    }
.modalidadw3  {font-family:"Segoe Print", "Segoe Script"; font-size:0.9em;  color: white; font-weight:300; }					.w3-sidebar .w3-bar-item:hover{ background-color: green; /* Un verde claro */  }

.w3-cell a { text-decoration:none;  }
.botones-esquina-superior-derecha {
  position: fixed!important;
  top: 6px; /* Ajusta este valor para la distancia desde la parte superior */
  right: 20px; /* Ajusta este valor para la distancia desde la derecha */
  z-index: 9; /* Asegura que los botones estén por encima de otros elementos */
}

.botones-esquina-superior-derecha .w3-bar button {
  margin-left: 0px; /* Espacio entre los botones */
  padding: 4px 10px!important;;
}
.publiheadw3  {font-family:"Eras Medium ITC"; font-size:0.9em; font-weight:600;  
            float:left; margin: 1em 1.0em;			
			}
.publiheadbw3  {font-family:"Eras Medium ITC"; font-weight:600; color:white;  
            float:left; margin: 1em 1.0em;
			font-size: 1.01em;
			}
.subpaisajes  { font-family: 'Conv_Helvetica-BlackOblique';
             color: white;
             font-size:0.9em;
}						   
.barradw3  {  }
.barradw3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgba(87,136,153,1);
}

.barradw3 li { float: left; font-family:"Arial"; font-size: 0.8em; }

.barradw3 li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
.barradw3 li a:hover {
    background-color: #111;
}
.wine {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color:rgb(148,30,129); font-weight:900; }
.bike1  {font-family: 'Conv_neuropolitical_rg';  font-size:1.3em; color: rgba(122,32,62,1); font-weight:900; }
.wine2 {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color:rgb(148,30,129); font-weight:700; }
.bike2  {font-family: 'Conv_neuropolitical_rg';  font-size:1.0em; color: rgba(122,32,62,1); font-weight:700; }

.fotoacordw3 {text-align:center;
              margin: 1em auto;
              border: 1px solid rgba(0,0,0,1);
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 margin-bottom:2em;  }
.fotoacordw3 img  {
	         width: 100%; margin:0px!important;
			 border-radius: 0px;
			 -ms-border-radius: 0px;
			 -o-border-radius: 0px;
			 -moz-border-radius: 0px;
			 -webkit-border-radius: 0px;   
	            }
		 				
.piefotow3 {font-family: Helvetica, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.95em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.2em;
			   } 
.lineaetapasw3 	{font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.9em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   } 
.txentradasacordw3 	{font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:0.9em; 
			  font-weight:500;              
			  text-align:center;
			  margin-top:0.5em;
			  padding:0em 1em;
			  line-height:1.3em;
			   }
.bloquesleermas {font-family: Verdana, sans-serif;
              color: rgba(0,0,0,1);
              font-size:1.1em; 
			  text-align:center;
			    }
.tariffs { width: 70%;  }

.titulosenpanelesw3  {  font-size:0.8em; 
              color: white;
              display:inline-block;
              padding: 0.3em 0.8em; 
			  margin: 0.2em auto;
	          border: 1px solid rgba(0,0,0,1); 
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			 transition: all 0.3s;  }	
.titulosenpanelesw3:hover  { 
              transform: scale(1.1);
              box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
              opacity: 0.9;
              cursor: pointer;
               }				 
.notasenzonasw3  {  font-size:0.9em;
              font-style:italic; 
             /* color: white;*/
              width:80%; margin-left:2em;
			  border: 1px solid rgba(0,0,0,1);
			  border-radius: 0px 4px 4px 0px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;
			  	   }				 
.contact-options a {
    text-decoration: none !important;
  }	
.w3-cell {
  margin-right: 10px!important;
  margin-bottom: 10px; /* Si también quieres espacio vertical */
}

.w3-cell:last-child {
  margin-right: 0;
}     
.w3-border-flat-midnight-blue {
  border-color: #2c3e50 !important;
  border-left-width: 8px !important;  /* Grosor personalizado (4px es el default) */
  border-left-style: solid !important;
}

/* ===== ESTILOS BASE (MOBILE FIRST) PARA LOS TITLES Y BADGES EN FOTOS ===== */
.custom-title {
  /* Tipografía y caja */
  font-size: clamp(0.9rem, 2.5vw, 1.5rem); /*texto: nunca menor a 0.9rem, ideal 2.5vw, máximo 1.5rem*/
  display: inline-block;
  max-width: 90%;
  padding: clamp(0.5rem, 1.5vw, 1rem) clamp(1rem, 3vw, 1.5rem);
  border-radius: 4px;
  
  /* Color y efectos */
  background-color: inherit;
  color: inherit;
  opacity: 0.85;
  transition: all 0.3s;
}

.custom-badge {
  /* Dimensiones y disposición */
  width: clamp(3rem, 5vw, 3.625rem);
  height: clamp(3rem, 5vw, 3.625rem);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  
  /* Tipografía */
  font-size: clamp(0.9rem, 4.5vw, 1.5rem);
  
  /* Estilos visuales */
  background-color: inherit;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  opacity: 0.75;
  transition: all 0.3s;
}

/* ===== INTERACCIONES (MOBILE) ===== */
.custom-title:hover {
  transform: scale(1.05);
  opacity: 0.9;
  cursor: default;
}

.custom-badge:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
  cursor: default;
}
/* Container holding image and text */
/* Estilos base - Mobile First */
.contenedorfotohoteles {
  position: relative;
  overflow: hidden; /* Para contener el efecto zoom */
}

.contenedorfotohoteles img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s ease; /* Para efecto hover */
}
/* Efectos hover */
.contenedorfotohoteles:hover img {
  transform: scale(1.05); /* Ligero zoom en la imagen */
}

.contenedorfotohoteles:hover .text-block-center {
  opacity: 0.9;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Sombra para destacar */
}

/* Bottom en bloque y centrado */
.text-block-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0.5rem;
  text-align: center;
  color: white;
  width: 46%;
  max-width: 500px;
  transition: all 0.3s ease;
  border-radius: 4px; /* Bordes ligeramente redondeados */
}

.text-block-center h4 {
  font-size: 1.0rem;
  margin: 0 0 0.5rem 0;
  }

.text-block-center p {
  font-size: 0.9rem;
  margin: 0;
}

/* Bottom right text */
.text-block-bottom-right {
  position: absolute;
  bottom: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0.8;
}
/* Up right text */
.text-block-up-right {
  position: absolute;
  top: 20px;
  right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0.8;
}



/* HRs con color w3 */

hr.custom-hr0 {  height: 0px; /* Grosor personalizado */  border: none;  }
hr.custom-hr1 {  height: 1px; /* Grosor personalizado */  border: none;  }
hr.custom-hr2 {  height: 2px; /* Grosor personalizado */  border: none;  }
hr.custom-hr3 {  height: 3px; /* Grosor personalizado */  border: none;  }
hr.custom-hr4 {  height: 4px; /* Grosor personalizado */  border: none;  }
hr.custom-hr5 {  height: 5px; /* Grosor personalizado */  border: none;  }

hr.custom-hr0m0 {  margin: 0px!important; height: 0px; /* Grosor personalizado */  border: none;  }
hr.custom-hr1m0 {  margin: 0px!important; height: 1px; /* Grosor personalizado */  border: none;  }
hr.custom-hr2m0 {  margin: 0px!important; height: 2px; /* Grosor personalizado */  border: none;  }
hr.custom-hr3m0 {  margin: 0px!important; height: 3px; /* Grosor personalizado */  border: none;  }
hr.custom-hr4mo {  margin: 0px!important; height: 4px; /* Grosor personalizado */  border: none;  }
hr.custom-hr5m0 {  margin: 0px!important; height: 5px; /* Grosor personalizado */  border: none;  }

/* MODALS SOBRESCRIBIENDO LOS DE w3 */
.w3-modal {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index:20;
}

.w3-modal-content {
  transform: scale(0.95);
  transition: transform 0.3s ease-out;
}

.w3-modal.w3-show {
  opacity: 1;
}

.w3-modal.w3-show .w3-modal-content {
  transform: scale(1);
}
/* FIN de MODALS SOBRESCRIBIENDO LOS DE w3 */


/* ICONOS CONTACTO Mobile First (default) */
/* Estilos para los botones de contacto con iconos */
.bloquecontactolu { width: 90%; margin: 0 auto; }
.contacto-icono-boton {
  display: inline-block; /* Para que los botones estén en línea horizontalmente */
  /*margin: 4px;*/ /* Espacio entre botones */
}

.contacto-icono-imagen {
  width: 30px;
  margin: 0 6px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 1); /* Borde blanco */
  vertical-align: middle; /* Alinea verticalmente el icono con el texto si lo hubiera */
}

/* fin ICONOS CONTACTO Mobile First (default) */
/* Modal Footer */
.modal-header {
  padding: 2px 16px;
  text-align:center;
}
.micardpie {   }
.micardpie p {
  padding: 8px;  
  text-align:center;
 }
.micardpie a {
   text-decoration:none;
}
.culinarytour  { font-family:"Eras Light ITC"; 
              color: white;
			  /*display:inline-block;*/
              padding: 0.1em 0.4em; 
			  background-color:rgba(213,25,83,1); 
			  /*margin: 0.2em auto;*/
	          border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;  }	
.culinarytoura  { font-family:"Eras Light ITC"; 
              color: white;
			  text-decoration:none!important;
			  display:inline-block;
              padding: 0.5em 0.9em; 
			  background-color:rgba(213,25,83,1); 
			  /*margin: 0.2em auto;*/
	          border: 1px solid rgba(122,32,62,1); 
              border-radius: 4px;
			 -ms-border-radius: 4px;
			 -o-border-radius: 4px;
			 -moz-border-radius: 4px;
			 -webkit-border-radius: 4px;  }		
.h3gordo  {font-size:1.8em;  }
.resr5 { color: rgba(148,30,129,1); font-size:1.1em; }
.punto2st  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:1.0em; }
.luxlight  { font-family:"Eras Light ITC"; font-size:1.1em; color:rgba(231,177,60,1);  } 
.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(122,32,62,1); }  
.tdiaslight  { font-family:"Eras Light ITC"; font-size:1.1em; color: black; text-align:center;  }
.domaine2ymarco  { font-family:"Candaral"; font-size: 1.2em;  color: rgba(231,177,60,1);
             display:inline-block;
			 margin: 0.5em auto;
             padding: 0.1em 0.5em 0.1em 0.5em;
			 background-color:rgba(255,255,255,1);
			 border: 1px solid black; 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; 
			   }
.cuadradaborde  { text-align:center;  }			   
.cuadradaborde img {width:86%;
              margin: 2em auto!important;
			  border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 }
.cuadradatxiki  { text-align:center;  }			   
.cuadradatxiki img {width:60%;
              margin: 2em auto!important;
			  border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 }			 
.lineacol {  border-top:3px	solid rgba(231,177,60,1);  clear:both; margin: 1em 0% 1em 0%; }
.tjourneymarco  { font-family:"OratorStd_0"; font-size:1.0em; color: black;
             display:inline-block;
			 margin: 0.5em auto;
             padding: 0.5em 0.5em 0.1em 0.5em;
			 background-color:rgba(255,255,255,1);
			 border: 1px solid rgba(231,177,60,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; 
			   }
.tjourneymarcop  { font-family:"OratorStd_0"; font-size:0.8em; color: black;
             display:inline-block;
             padding: 0.5em 0.5em 0.1em 0.5em; background-color:rgba(231,177,60,0.4); margin: 0.5em auto;
	       	border: 1px solid rgba(0,0,0,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px; 
			   }
.tjourney  { font-family:"OratorStd_0"; font-size:1.0em; color: black;  }
.tjourneyp  { font-family:"OratorStd_0"; font-size:0.85em; color: black;  }
.tjourneyb  { font-family:"OratorStd_0"; font-size:1.0em; color: white;  }
.testr  { font-family: 'Conv_Helvetica-BlackOblique'; font-size:1.2em; color: #ef680e;  }
.notalimin { margin: 0em 1em;  
        font-size:0.70em; 
        font-family:Arial, Helvetica, sans-serif;
		font-style:italic;
		font-weight:bold;
		color: rgba(122,32,62,1);
		line-height:1.5em;
		}
.interpsfdv {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
	background-color: rgba(122,32,62,0.2);	
}
.interpsfdv p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:500; }
.textosolo {  font-family: Verdana, Geneva, sans-serif;
              font-size:0.9em; 
			  line-height:1.5em;
			  margin:1em;
			   }
.liexpg  {  font-size: 1.0em; font-weight:bold; color: rgba(122,32,62,1); }	
.prepuntog  { font-family: 'Conv_Helvetica-BlackOblique';
             color: rgba(87,136,153,1);
             font-size:0.95em;
}
.hotelesw3  {text-transform:uppercase;
        	font-family:"Eras Medium ITC"; 
	        font-size:1.0em;
		    font-weight:800;
		  	 }	
.atenerlux {  width: 70%;
	margin: 3em auto;
	border-bottom:solid 0px #CCC;
	padding: 4px 4px 8px 4px;
	text-align:center;	
	/*background-color: rgba(255,0,0,0.19);*/
	background-color: rgba(240,215,50,0.2);
	border: 1px solid black; 
              border-radius: 0px 0px 20px 0px;
			 -ms-border-radius: 0px 0px 20px 0px;
			 -o-border-radius: 0px 0px 20px 0px;
			 -moz-border-radius: 0px 0px 20px 0px;
			 -webkit-border-radius: 0px 0px 20px 0px;
			  }	
.atenerlux h3 { font-family:"Segoe Print", "Segoe Script";
	          font-size: 1.2em;
			  color: rgba(122,32,62,1);
			  }	
.atenerlux p { font-family:"Segoe Print", "Segoe Script";
            font-size: 1.02em;
			line-height:1.3em;
			}			  			
.punto2  {font-family: 'Conv_neuropolitical_rg';
          color: rgba(122,32,62,1);
		  font-size:0.8em; }
.interpslux {clear: both;
	float: none;
	margin:0.7em auto;
	width: 85%;
	display: block;
	text-align:center;
	padding: -1.5em 0.6em;	
	border: 1px solid #333;
			  border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
	background-color: rgba(231,177,60,0.2);	
}
.interpslux p {margin:inherit; font-family:"Segoe Script"; font-size:1.0em; color:black; font-weight:bold; }
.etapasluxjourney  { font-family:"OratorStd_0"; font-size:1.3em; 
              color: rgba(0,0,0,0.7);
              display:inline-block;
              padding: 0.25em 0.4em 0em 0.4em; 
			  background-color:rgba(255,255,255,1); 
			  margin: 0.2em auto;
			  text-align:center;
	          border: 1px solid rgba(231,177,60,1); 
              border-radius: 2px;
			 -ms-border-radius: 2px;
			 -o-border-radius: 2px;
			 -moz-border-radius: 2px;
			 -webkit-border-radius: 2px;
			   }
.tcomodin1p  { font-family:"Eras Light ITC"; font-size:0.95em; color: white; 
             display:inline-block;
             padding: 0.1em 0.5em; background-color:#ef680e; margin: 0.1em auto;
	       	border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
			 -ms-border-radius: 8px;
			 -o-border-radius: 8px;
			 -moz-border-radius: 8px;
			 -webkit-border-radius: 8px;
			  }	
.tuno  { font-family:"Eras Medium ITC"; font-size:1.1em; color: black;  } 
.h1encogido  {  font-size:1.6em; margin: 1em 1em;   }
.h2encogido  {  font-size:1.45em; margin: 0.5em 1em;    }
.h3encogido  {  font-size:1.25em; margin: 0.5em 1em;    }
.w3-border-bottomlurioja {border-bottom:1px solid rgba(255,255,255,0.4)!important;   }	

/* Diseño tableta: de 660 px a 992 px. Hereda estilos de: Diseño móvil. */

@media only screen and (min-width: 660px) {
	
.titulosenpanelesw3  {  font-size:1.05em; padding: 0.4em 1.1em; }
.notasenzonasw3  {  font-size:0.95em; width:70%; margin-left:3em; } 
.lineaetapasw3 	{ font-size:1.0em; font-weight:500;    }	
.txentradasacordw3 	{ font-size:1.1em; font-weight:500;    }
.bloquesleermas 	{ font-size:1.0em;    }
.prepunto  {  font-size:0.95em;  }
.lugar  {font-size:1.2em;   }
.etapas  {	font-size:1.1em;  }
.notali { font-size:0.85em; }
.lineainterdias {margin:1.5em 5em 2em 5em; }
.etapasnoches  { font-size:1.0em;              
             padding: 0.3em 0.6em;  margin: 0.2em auto;
	         }
.tariffs { width: 80%;  }
.cabhotel  {margin:2.4em auto;  }
.resumen  {margin-top:1em;
          font-size:1.1em;		  
		  line-height:1.7em;
		    }
.interps {	width: 75%;  }
.interps p  {font-size:1.0em;  }
.etapas  {	font-size:1.05em;  }
.reco  {font-size:0.9em;  }
.lineainterdias {margin:1.5em 5em 2em 5em; }
.interespack  { font-size:0.95em;    }			
.interespack li  { font-size: 0.95em; line-height: 1.3em; margin-bottom: 0.7em; }
.resalteli  {font-size:1.1em; font-weight:800;  }
.cuadrohome {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
           float:left; 
           clear:none;
           }
.w3bloquecentral  {width:98%;
              margin: 0 auto;
              text-align:center;
			  }
.w3bloqueanchofull  {width:100%; text-align:center; 	  }	
.w3bloqueanchofull2  {width:100%; text-align:center; 	  }			  
.compimapas { font-size:1.0em; }
.publiheadw3  {	font-size: 1.0em;
			}
.publiheadbw3  {font-size: 1.0em; 	}
.cromitocentro  {  }
.cromitocentro img  { width: 12%;
                      background-color: white;
                      border: 1px solid black ; 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			   }
.piefotow3 { font-size:1.1em; line-height:1.3em;  } 
.bloquecontactolu { width: 70%;  }

#direcion {	font-size:0.7em; 
            padding-bottom: 0.4em;
            }
 .text-block-center {
    padding: 1.0rem 0.3rem;
    width: 36%;
  }
.text-block-center h4 {font-size: 1.6rem;  }
.text-block-center p {font-size: 1.1rem;  }
.luxlight  {  font-size:1.1em;   }
.tdiaslight  { font-size:1.1em;  }
.tjourneymarco  { font-size:1.1em; }	
.tjourneymarcop  { font-size:0.95em; }
.tjourney  { font-size:1.1em;  }
.tjourneyb  { font-size:1.1em;  }
.testr  { font-size:1.15em;  }
.notalimin { font-size:0.65em; }
.prepuntog  {  font-size:1.05em;  }
.textosolo {  font-size:1.02em; line-height:1.8em;   }
.hotelesw3  {font-size:1.1em;  	 }
.cuadradatxiki  { text-align:center;  }			   
.cuadradatxiki img {width:40%;
              margin: 2em auto!important;
			  border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
			 -ms-border-radius: 10px;
			 -o-border-radius: 10px;
			 -moz-border-radius: 10px;
			 -webkit-border-radius: 10px;
			 }		
.punto2  { font-size:0.95em; }
.etapasluxjourney  { font-size:1.3em;              
                	 margin: 0.2em auto;
			         }	
.tuno  { font-size:1.3em;  }
.h1encogido  {  font-size:2.05em;    }	
.h2encogido  {  font-size:1.75em;    }
.h3encogido  {  font-size:1.45em;    }							 
/* Diseño escritorio: de 992 px hasta un máximo de 1920 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */

@media only screen and (min-width: 992px) {
.logoP { display:none;  }
.logoG  {display: block; width: 100%!important; margin: 0em auto 0em auto; text-align:center;  }
.fcentrodesktop  {margin-top: 1em; display:block;  }
.fcentrodesktop p {margin-bottom: 3em;  } 		  
.fcentromovil  {margin-top: 1em; display:none;  }
.notali { font-size:0.9em; }
.interespack li  { font-size: 1.0em; line-height: 1.5em; margin-bottom: 1em; }
.cabezalcromo  {  font-size:135%;  }
.cabezalcromo2  {  font-size:135%;  }	
.etapasnoches  { font-size:1.05em;              
             padding: 0.35em 0.6em;  margin: 0.2em auto;
	         }	
.resalteli  {font-size:1.25em; font-weight:800;  }				 
.cuadrohome {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
            }
.cromitocentro  {    }	
.cromitocentro img  { width: 12%;    }	
#interesa  { font-size:1.0em;  }
#interesa img  {   width: 31%; margin: 1%;  }
#direcion {	font-size:0.75em;  }
.w3bloquecentral  {width:96%;       
			  }
.compimapas { font-size:1.1em; }		  	 
.lugaresbarraw3  { font-size:0.90em;   }
.publiheadw3  {	font-size: 1.1em;	}
.publiheadbw3  {font-size: 1.1em; 	}	
.tariffs { width: 60%;  }
.titulosenpanelesw3  {  font-size:1.35em; padding: 0.6em 1.3em; }	
.custom-title:hover {
    transform: scale(1.08); /* Efecto más pronunciado en pantallas grandes */
  }
.custom-badge:hover {transform: scale(1.15);  }	
.bloquecontactolu { width: 76%;  }
 .text-block-center {
    padding: 1.1rem;
    width: 35%;
  }
.text-block-center h4 {font-size: 1.7rem;  }
.text-block-center p {font-size: 1.1rem;  }	  	 
.hotelesw3  {font-size:1.25em;  	 }
.tuno  { font-size:1.35em;  }	   						
}