/* ==========================================================================
   Rutas Únicas · ficha de país (pais.html) — prefijo pa-
   La página usa la plantilla y los estilos de zona (zona.css). Aquí solo lo que cambia en los países.
   ========================================================================== */
/* el país de la página, marcado en la lista de países de su zona */
.zn-country.is-current{background:var(--ru-primary);color:var(--ru-white);pointer-events:none}
/* «¿Pensando en tu propia Ruta?» con fondo blanco en los países (26/10, comentario de Alberto); todos los dispositivos */
.pa-page .ru-own{background:#fff}
/* fondo blanco en toda la ficha de país (26/10, comentario de Alberto); las zonas mantienen #f9f7f0. Todos los dispositivos */
.pa-page,.pa-page .zn-intro,.pa-page .zn-deps{background:#fff}
/* Mapa de la zona (26/10, Alberto: «más integrado, más artístico»): sin caja ni leyenda, se funde con el fondo,
   retícula punteada, nombres de los mares en cursiva, el país en rosa con halo y su nombre encima. Todos los dispositivos */
.pa-map{margin-top:32px}
.pa-map__fig{position:relative;margin:0}
.pa-map__svg{display:block;width:100%;height:auto;max-height:560px;overflow:hidden}
.pa-map__grat{fill:none;stroke:#e6d6dd;stroke-width:.6;stroke-dasharray:1 4;stroke-linecap:round}
.pa-map__sea{font:italic 400 13px var(--ru-font-country);letter-spacing:.16em;fill:#a98f9b;text-anchor:middle;pointer-events:none;
  paint-order:stroke;stroke:rgba(255,255,255,.85);stroke-width:calc(3px * var(--k,1));stroke-linejoin:round}
.pa-map__land{fill:#efe9eb;stroke:#fff;stroke-width:.6;stroke-linejoin:round}
.pa-map__c path{fill:#e2cfd7;stroke:#fff;stroke-width:.7;stroke-linejoin:round;transition:fill .3s var(--ru-ease)}
.pa-map__c .pa-map__dot{fill:#cfaebd;stroke:#fff;stroke-width:1.5;transition:fill .3s var(--ru-ease)}
.pa-map__c:hover path,.pa-map__c:focus-visible path,.pa-map__c:hover .pa-map__dot,.pa-map__c:focus-visible .pa-map__dot{fill:#c095a9}
.pa-map__c.is-current path,.pa-map__c.is-current .pa-map__dot{fill:var(--ru-primary)}
.pa-map__glow{fill:var(--ru-primary);pointer-events:none}   /* copia con halo del país de la página, fuera de lo que copia la lupa */
.pa-map__c:focus{outline:none}
.pa-map__c:focus-visible path{stroke:var(--ru-text-accent);stroke-width:1.5}
.pa-map__name{font:700 26px var(--ru-font-country);letter-spacing:.01em;fill:#fff;text-anchor:middle;dominant-baseline:middle;pointer-events:none;
  paint-order:stroke;stroke:rgba(70,30,48,.35);stroke-width:calc(2.5px * var(--k,1));stroke-linejoin:round}   /* legible (26/10, comentario de Alberto): Lora seminegrita */
.pa-map__lens{pointer-events:none}
.pa-map__lensbg{fill:#fff}
.pa-map__lensring{fill:none;stroke:var(--ru-primary);stroke-width:1.5}
.pa-map__lensring2{fill:none;stroke:var(--ru-primary);stroke-width:.75;opacity:.35}
.pa-map__lensline{fill:none;stroke:var(--ru-primary);stroke-width:1;opacity:.6}
.pa-map__lenstxt{font:700 26px var(--ru-font-country);letter-spacing:.01em;fill:var(--ru-text-accent);text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:calc(7px * var(--k,1));stroke-linejoin:round}   /* como .pa-map__name.is-out */
.pa-map__name.is-out{fill:var(--ru-text-accent);stroke:#fff;stroke-width:calc(7px * var(--k,1))}
.pa-map__tip{position:absolute;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:132px;padding:12px 20px 11px;
  border-radius:4px;background:#fffdf8;color:var(--ru-text-accent);white-space:nowrap;text-align:center;
  box-shadow:inset 0 0 0 1px rgba(150,88,113,.22),inset 0 0 0 4px #fffdf8,inset 0 0 0 5px rgba(150,88,113,.14),0 14px 30px -14px rgba(90,40,62,.4);
  animation:paTip .22s var(--ru-ease)}   /* etiqueta de carta de viaje con doble filete (26/10, Alberto). Todos los dispositivos */
.pa-map__tip::after{content:"";position:absolute;width:11px;height:11px;background:#fffdf8;transform:rotate(45deg)}
/* la punta mira al puntero por el lado en que sale el bocadillo (26/10, Alberto) */
.pa-map__tip[data-side="top"]::after{left:var(--ax,50%);bottom:-6px;margin-left:-6px;box-shadow:1px 1px 0 0 rgba(150,88,113,.22)}
.pa-map__tip[data-side="bottom"]::after{left:var(--ax,50%);top:-6px;margin-left:-6px;box-shadow:-1px -1px 0 0 rgba(150,88,113,.22)}
.pa-map__tip[data-side="left"]::after{top:var(--ay,50%);right:-6px;margin-top:-6px;box-shadow:1px -1px 0 0 rgba(150,88,113,.22)}
.pa-map__tip[data-side="right"]::after{top:var(--ay,50%);left:-6px;margin-top:-6px;box-shadow:-1px 1px 0 0 rgba(150,88,113,.22)}
.pa-map__tip small{font:600 .625rem var(--ru-font-title);letter-spacing:.2em;text-transform:uppercase;color:var(--ru-primary)}
.pa-map__tip b{font:600 1.1875rem/1.2 var(--ru-font-country);color:var(--ru-text-accent)}
.pa-map__tip i{margin-top:3px;font:400 .75rem var(--ru-font-title);font-style:normal;color:var(--ru-muted)}
.pa-map__tip[hidden]{display:none}   /* sin esto el display:flex lo mostraba vacío al cargar */
@keyframes paTip{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pa-map__tip{animation:none}}
@media (max-width:640px){ .pa-map{margin-top:24px} .pa-map__name{font-size:36px} .pa-map__sea{font-size:19px;letter-spacing:.12em} }
/* Filtros sin el campo País: los cuatro restantes ocupan todo el ancho (26/10, comentario de Alberto). Tablet, Portátil y Ordenador */
@media (min-width:641px){ .pa-page .zn-ff__fields{grid-template-columns:repeat(4,minmax(0,1fr))} }
/* «Descubre nuestras Ofertas en…» en blanco roto y «¿Pensando en tu propia Ruta?» en blanco puro (26/10, Alberto). Todos los dispositivos */
.pa-page .zn-deps{background:#f9f7f0}
.pa-page .zn-ff.is-stuck::before{background:#f9f7f0}

/* «Otros países de…» centrados cuando hay menos de tres (26/10, comentario de Alberto). Portátil y Ordenador; en Tablet y Móvil van en una columna */
@media (min-width:901px){
  .pa-page .zn-more__grid{display:flex;justify-content:center}
  .pa-page .zn-more__grid > li{flex:0 1 calc((100% - 48px) / 3)}
}

/* Aviso «Pronto tendremos salidas a…» con el ancho y el alto de una card de oferta (26/10, comentario de Alberto).
   Alto de la card en cada dispositivo: Móvil 352px, Tablet 299px, Portátil 169px, Ordenador 178px */
.pa-page .pa-nodeps .zn-empty{box-sizing:border-box;width:100%;max-width:1240px;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media (min-width:901px){
  .pa-page .pa-nodeps .zn-empty{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-content:center;margin:0 auto;padding:28px 40px;text-align:left;min-height:169px}
  .pa-page .pa-nodeps .zn-empty__t,.pa-page .pa-nodeps .zn-empty__p{grid-column:1}
  .pa-page .pa-nodeps .zn-empty__actions{grid-column:2;grid-row:1 / span 2;align-self:center;margin:0}
}
@media (min-width:1280px){ .pa-page .pa-nodeps .zn-empty{min-height:178px} }
@media (min-width:641px) and (max-width:900px){ .pa-page .pa-nodeps .zn-empty{margin:0 auto;min-height:299px} }
@media (max-width:640px){ .pa-page .pa-nodeps .zn-empty{width:auto;margin:0 16px;min-height:352px} }
/* aire entre «Ofertas en…» y el aviso, como el del título a los filtros en los países con ofertas (26/10, comentario de Alberto). Todos los dispositivos */
.pa-page .pa-nodeps .zn-empty{margin-top:clamp(28px,4vh,40px)}
/* collage estirado hasta el final del mapa (pais.js, fitH); las fotos se recortan sin deformarse. Portátil y Ordenador */
.pa-page .zn-mosaic.pa-fill .zn-mosaic__item{aspect-ratio:auto}
/* la isla del país de la página late suavemente para encontrarla (26/10, comentario de Alberto). Todos los dispositivos */
.pa-map__c.is-current .pa-map__dot{stroke:var(--ru-primary);stroke-opacity:.35;animation:paPulse 2.2s var(--ru-ease) infinite}
@keyframes paPulse{0%{stroke-width:0}60%{stroke-width:10;stroke-opacity:0}100%{stroke-width:0;stroke-opacity:0}}
@media (prefers-reduced-motion:reduce){.pa-map__c.is-current .pa-map__dot{animation:none;stroke:#fff;stroke-opacity:1}}
/* sin contorno negro al hacer clic en el mapa (26/10, comentario de Alberto); con teclado se sigue marcando el país en granate. Todos los dispositivos */
.pa-map__svg,.pa-map__svg *{-webkit-tap-highlight-color:transparent}
.pa-map__svg:focus,.pa-map__svg :focus{outline:none}
.pa-map__c:focus:not(:focus-visible) path{stroke:#fff;stroke-width:.7}
/* Móvil: el bocadillo se puede pulsar para ir al país (26/10, comentario de Alberto) */
.pa-map__tip.is-tap{pointer-events:auto;cursor:pointer}
.pa-map__tip.is-tap i{color:var(--ru-primary);font-weight:600}
/* Móvil: «Otros países de/del {zona}»: si no cabe en una línea, el salto va entre «de/del» y el nombre de la zona (26/10, comentario de Alberto) */
@media (max-width:640px){ .pa-page #znMoreTitle em{display:inline-block} }