/* Els Ocells · capa mòbil (octubre 2026)
   Es carrega l'última. Tot el que hi ha aquí només afecta pantalles de mòbil/tauleta,
   excepte la base tàctil (que és bona a qualsevol mida). */

/* ---------- Base tàctil ---------- */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}
a,button,[role="button"],label,summary{touch-action:manipulation}
.btn,.mbar a,.lang>button,.hbg,.vid-toggle,.nlb-btn,.drawer-acc>button,.more-photos{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.btn:active,.mbar a:active,.link-arrow:active{transform:scale(.97)}
.link-arrow{transition:transform .12s var(--ease-out)}
input,select,textarea{font-size:max(16px,1rem)}
h1,h2,h3,.t-h2,.pc-title{text-wrap:balance}
p,li{text-wrap:pretty}
.weather.wx-fail{display:none}

/* ---------- Barra d'accions inferior (Reserva · WhatsApp · Trucar) ---------- */
.mbar{display:none}
@media (max-width:980px){
  .mbar{position:fixed;z-index:150;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px;padding:6px;
    background:rgba(43,30,22,.94);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border-radius:20px;box-shadow:0 18px 40px -16px rgba(20,12,6,.7);
    transform:translateY(calc(100% + 24px));opacity:0;transition:transform .32s var(--ease-out),opacity .2s ease;pointer-events:none}
  .mbar[hidden]{display:grid!important;visibility:hidden}
  .mbar.on{transform:none;opacity:1;pointer-events:auto;visibility:visible}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;border-radius:14px;color:#FFF8EE;text-decoration:none;font:750 .95rem/1 var(--f-sans);transition:transform .12s var(--ease-out),background-color .15s ease}
  .mbar a .ico{width:1.2em;height:1.2em}
  .mbar .mbar-book{background:var(--red)}
  .mbar .mbar-wa .ico{color:#5FD38D}
  .mbar a:not(.mbar-book):active{background:rgba(255,248,238,.1)}
  .foot{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
}

/* ---------- Ritme i tipografia al mòbil ---------- */
@media (max-width:600px){
  :root{--pad:18px;--sec-y:48px}
  .sec{padding-block:var(--sec-y)}
  .sec-head{gap:10px;margin-bottom:24px}
  .t-h2{font-size:clamp(1.8rem,7.6vw,2.15rem);line-height:1.1}
  .voice{font-size:1.14rem;line-height:1.45}
  .pc-title{font-size:clamp(2.1rem,9.4vw,2.6rem)}
  .cover-foot{display:none!important}
  .pcover .pc-panel{margin:-56px var(--pad) 20px;padding:22px 20px 20px;gap:14px;border-radius:22px}
  .pcover .pc-photo{height:clamp(240px,46svh,400px)}
  .pc-lede.voice{font-size:1.1rem}
  .legend{border-radius:20px}
  /* llistes d'allotjaments: sense l'ocell de cada fila, miniatura més gran */
  .lg-mark{display:none!important}
  .lg-thumb{width:96px;height:72px;border-radius:12px}
  .lg-row{gap:14px;padding-block:12px}
  .lg-name{font-size:1.22rem}
  .lg-desc,.lg-tags{padding-left:0!important}
  .rooms-legend{padding:14px 14px 18px}
}

/* ---------- Home ---------- */
@media (max-width:980px){
  .cover-video{background-image:url("img/tardor-poster-m.jpg")!important}
  .cover-video .cover-panel{padding-top:clamp(96px,17svh,150px)}
}
@media (max-width:600px){
  .cover-video{min-height:calc(100svh - 60px)}
  .cover-video .cover-title{font-size:clamp(3.4rem,15vw,4.2rem)}
  .cover-video .cover-tag{font-size:1.5rem}
  .cover-video .cover-lede{font-size:1rem;text-shadow:0 1px 12px rgba(0,0,0,.45)}
  .cover-video .cover-links{gap:0 22px}
  /* "Més que un allotjament": les fotos llisquen de costat */
  .estate-photos{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad) 10px;scroll-padding-inline:var(--pad)}
  .estate-photos::-webkit-scrollbar{display:none}
  .estate-photos .ep{flex:0 0 78%;scroll-snap-align:start;display:grid!important}
  .estate-photos .ep .neatline,.ep-1 .neatline,.ep-4 .neatline{aspect-ratio:4/3!important;height:auto!important;min-height:0!important}
  /* llar de foc: una sola foto gran */
  .fire{gap:18px}
  .fire-b,.fire-c{display:none!important}
  .fire-a{grid-column:1/-1!important;aspect-ratio:4/5}
  .fire-copy .voice{font-size:1.18rem}
  /* capvespres: tira lliscant */
  .sky-grid{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding:4px var(--pad) 10px;scroll-padding-inline:var(--pad)}
  .sky-grid::-webkit-scrollbar{display:none}
  .sky-grid figure{flex:0 0 72%;height:clamp(300px,58svh,440px);scroll-snap-align:start}
  .sky-grid .sky-0{flex-basis:86%}
  /* el temps: sense radar (iframe pesat) */
  .radar{display:none!important}
  .weather{padding:18px 16px}
  /* contacte: files tàctils + enllaç al formulari complet */
  #ca-contact .contact-form,#es-contact .contact-form,#en-contact .contact-form,#fr-contact .contact-form{display:none}
  .closing{display:none}
  .valley-photo{aspect-ratio:4/3}
}
.ct-formlink{display:none}
@media (max-width:600px){.ct-formlink{display:block}}
/* targetes de contacte tàctils (home i contacte) */
@media (max-width:600px){
  .contact-list{gap:8px}
  .contact-list li>a,.contact-list li>span{display:flex!important;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:16px;background:rgba(255,248,238,.08);text-decoration:none}
  .sec-paper .contact-list li>a,.sec-paper .contact-list li>span,.sec-tint .contact-list li>a{background:var(--card);box-shadow:var(--shadow)}
  .contact-list li>a::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg);opacity:.5;flex:none}
}

/* ---------- Banner de confiança (+20 anys) ---------- */
.trust{background:var(--ember);color:var(--cream);padding-block:clamp(56px,7vw,104px)}
.trust-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.trust-num{font:600 clamp(5rem,11vw,9.5rem)/.85 var(--f-head);font-variation-settings:"SOFT" 100,"WONK" 0;letter-spacing:-.04em;color:#F3C9A0}
.trust-copy{display:grid;gap:16px;max-width:44rem}
.trust .t-h2{color:#FFF8EE}
.trust .voice{color:#F6E9DA}
.trust .link-arrow{color:#FFF8EE;text-decoration-color:var(--amber);flex-wrap:wrap}
.trust .link-arrow .ico:first-child{color:var(--amber)}
@media (max-width:600px){
  .trust-in{grid-template-columns:1fr;gap:6px}
  .trust-num{font-size:5.2rem}
}

/* ---------- Fitxes d'allotjament ---------- */
@media (max-width:600px){
  .lodge-mark{display:none!important}
  .lodge-title{gap:0}
  .lodge-cover .book{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin-top:4px}
  .lodge-cover .cap{padding:8px 14px}
  input[type="date"].input{min-height:48px}
  /* característiques en dues columnes, sense línies */
  .lodge-feats,.lodge-feats-below{padding:18px 16px}
  .feat{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
  .feat li{border-bottom:0!important;padding:6px 0;font-size:.95rem;align-items:flex-start}
  .feat-dot{margin-top:.45em}
  /* altres allotjaments: només els de la mateixa categoria */
  .lodge-others-legend .lg-group:not(:has([aria-current="page"])){display:none}
  .lodge-others-legend{padding:16px 14px 20px;gap:18px}
  /* calendari no disponible: un sol botó de WhatsApp per secció */
  .disp-fallback+.disp-wa{display:none!important}
  .gal{gap:8px}
}

/* ---------- Contacte, reserva, qui som ---------- */
@media (max-width:980px){
  .ct-page{display:flex!important;flex-direction:column;gap:24px}
  .ct-page .contact-copy{display:contents}
  .ct-page .rev{order:3}
  .ct-map-frame iframe{height:280px}
  .rs{display:flex!important;flex-direction:column}
  .rs-right{order:-1}
  .henry{max-width:none;padding:16px}
  .henry-photo .photo{aspect-ratio:4/5!important;max-height:62svh}
  .henry-photo img{object-position:50% 20%}
}

/* ---------- Footer ---------- */
@media (max-width:600px){
  .foot{padding-top:48px}
  .foot .wrap{grid-template-columns:1fr 1fr!important;gap:26px 18px}
  .foot .wrap>div:nth-child(1){grid-column:1/-1;order:0}
  .foot .wrap>div:nth-child(2){order:1}
  .foot .wrap>div:nth-child(4){order:2}
  .foot .wrap>div:nth-child(3){order:3;grid-column:1/-1}
  .foot .wrap>div:nth-child(3) ul{columns:2;column-gap:18px}
  .foot .wrap>div:nth-child(3) li{break-inside:avoid}
  .foot .foot-base{order:4}
  .foot li a{padding:9px 0;display:inline-block}
  .foot p{max-width:none}
}

/* ---------- Pàgines amb contingut antic (.legacy) ---------- */
@media (max-width:600px){
  .legacy section[style*="48px"],.legacy section[style*="40px"],.legacy div.cta{padding-left:var(--pad)!important;padding-right:var(--pad)!important}
  .legacy section[style*="padding:60px"]{padding-top:44px!important;padding-bottom:44px!important}
  .legacy section[style*="60px"]{padding-bottom:44px!important}
  .legacy [style*="background:#fff"],.legacy [style*="background: #fff"]{background:transparent!important}
  .legacy .sh{margin-bottom:20px!important}
  .legacy .sh>p,.legacy .sh p{font-size:1.08rem!important}
  .legacy p[style*="text-align:center"],.legacy .body-text p{text-align:left!important}
  .legacy :is(.btn-gold,.btn-green,.btn-wa,.btn-wa2,.btn-out,.btn-out2,.btn-outline,.btn-home,.contact-cta,.wa-cta,.cta-btn,.form-btn){text-wrap:balance}
  /* galeries: 2 columnes, sense òrfenes */
  .legacy :is(.g3,.g4,.gal-grid,.mini-gal){gap:8px!important}
  .legacy :is(.g3,.g4,.mini-gal)>:last-child:nth-child(odd){grid-column:1/-1}
  .legacy .event-gal-grid:not(.open)>:nth-child(n+7){display:none!important}
  .legacy video{border-radius:16px!important}
  /* caixa de consentiment d'imatges */
  .legacy .consent-box{padding:16px!important;font-size:.92rem}
  /* targetes de fets: files compactes */
  .legacy .feat-grid{grid-template-columns:1fr!important;gap:8px!important}
  .legacy .feat-grid>:not(.feat){grid-column:1/-1}
  .legacy .feat{display:grid!important;grid-template-columns:34px 1fr;column-gap:12px;align-items:start;padding:14px 16px!important;text-align:left!important}
  .legacy .feat>.ico{grid-row:1/span 2;margin:2px 0 0!important}
  .legacy .feat>:is(h3,h4){margin:0!important;font-size:1.05rem!important}
  .legacy .feat>p{margin:2px 0 0!important;font-size:.95rem!important}
  /* tipus d'esdeveniment i llistes de característiques: xips */
  .legacy .event-types{display:flex!important;flex-wrap:wrap;gap:8px!important}
  .legacy .event-types .ev{display:flex!important;align-items:center;gap:8px;padding:8px 14px!important;border-radius:999px!important;box-shadow:none!important;background:var(--card)!important;border:1px solid var(--soft-2)!important}
  .legacy .event-types .ev .ico svg{width:20px;height:20px}
  .legacy .event-types .ev h4{margin:0!important;font-size:.95rem!important}
  .legacy .spec-card ul,.legacy .inc-list{display:flex!important;flex-wrap:wrap;gap:8px;padding:0!important;list-style:none!important}
  .legacy .spec-card li,.legacy .inc-list li{border:1px solid var(--soft-2)!important;border-radius:999px;padding:6px 12px!important;font-size:.9rem;background:var(--card)}
  .legacy .spec-card li::before,.legacy .inc-list li::before{display:none!important}
  .legacy .cap-badge{display:inline-flex!important;align-items:baseline;gap:10px;padding:10px 16px!important;border-radius:16px!important}
  .legacy .cap-badge .num{font-size:2rem!important}
  /* minigolf */
  .legacy .info-strip{gap:0!important}
  .legacy .price-card{padding:24px 20px!important}
  .legacy .faq-item{padding:14px 16px!important}
  /* regal */
  .legacy-regala-elsocells .gift-card{display:grid!important;grid-template-columns:40px 1fr;column-gap:14px;text-align:left!important;padding:16px 18px!important;align-items:start}
  .legacy-regala-elsocells .gift-card>.ico{grid-row:1/span 3;margin:0!important}
  .legacy-regala-elsocells .gift-card>h3{margin:0!important;font-size:1.15rem!important}
  .legacy-regala-elsocells .gift-card>p{margin:2px 0 10px!important}
  .legacy-regala-elsocells .gift-card>a{justify-self:start;min-height:44px}
  .legacy-regala-elsocells .step{display:grid!important;grid-template-columns:48px 1fr;column-gap:12px;text-align:left!important;padding:12px 0!important;background:none!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid var(--soft)!important}
  .legacy-regala-elsocells .stepnum{grid-row:1/span 2;margin:0!important;font-size:1.7rem!important}
  .legacy-regala-elsocells .step>h4{margin:0!important}
  .legacy-regala-elsocells .step>p{margin:0!important}
  .legacy-regala-elsocells .price-card.combo{margin-top:30px!important}
  /* info pràctica */
  .legacy-info-practica .card{display:grid!important;grid-template-columns:30px 1fr;column-gap:12px;padding:18px!important}
  .legacy-info-practica .card>:not(.ico):not(svg){grid-column:2}
  .legacy-info-practica .card li:last-child{border-bottom:0!important}
  /* privacitat */
  .legacy .legal{padding:0!important;box-shadow:none!important;background:none!important}
}
/* entorn: rutes i racons en tires lliscants */
@media (max-width:600px){
  .legacy-entorn section[id$="-bolets"]{margin-inline:12px!important;border:0!important;border-radius:22px!important;padding:24px 18px!important}
  .legacy-entorn section[id$="-bolets"] .route{background:none!important;box-shadow:none!important;padding:14px 0!important;border-radius:0!important;border-bottom:1px solid var(--soft)!important}
  .legacy-entorn .routes:not(section[id$="-bolets"] .routes),.legacy-entorn .racons-grid{display:grid!important;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:12px}
  .legacy-entorn .routes::-webkit-scrollbar,.legacy-entorn .racons-grid::-webkit-scrollbar{display:none}
  .legacy-entorn .routes>.route,.legacy-entorn .racons-grid>.raco{scroll-snap-align:start}
  .legacy-entorn .route-desc,.legacy-entorn .raco-desc{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .legacy-entorn .route-top{flex-direction:column-reverse!important;align-items:flex-start!important;gap:6px!important}
  .legacy-entorn :is(.route-link,.raco-link){display:inline-flex!important;align-items:center;min-height:44px}
  .legacy-entorn .raco-mood{min-height:0!important;height:auto!important;padding:10px 16px!important;flex-direction:row!important;gap:8px;justify-content:flex-start!important}
  .legacy-entorn .raco-mood svg{width:22px;height:22px}
  .legacy-entorn .poi-grid{grid-template-columns:1fr!important;gap:8px!important}
  .legacy-entorn .poi{display:grid!important;grid-template-columns:30px 1fr;gap:12px;padding:14px 16px!important;border:0!important;border-radius:16px!important;background:var(--card)!important;box-shadow:var(--shadow)!important}
  .legacy-entorn .poi p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .legacy-entorn .cs-cards,.legacy-entorn .coming-soon-section .cs-inner>p+p{display:none!important}
  .legacy-entorn .coming-soon-section{padding-block:36px!important}
  .legacy-entorn .tips-box{border-radius:20px!important;margin-inline:0!important}
  .legacy-entorn .cat-header{display:grid!important;grid-template-columns:40px 1fr;gap:12px;align-items:center}
  .legacy-entorn .cat-header .diff{grid-column:1/-1}
}
/* vídeos dels esdeveniments: mai caixes negres */
.legacy video[poster]{background:#2a1d10}

/* ajustos després de la revisió */
.valley-img{object-position:50% 78%}
.trust-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px}
.trust-rate{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#FFF8EE}
.trust-rate .ico{color:var(--amber)}
@media (max-width:600px){
  .trust .voice{font-size:1.06rem}
  .rooms-legend{padding:12px 10px 18px}
  .lg-thumb{width:88px;height:66px}
  .lg-row{gap:12px}
  .lg-cap{font-size:.86rem}
  .lodge-text p.voice{font-size:1.06rem!important;line-height:1.5}
}
@media (max-width:600px){.pcover:has(.cover-vid[data-sm*="minigolf-tardeo"]) .pc-photo{height:min(62svh,520px)}.pcover .cover-vid[data-sm*="minigolf-tardeo"]{object-position:50% 30%}}