@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 */

html {
  scroll-behavior: smooth;
}
#present {
  scroll-margin-top: 60px;
}
#datos {
  scroll-margin-top: 60px;
}
#pictures {
  scroll-margin-top: 60px;
}
#hoteles {
  scroll-margin-top: 60px;
}
#faqs {
  scroll-margin-top: 60px;
}
#tarifas {
  scroll-margin-top: 60px;
}
#hx2 {
  scroll-margin-top: 60px;
}
#enogastro {
  scroll-margin-top: 60px;
}
#mapa {
  scroll-margin-top: 60px;
}


.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; }
.simbolos  {color:white;  }

/* PASAFOTOS MODIFICADO PARA ESQUELETO */
.fluid_container {
    margin: 0 auto;
    max-width: 1670px;
    width: 98%;
    
    /* DEFINICIÓN DEL HUECO (Esqueleto) */
    aspect-ratio: 140 / 84; /* Indica la proporción exacta */
    background-color: #6d1d38; /* El color rojizo d1 de tu esqueleto */
    
    /* Por si el navegador es muy antiguo, usamos este truco: */
    min-height: 200px; 
    height: auto;
    
    overflow: hidden;
    border-radius: 4px;
}

.pasafotow3 { 
    text-align: center;
    font-family: "Arial", sans-serif;
    font-size: 1.02em;
    /* Añadimos un margen para que no pegue con lo siguiente mientras carga */
    min-height: 100px; 
}
#camera_wrap_1 {
    height: 100% !important;
    min-height: 300px; /* Un mínimo razonable para móviles */
}
@keyframes pulsoEsqueleto {
    0% { background-color: #6d1d38; }
    50% { background-color: #491325 }
    100% { background-color: #6d1d38; }
}

.fluid_container:empty { /* Solo pulsa si está vacío de imágenes */
    animation: pulsoEsqueleto 1.5s infinite;
}
/* 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;    }
.versionbarraw3 {font-family:"Eras Medium ITC"; font-size:1.05em; color: yellow;    }
.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;
}
.etapasnoches  { font-family:"Segoe Print", "Segoe Script"; 
              font-size:1.0em; 
              color: white;
              display:inline-block;
              margin: 0.8en auto;
              padding: 0.1em 0.4em; 
              background-color:rgba(213,25,83,1); 
              border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
		      	 }	
.etapasnoches a  { font-family:"Eras Light ITC"; font-size:1.1em; 
              color: white; text-decoration:none;			  
               }	
.entrafotosydatos { font-family:"Segoe Print", "Segoe Script"; 
              font-size:1.0em; 
              color: white;
              display:inline-block;
              margin: 0.8en auto;
              padding: 0.3em 0.8em; 
              background-color:#2c3e50;
              border: 1px solid rgba(122,32,62,1); 
              border-radius: 8px;
		      	 }	               
.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; }
.resrmorado {
  font-family: Arial, sans-serif;
  color: rgb(66, 12, 138);
  font-size: 1.0.5em;
  font-weight: 600;
}
.resrgris {
  font-family: Arial, sans-serif;
  color: rgb(64, 59, 70);
  font-size: 1.0.5em;
  font-weight: 600;
}
.resaltelilistas  {color: rgba(122,32,62,1); font-size:1.1em; text-transform:uppercase;  }
.lineainterdias { margin:0.5em 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;
		 }
.cabhotelcry  {width: 100%; margin:2em auto;  }
.cabhotelcry img  {border: 1px solid rgba(213,25,83,0.9);
			  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;
			 }
.resumen {
  padding:0.4em 0.8em;
  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;
			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; }

.etapasxx  {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;	
}
.etapas {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.05em;
  color: rgb(148, 30, 129);
  font-weight: 600;
}

.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%; height: auto;
                      background-color: white;
                      border: 1px solid black ; 
              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;
		}
.cuadrohome img {  width: 100%; 
	margin: 0 auto;	
	border-bottom:solid 1px #CCC;
	border: 1px solid black; 
              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;
        background-color: #a1266e!important;
			  }	
#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; }


.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);              
                }									   
.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 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;
			 margin-bottom:2em;  }
.fotoacordw3 img  {
	         width: 100%; margin:0px!important;
			 border-radius: 0px;
            }
		 				
.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;
			 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;
		  	   }				 
.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 - Se pone por ej : <hr class="w3-theme custom-hr4">  */

hr.custom-hr0 {  margin: 2em 0!important; height: 0px; /* Grosor personalizado */  border: none;  }
hr.custom-hr1 {  margin: 1em 0!important; height: 1px; /* Grosor personalizado */  border: none;  }
hr.custom-hr2 {  margin: 1em 0!important; height: 2px; /* Grosor personalizado */  border: none;  }
hr.custom-hr3 {  margin: 1em 0!important; height: 3px; /* Grosor personalizado */  border: none;  }
hr.custom-hr4 {  margin: 1em 0!important; height: 4px; /* Grosor personalizado */  border: none;  }
hr.custom-hr5 {  margin: 1em 0!important; 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 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;
		 }	
.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;
		 }		
.h3gordo  {font-size:1.8em;  }
.resr5 { color: rgba(148,30,129,1); font-size:1.1em; }
.resr5pl { color: #C0C0C0; font-size:1.2em; }
.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);  } 
.luxlightmarco  {  display:inline-block;
	         padding: 0.0em 0.4em;
	         font-family:"Eras Light ITC"; font-size:1.0em; color:rgba(231,177,60,1);
		       background-color:rgb(39, 37, 37);
			     border: 1px solid black; 
           border-radius: 4px;
			   } 
.fv { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgba(122,32,62,1); } 
.fvb { font-family:"Eras Medium ITC"; font-size:1.2em; color: rgb(255, 255, 255); }   
.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;
				   }
.cuadradaborde  { text-align:center;  }			   
.cuadradaborde img {width:86%;
              height: auto;
              margin: 2em auto!important;
		      	  border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
		      	 }
.cuadradatxiki  { text-align:center;  }			   
.cuadradatxiki img {width:60%;
              height: auto;
              margin: 2em auto!important;
			        border: 1px solid rgba(0,0,0,1); 
              border-radius: 10px;
			 }
.cuadradamastxiki img {width:40%;
              height: auto;
              margin: 2em auto!important;
			        border: 1px solid rgba(0,0,0,1); 
              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;
			   }
.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;
			   }
.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;
			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;
			  }	
.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;
			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;
			   }
.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;
			  }	
.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;   }	

/* ============================================================
   NUEVO SISTEMA DE CARGA Y TARJETAS (Sustituir anteriores)
   ============================================================ */

/* 1. EL MARCO (Contenedor morado) */
.fotoconpietexto, .fotowine {
    text-align: center;
    max-width: 1700px;
    width: calc(100% - 30px);
    margin: 1em auto 2em;
    border: 1px solid #34035c;
    border-radius: 4px;
    overflow: hidden;
    display: flex; 
    flex-direction: column; /* Apila foto arriba y texto abajo */
    background-color: #b12f5b !important; /* Esqueleto rojo w3-theme-l1*/
    transition: transform 0.35s ease;
}
.fotoconpietexto .resbw {
    color: #f1e579; /* Un color dorado/amarillo para resaltar sobre el púrpura */
    font-weight: bold;
}
/* .piefotow3 {
  font-family: Helvetica, sans-serif;
  color: rgba(0, 0, 0, 1);
  font-size: 0.95em;
  font-weight: 500;
  text-align: center;
  padding: 0em 1em;
  display: block;
  
  margin-top: 0 !important;
  
  line-height: 1.4;
  
} */


/* 2. EL TEXTO (Con fondo sólido para tapar el morado del marco) */
.piefotow3, .text-block-wine {
    /*background-color: #333 !important; */ /* Fondo gris oscuro SE PODRIA USAR PARA CAMBIAR EL COLOR DEL BLOQUE DE TEXTO */
    color: white !important;
    padding: 15px !important;
    margin: 0 !important;
    z-index: 2; /* Asegura que tape el fondo del padre */
    font-size: 0.85em;
}
/* 3. El pie de foto (Recuperamos su tamaño normal) */
.piefotow3 {
    font-size:0.95em; 
    display: block; /* Aseguramos que sea un bloque independiente */
    margin-top: 0 !important; /* Pegado a la foto */
    line-height: 1.4; /* Devolvemos una altura de línea normal para leer */
}

/* 2. El contenedor (Sin el font-size: 0) */
.conefect {
    display: block;
    width: 100%;
}

.conefect img, .fotowine img {
    /* ESTRUCTURA (Para que pegue con el texto) */
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
    margin-bottom: 0 !important;
    /* ESTÉTICA (Tu efecto de carga) */
    opacity: 0 !important;
    filter: blur(15px) !important;
    transition: opacity 0.8s ease-out, filter 0.8s ease-out !important;
    will-change: opacity, filter;
}

/* 4. LA IMAGEN CARGADA */
.conefect img.loaded, .fotowine img.loaded {
    opacity: 1 !important;
    filter: blur(0) !important;
}

/* 5. EFECTOS EXTRA (Zoom y Premium) */
.fotoconpietexto:hover, .fotowine:hover {
    transform: scale(1.03);
}

.fotoconpietexto.premium {
    background-color: #1a1a1a !important; /* Esqueleto negro */
    border-color: #d4af37;
}

.fotoconpietexto.premium .piefotow3 {
    background-color: #222222 !important;
    color: #FFD700 !important;
}
/* .fotoconpietexto.premium .piefotow3 {
    background-color: #000 !important;
    color: #d4af37 !important;
} */ /* --- EL ORIGINAL --- */
.puertonblanco  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		       color: white;
			}	
.puertonplata  { font-family:"Segoe Print", "Segoe Script";
           text-transform:uppercase;
           font-size:1.0em; 
		       color: #E8E8E8; /*plata brillante*/
			}	     

/* --- TUS BLOQUES DE TEXTO (Mantenlos igual) --- */
.text-block-wine { 
    background-color: #333;
    color: white;
    padding: 15px;
    margin-top: 10px; /* En tablet/desktop podrías quitar este margen si se superpone */
    border-radius: 4px;
}

.text-block-wine h4 { margin: 0 0 5px 0; }
.text-block-wine p { margin: 0; font-size: 0.95em; }
.blockwinebodega  { font-style: italic; font-size: 0.90em;}

.fcentro {
  width: 100%;
  max-width: 1600px;
  /* El ancho máximo de tu mapa de escritorio */
  margin: 0 auto;
  /* Centrado horizontal */
  overflow: hidden;
}

.fcentro img {
  width: 100%;
  /* En móvil se estira al 100% del ancho */
  height: auto;
  /* Mantiene la proporción */
  display: block;
  margin: 0.5em auto 0.9em auto;
  border: 1px solid black;
}

.logo-contenedor {
  width: 100%;
  overflow: hidden;
}

.logo-contenedor img {
  width: 100%;
  height: auto;
  display: block;
}
.fotowine img {
  border: none !important;
  /* Quitamos el borde a la imagen para que no crezca */
  transition: transform 0.5s ease;
}

.fotowine img {
  width: 100%;
  height: auto;
  display: block;
  border: none !important;
  /* Nos aseguramos de que no haya borde interno */
}
  	
/* ABOUTs */
.rowabout  { margin-top: 3em;   }
.columnabout {
    width: 100%;
    display: block;
  }
.cardabout {  margin: 2em auto;    }
.cardabout img { margin-top: 1.5em;  width: 86%; height: auto; }

/* Some left and right padding inside the container */
.containerabout {   padding: 0 16px;
}
/* Clear floats */
.containerabout::after, .rowabout::after {
  content: "";
  clear: both;
  display: table;
}

.titleabout {
  color: grey;
}

.buttonabout {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: white;
 /* background-color: #000;*/
  text-align: center;
  cursor: pointer;
  width: 60%;
}

.buttonabout:hover {
  background-color: #555;
}
.fotocard { width: 75%;    }

/*FIN de ABOUTs*/
/* Botón de LinkedIn profesional */
.linkedin-button {
  background-color: #0077B5 !important; /* Azul oficial de LinkedIn */
  text-decoration: none !important;
  border-radius: 4px;
  transition: all 0.3s ease;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  margin-bottom: 1em;
}
.linkedin-button:hover {
  background-color: #005983 !important;
  /* Azul más oscuro al hover */
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 119, 181, 0.3);
}

.linkedin-button i {
  font-size: 1.2em;
}
.hotelesbw  {  font-family:"Eras Medium ITC";
	          font-size:0.8em; 
              display:inline-block;
              padding: 0.2em 0.6em; 
			      margin: 0.2em  0.8em;
	          border: 1px solid rgba(0,0,0,1); 
              border-radius: 2px;
			
			 transition: all 0.3s;
        }		
.resaltedias  {font-size:1.1em; font-weight:900; color: rgba(122,32,62,1);   }	

/* .elvideo { 	clear: both; margin: 1em auto; width: 98%; display: block;	}  */
.elvideo video {
    width: 98%;
    height: auto;
    aspect-ratio: 16 / 9; /* Reserva el hueco del esqueleto */
    background-color: #000; /* Fondo negro mientras carga el poster */
    display: block;
    margin: 0 auto;
}

.outtoursmall img {width:50%;
               margin: 0 auto;
               text-align:center;
               border: 1px solid black; 
              border-radius: 5px;
						   }	
/* BOTÓN DESCARGAR PIRENEOS.BIKE */
a.descargarficha {
  display: inline-block !important; /* Para que respete márgenes y padding */
  margin: 10px auto;
  padding: 3px 12px !important; /* Un poco más de aire */
  cursor: pointer;
  background-color: #2c3e50 !important; 
  font-size: 0.9em; 
  color: #ffffff !important; /* Fuerza el blanco de la letra */
  border: 1px solid black;
  border-radius: 4px;
  text-decoration: none !important; /* Quita el subrayado azul */
  text-align: center;
  transition: all 0.3s ease;
}

/* Estado Hover (Pasar el ratón) */
a.descargarficha:hover {
  background-color: #554a4e !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

/* Limpieza de posibles estilos de W3.CSS o genéricos */
a.descargarficha:active, 
a.descargarficha:focus {
  outline: none !important;
  background-color: #332d2f !important;
}  /* FIN BOTÓN DESCARGAR PIRENEOS.BIKE */

/* texto expandible con transición */
.read-more-container {
  scroll-margin-top: 20px; /* Espacio para scroll suave */
}

.read-more-content {
  display: block; /* Cambiamos a block para que max-height funcione */
  max-height: 0; /* Altura inicial en 0 */
  opacity: 0;
  overflow: hidden;
  transition: max-height 1.1s ease-in-out, opacity 0.8s ease-in-out;
  margin: 0; /* Eliminar cualquier margen */
  padding: 0; /* Eliminar cualquier padding */
}

.read-more-content.expanded {
  max-height: none; /* Se ajustará automáticamente al contenido */
  opacity: 1;
  padding-top: 10px; /* Añadir algo de espacio solo cuando está expandido */
}

.read-more-dots {
  display: inline; /* Muestra los puntos suspensivos inicialmente */
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}

.read-more-dots.hidden {
  opacity: 0;
  display: none;
}
.read-more-button {
  background-color: rgba(213,25,83,1); /* Color de fondo */
  border: none; /* Sin borde */
  color: white; /* Color del texto */
  padding: 3px 10px; /* Espaciado interno */
  text-align: center; /* Alineación del texto */
  text-decoration: none; /* Sin subrayado */
  display: inline-block; /* Mostrar como bloque en línea */
  font-size: 1.02em; /* Tamaño de la fuente */
  margin: 1.5em 2px; /* Margen externo */
  cursor: pointer; /* Cambiar el cursor al pasar por encima */
  border-radius: 5px; /* Bordes redondeados */
  transition: background-color 0.6s; /* Transición suave */
}

.read-more-button:hover {
  background-color: rgba(87,136,153,1); /* Cambiar el color al pasar por encima */
}
/* fin de texto expandible*/

/* 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.2em;  }
.notali { font-size:0.85em; }
.lineainterdias {margin:1.5em 5em 2em 5em; }
.etapasnoches  { font-size:1.0em;              
             padding: 0.3em 0.6em;
             margin: 0.8em auto;
	         }
 .entrafotosydatos {font-size:1.2em;   
              margin: 1.28en 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;  }
.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 img  { width: 12%;
                      background-color: white;
                      border: 1px solid black ; 
              border-radius: 10px;
			   }
.piefotow3 { font-size:0.9em; 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%;		 }	
.cuadradamastxiki img {width:25%;		 }	

.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;    }	
.container-wine {
  position: relative;
  display: block;
  overflow: hidden;
  /* Recorta el zoom interno */
  border: 1px solid #000;
  border-radius: 4px;
}

.text-block-wine {
  position: absolute;
  /* En lugar de bottom fijo, usamos flex para empujar el contenido hacia abajo */
  bottom: 34px;
  right: 20px;
  /* HACEMOS EL BLOQUE ELÁSTICO */
  width: auto;
  /* Que se adapte al contenido */
  min-width: 200px;
  /* Que no sea ridículamente estrecho */
  max-width: 60%;
  /* Le damos permiso para ensancharse mucho antes de crecer hacia arriba */
  /* El combo perfecto: color semi-transparente + desenfoque */
  background-color: rgba(0, 0, 0, 0.5);
  /* Bajamos un poco a 0.5 para que luzca más el blur */
  backdrop-filter: blur(6px);
  /* El efecto de cristal esmerilado */
  -webkit-backdrop-filter: blur(8px);
  /* Compatibilidad para Safari */
  padding: 15px 25px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* Un borde casi invisible que le da un toque premium */
  pointer-events: none;
  /* Alineación interna del texto */
  text-align: right;
  /* Estéticamente suele quedar mejor pegado a la derecha */
  margin-top: 0;
  /* Anula el margen del modo móvil */
}
.fotowine img {
  border: none !important;
  /* Quitamos el borde a la imagen para que no crezca */
  transition: transform 0.5s ease;
}

.fotowine img {
  width: 100%;
  height: auto;
  display: block;
  border: none !important;
  /* Nos aseguramos de que no haya borde interno */
}
/* ABOUTs */
/* 3 columns side by side para ABOUTs */
.columnabout {
  float:left;
  width: 33.33%;
  margin-bottom: 16px;
  padding: 0 12px;
}
.cardabout { width: 96%; 
             margin: 0.5em auto;
			}
.cardabout img{ margin-top: 0.5em;  }
.fotocard { width: 96%;    }
.buttonabout { width: 80%;  }
/* FIN ABOUTs */
.hotelesbw  {   font-size:0.95em; 
              padding: 0.3em 0.7em; 
			  margin: 0.2em  0.8em;
	           }	
.outtoursmall img {width:40%;  }         
}						 
/* 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) {

.elvideo{ margin: 1em auto;	width: 100%;  }
.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.8em auto;
	         }	
.entrafotosydatos  { font-size:1.25em;       
                     margin: 1.5em auto;
	                 }	
.resalteli  {font-size:1.25em; font-weight:800;  }				 
.cuadrohome {  width: 21.5%;
           margin: 2% 0.5% 2% 2.5%;
            }
.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;  }	
.text-block-wine {
        /* Aumentamos el ancho máximo permitido en escritorio */
        /* Un 50% o 55% suele ser el límite ideal para no tapar la parte izquierda de la foto */
        max-width: 55%; 
        
        padding: 20px 30px;
        bottom: 30px; /* Un poco más de aire desde el borde inferior */
        right: 30px;
    }
    .text-block-wine h4 {
        font-size: 1.6em; /* Titulo más imponente en pantallas grandes */
    }
    .text-block-wine p {
        font-size: 1.1em;
        line-height: 1.4;
    }		
.outtoursmall img {width:30%;  }
}