/* The Shire Overland — estilos añadidos con Kudea (páginas por bloques, fotos, cookies…) */

/* ---------- Bloques */
.ts-cabecera{background-repeat:no-repeat;background-position:center center;background-size:cover}
section.ts-seguido{padding-bottom:0}
section.ts-seguido:has(+ :not(.ts-seguido)){padding-bottom:80px}
section.ts-seguido:last-child{padding-bottom:80px}

/* ---------- Aviso de cookies propio */
#ts-cookies{position:fixed;z-index:2000;right:20px;bottom:20px;max-width:420px;padding:16px 18px;background:rgba(142,76,60,.97);color:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.3);font:13px/1.5 Arial,Helvetica,sans-serif}
#ts-cookies[hidden]{display:none}
#ts-cookies p{margin:0 0 10px;color:#fff;font-size:13px;line-height:1.5}
#ts-cookies a{color:#fff;text-decoration:underline;font-weight:600}
#ts-cookies .ts-cookies-btns{text-align:right}
#ts-cookies .btn{margin-left:8px;border:1px solid #fff}
@media (max-width:520px){#ts-cookies{left:10px;right:10px;bottom:10px;max-width:none}}

/* ---------- Vídeos ligeros (miniatura + ▶; el reproductor se carga al pulsar) */
.ts-video{position:relative;width:100%;background:#111;aspect-ratio:16/9}
.ts-video[style*="height"]{aspect-ratio:auto}
@media (max-width:767px){.ts-video[style*="height"]{height:auto!important;aspect-ratio:16/9}}
.ts-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ts-video-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;background:#111 center/cover no-repeat}
.ts-video-icon{position:absolute;left:50%;top:50%;width:72px;height:50px;margin:-25px 0 0 -36px;border-radius:12px;background:rgba(142,76,60,.92);transition:background .2s}
.ts-video-icon:after{content:"";position:absolute;left:29px;top:15px;border-style:solid;border-width:10px 0 10px 18px;border-color:transparent transparent transparent #fff}
.ts-video-play:hover .ts-video-icon,.ts-video-play:focus .ts-video-icon{background:#c4302b}

/* ---------- Fotos verticales: las miniaturas en fila se recortan todas igual (no rompen la rejilla) */
.album-item img,
.item-pagination img,
.home-galery div.galery-item img,
.blog-picture1 img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}
/* Foto grande de un álbum o de una entrada: entera, sin pasar de la altura de la pantalla */
.ts-foto-principal,
.blog-picture2{max-height:75vh;width:100%;object-fit:contain;background:#f2f2f2}

/* ---------- Botones de compartir */
.ts-share{float:right;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ts-share-label{font-size:12px;color:#777;margin-right:2px}
.ts-share a,.ts-share button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:0;color:#fff;font-size:15px;cursor:pointer;text-decoration:none}
.ts-share a:hover,.ts-share button:hover{opacity:.85;color:#fff}
.ts-share-fb{background:#1877f2}.ts-share-x{background:#000}.ts-share-wa{background:#25d366}.ts-share-copy{background:rgba(142,76,60,1)}
.ts-share-copy.ok{background:#2e7d32}
@media (max-width:767px){.ts-share{float:none;margin-top:10px}}

/* ---------- Buscador */
.ts-search{display:flex;margin:0 0 10px}
.ts-search input{flex:1;min-width:0;height:38px;padding:6px 10px;border:1px solid #ccc;border-right:0;font-size:14px}
.ts-search input:focus{outline:none;border-color:rgba(142,76,60,1)}
.ts-search button{width:44px;height:38px;border:0;background:rgba(142,76,60,1);color:#fff;font-size:16px;cursor:pointer}
.ts-search-big{margin:25px 0 15px}
.ts-search-big .ts-search input,.ts-search-big .ts-search button{height:46px;font-size:16px}
.ts-search-count{color:#777;margin-bottom:20px}
.ts-search-item{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #eee}
.ts-search-type{font-size:12px;color:#999;text-transform:uppercase;letter-spacing:.5px}

/* ---------- Mapa de la ruta */
.ts-map{margin:10px 0 25px}
.ts-map-canvas{height:420px;margin-top:10px;border:1px solid #ddd}
.ts-map-info{margin-top:8px;font-size:13px;color:#555}
@media (max-width:767px){.ts-map-canvas{height:320px}}
/* dentro de las cajas antiguas de vídeo (galería de vídeos), el vídeo ligero ocupa toda la caja */
.video-responsive .ts-video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
