/* La terrissa — estils del lloc.
   La paleta, les tipografies i els marges viuen a theme.json.
   Aquí només hi ha el que els blocs natius no cobreixen. */

:root{
  --lt-paper:#FBF9F5; --lt-wall:#F4F1EB; --lt-linen:#E8E2D6; --lt-line:#E6E0D5;
  --lt-sage:#8C9E94; --lt-sagedk:#63776C; --lt-soft:#77716A; --lt-ink:#2C2925;
  --lt-gap:clamp(20px,3vw,34px);
}

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
p{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
figure{margin:0}

/* ---------- capçalera ---------- */
.lt-mast{padding-top:clamp(48px,7.5vh,80px);text-align:center}
.lt-mast .lt-brand a{text-decoration:none;color:var(--lt-ink)}
.lt-brandsub{text-align:center!important;font-size:clamp(9px,1.25vw,11.5px);letter-spacing:.32em;text-transform:uppercase;color:var(--lt-sage);margin-top:16px}
.lt-tabs{margin-top:clamp(24px,3.6vw,36px);padding-bottom:clamp(22px,3.4vw,34px);border-bottom:1px solid var(--lt-line)}
.lt-tabs a{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--lt-ink)}
.lt-tabs .current-menu-item a{color:var(--lt-sagedk);border-bottom:1px solid var(--lt-sage);padding-bottom:3px}

.lt-ptitle{margin-top:clamp(24px,3.2vw,38px)}

/* ---------- fila de foto i text, escalonada ---------- */
.lt-fila{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(22px,4vw,52px);align-items:center;padding:clamp(24px,3.4vw,40px) 0;border-bottom:1px solid var(--lt-line)}
.lt-fila:first-of-type{border-top:1px solid var(--lt-line)}
.lt-fila img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.lt-fila--dreta figure{order:2}
.lt-preu{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;color:var(--lt-sagedk);margin-top:14px;text-align:left}
.lt-preu small{display:block;font-family:Poppins,sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-soft);margin-top:5px}

/* ---------- trio de fotos i graella d'Instagram ---------- */
.lt-trio img,.lt-ig img{width:100%;object-fit:cover;display:block}
.lt-trio img{aspect-ratio:3/4}
.lt-ig img{aspect-ratio:1/1}

/* ---------- serveis de la portada ---------- */
.lt-serveis .lt-sub{color:var(--lt-soft);font-size:14px}
.lt-cta{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-sagedk);text-decoration:none;margin-top:16px;border-bottom:1px solid var(--lt-sage);padding-bottom:3px}

/* ---------- caixa de reserva ---------- */
.lt-reserva{border:1px solid var(--lt-sage);padding:clamp(22px,3vw,32px);margin-top:clamp(30px,4vw,48px);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;text-align:center}
.lt-reserva strong{width:100%;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:22px}
.lt-reserva select,.lt-reserva input{font-family:Poppins,sans-serif;font-weight:300;font-size:14px;padding:11px 14px;border:1px solid var(--lt-line);background:var(--lt-paper);color:var(--lt-ink);border-radius:0;min-width:210px}
.lt-btn{font-family:Poppins,sans-serif;font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--lt-sagedk);color:#fff;border:0;padding:13px 24px;border-radius:40px;cursor:pointer}
.lt-btn:hover{background:var(--lt-ink)}
.lt-pend{width:100%;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--lt-sagedk)}

/* ---------- peu ---------- */
.lt-footer{background:var(--lt-ink);color:#C8C1B5;padding:clamp(40px,5.4vw,64px) var(--lt-gap) 26px;margin-top:clamp(42px,5.6vw,74px)}
.lt-footer p{font-size:12.5px;line-height:2;text-align:left}
.lt-footer a{color:#C8C1B5;text-decoration:none;border-bottom:1px solid #494339}
.lt-fbrand{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;color:var(--lt-linen);margin-bottom:6px}
.lt-flabel{font-size:8.5px!important;letter-spacing:.24em;text-transform:uppercase;color:#867F76;margin-bottom:11px}
.lt-legal{margin-top:clamp(26px,3.4vw,40px);padding-top:17px;border-top:1px solid #3E3932;font-size:9.5px!important;letter-spacing:.14em;text-transform:uppercase;color:#7A736B}
.lt-pend,.lt-footer .lt-pend{color:#D7A98F}

/* ---------- WhatsApp ---------- */
.lt-wa{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--lt-paper);border:1px solid var(--lt-sage);color:var(--lt-sagedk);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:9px 16px;border-radius:40px;text-decoration:none}
.lt-pop{position:fixed;right:16px;bottom:64px;z-index:60;width:min(250px,calc(100vw - 32px));background:var(--lt-paper);border:1px solid var(--lt-sage);padding:16px 18px 15px;box-shadow:0 12px 32px rgba(44,41,37,.16);opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.lt-pop[hidden]{display:none}
.lt-pop.is-open{opacity:1;transform:none}
.lt-pop strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:19px;line-height:1.3;padding-right:20px}
.lt-pop-btn{display:inline-block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;background:var(--lt-sagedk);color:#fff;padding:10px 18px;border-radius:40px;margin-top:13px;text-decoration:none}
.lt-pop-x{position:absolute;top:8px;right:9px;width:24px;height:24px;border:0;background:none;color:var(--lt-soft);font-size:18px;line-height:1;cursor:pointer}

/* ---------- aparició en baixar ---------- */
.lt-js .lt-rv{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.22,.8,.3,1),transform .7s cubic-bezier(.22,.8,.3,1)}
.lt-js .lt-rv.is-in{opacity:1;transform:none}
/* A l'editor de blocs mai s'ha d'amagar res */
.editor-styles-wrapper .lt-rv,.block-editor-writing-flow .lt-rv{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.lt-rv{opacity:1;transform:none;transition:none}}

/* ---------- mòbil ---------- */
@media(max-width:880px){
  .lt-fila,.lt-fila--dreta{grid-template-columns:minmax(0,1fr);gap:18px}
  .lt-fila--dreta figure{order:0}
}
@media(max-width:520px){
  .lt-pop{left:16px;right:16px;width:auto}
}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ---------- consentiment del formulari ---------- */
.lt-consent{width:100%;display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--lt-soft);text-align:left;line-height:1.6}
.lt-consent input{min-width:0;width:16px;height:16px;margin-top:4px;flex-shrink:0}
.lt-info{width:100%;font-size:11.5px;line-height:1.65;color:var(--lt-soft);text-align:left;border-top:1px solid var(--lt-line);padding-top:12px;margin-top:2px}


/* ============================================================
   Correccions després de la primera pujada
   ============================================================ */

/* La foto de la fila era massa gran i deixava massa buit al costat */
.lt-fila--dreta{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}
.lt-fila img{max-width:340px;margin-inline:0}
.lt-fila--dreta img{margin-inline-start:auto}

/* El peu: les mides han de guanyar sí o sí. Abans .lt-footer p
   s'imposava sobre .lt-fbrand i .lt-flabel per especificitat. */
footer.lt-footer p{font-size:12.5px;line-height:2;text-align:left}
footer.lt-footer p.lt-fbrand{font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;color:var(--lt-linen);margin-bottom:6px;line-height:1.3}
footer.lt-footer p.lt-flabel{font-size:8.5px;letter-spacing:.24em;text-transform:uppercase;color:#867F76;margin-bottom:11px;line-height:1.6}
footer.lt-footer p.lt-legal{font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:#7A736B;line-height:1.8}
footer.lt-footer .wp-block-column{min-width:0}

/* Que la pila de tipus alternatius s'assembli a Poppins si triga a carregar */
body{font-family:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif}

/* ============================================================
   Tipografia — valors exactes de la maqueta validada.
   Van amb el prefix .wp-site-blocks perquè el que genera
   theme.json és :root :where(...), i sense prefix perdríem.
   ============================================================ */

.wp-site-blocks,
.wp-site-blocks p,
.wp-site-blocks li{
  font-family:'Poppins','Segoe UI',system-ui,-apple-system,sans-serif;
  font-weight:300;
  font-size:15px;
  line-height:1.85;
}

.wp-site-blocks h1,
.wp-site-blocks h2,
.wp-site-blocks h3,
.wp-site-blocks h4{
  font-family:'Cormorant Garamond',Georgia,serif;
}
.wp-site-blocks h1{font-weight:300;font-size:clamp(25px,3.4vw,38px);line-height:1.15;letter-spacing:-.01em}
.wp-site-blocks h2{font-weight:300;font-size:clamp(20px,2.4vw,26px);line-height:1.28;letter-spacing:-.005em}
.wp-site-blocks h3{font-weight:400;font-size:17px;line-height:1.3}

/* Capçalera */
.wp-site-blocks .lt-brand,
.wp-site-blocks .lt-brand a,
.wp-site-blocks .wp-block-site-title,
.wp-site-blocks .wp-block-site-title a{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:300;
  font-size:clamp(34px,6.4vw,64px);
  line-height:1;
  letter-spacing:.01em;
  text-decoration:none;
  color:var(--lt-ink);
}
.wp-site-blocks p.lt-brandsub,
.wp-site-blocks h1.lt-brandsub{
  /* A la portada aquest renglonet és un <h1> i, sense aquesta línia,
     agafava la tipografia dels títols. Ha de ser la mateixa que a la
     resta de pàgines, on és un paràgraf. */
  font-family:Poppins,'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:clamp(9px,1.25vw,11.5px);
  font-weight:300;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:var(--lt-sage);
  line-height:1.6;
  text-align:center;
  margin-top:16px;
}
.wp-site-blocks .lt-tabs a{font-size:10.5px;font-weight:300;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}

/* Text corregut */
.wp-site-blocks .lt-fila p{font-size:14.5px;color:var(--lt-soft)}
.wp-site-blocks .lt-sub{font-size:14px;font-weight:300;color:var(--lt-soft)}
.wp-site-blocks .has-small-font-size{font-size:13.5px;color:var(--lt-soft)}
.wp-site-blocks .lt-cta{font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}

/* Preus */
.wp-site-blocks p.lt-preu{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:400;font-size:22px;line-height:1.2;
  color:var(--lt-sagedk);text-align:left;
}
.wp-site-blocks p.lt-preu small{
  font-family:'Poppins',sans-serif;font-weight:300;font-size:10px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lt-soft);
  display:block;margin-top:5px;line-height:1.6;
}

/* Caixa de reserva */
.wp-site-blocks .lt-reserva strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:22px;line-height:1.3}
.wp-site-blocks .lt-reserva select,
.wp-site-blocks .lt-reserva input{font-family:'Poppins',sans-serif;font-weight:300;font-size:14px;line-height:1.6}
.wp-site-blocks .lt-btn{font-family:'Poppins',sans-serif;font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;line-height:1.6}
.wp-site-blocks .lt-consent{font-size:13px;line-height:1.6}
.wp-site-blocks .lt-info{font-size:11.5px;line-height:1.65}

/* Peu */
.wp-site-blocks footer.lt-footer p{font-family:'Poppins',sans-serif;font-size:12.5px;font-weight:300;line-height:2;text-align:left}
.wp-site-blocks footer.lt-footer p.lt-fbrand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:21px;line-height:1.3;color:var(--lt-linen)}
.wp-site-blocks footer.lt-footer p.lt-flabel{font-size:8.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#867F76;line-height:1.6}
.wp-site-blocks footer.lt-footer p.lt-legal{font-size:9.5px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#7A736B;line-height:1.8}

/* WhatsApp */
.lt-wa,.lt-pop-btn{font-family:'Poppins',sans-serif;font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.lt-pop strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;font-size:19px;line-height:1.3}


/* ============================================================
   Banner de galetes (Complianz) amb els colors de la marca.
   Només color i tipografia: la posició i la mida es trien
   al mateix connector, a Cookie Banner → Styling.
   ============================================================ */
#cmplz-cookiebanner-container .cmplz-cookiebanner{
  font-family:'Poppins','Segoe UI',system-ui,sans-serif;
  background:var(--lt-paper);
  border:1px solid var(--lt-sage);
  border-radius:0;
  box-shadow:0 12px 32px rgba(44,41,37,.16);
  color:var(--lt-ink);
}
#cmplz-cookiebanner-container .cmplz-title{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:400;font-size:19px;color:var(--lt-ink);
}
#cmplz-cookiebanner-container .cmplz-body,
#cmplz-cookiebanner-container .cmplz-message{font-size:12.5px;line-height:1.7;color:var(--lt-soft);text-align:left}
#cmplz-cookiebanner-container .cmplz-buttons .cmplz-btn{
  font-family:'Poppins',sans-serif;font-weight:400;font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;border-radius:40px;padding:10px 18px;
}
/* Acceptar i rebutjar amb el mateix pes visual: la llei ho exigeix */
#cmplz-cookiebanner-container .cmplz-btn.cmplz-accept,
#cmplz-cookiebanner-container .cmplz-btn.cmplz-deny{
  background:var(--lt-sagedk);color:#fff;border:1px solid var(--lt-sagedk);
}
#cmplz-cookiebanner-container .cmplz-btn.cmplz-view-preferences{
  background:transparent;color:var(--lt-sagedk);border:1px solid var(--lt-sage);
}
#cmplz-cookiebanner-container .cmplz-links a{color:var(--lt-sagedk);font-size:11px}


/* El nom de la marca ha d'anar centrat com la resta de la capçalera */
.wp-site-blocks .lt-mast,
.wp-site-blocks .lt-mast .wp-block-site-title,
.wp-site-blocks .lt-mast .wp-block-site-title a,
.wp-site-blocks .lt-mast h1,
.wp-site-blocks .lt-mast p{text-align:center}
.wp-site-blocks .lt-mast .wp-block-site-title{display:block;width:100%}


/* ============================================================
   Ajustos demanats a la revisió
   ============================================================ */

/* Al peu, tot el text de la mateixa mida */
.wp-site-blocks footer.lt-footer p,
.wp-site-blocks footer.lt-footer p.lt-flabel,
.wp-site-blocks footer.lt-footer p.lt-legal{font-size:13px;line-height:1.95}
.wp-site-blocks footer.lt-footer p.lt-flabel{letter-spacing:.16em}
.wp-site-blocks footer.lt-footer p.lt-legal{letter-spacing:.06em;text-transform:none}

/* Les fotos: el retall el fa el navegador des del centre, no jo */
.lt-fila img,.lt-trio img,.lt-bio img{object-position:center}

/* Botons: un per modalitat i amb resposta en passar-hi el cursor */
.lt-botons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}
a.lt-btn,button.lt-btn{
  display:inline-block;text-decoration:none;text-align:center;
  transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease;
}
a.lt-btn:hover,button.lt-btn:hover,a.lt-btn:focus-visible,button.lt-btn:focus-visible{
  background:var(--lt-ink);transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(44,41,37,.18);
}
.lt-cta{transition:color .25s ease,border-color .25s ease}
.lt-cta:hover{color:var(--lt-ink);border-bottom-color:var(--lt-ink)}
.lt-wa,.lt-pop-btn{transition:background .25s ease,color .25s ease,transform .25s ease}
.lt-wa:hover{background:var(--lt-sagedk);color:#fff;transform:translateY(-2px)}

/* Camp trampa contra robots */
.lt-trampa{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* Resposta del formulari */
.lt-resposta{width:100%;margin-top:6px;font-size:13.5px;line-height:1.7;text-align:center;padding:12px 14px;border:1px solid var(--lt-sage);background:var(--lt-wall);color:var(--lt-sagedk)}
.lt-resposta.is-error{border-color:#C99A8A;background:#FBF2EE;color:#8A4A3A}

/* Foto de la pàgina Qui hi ha darrere */
.lt-bio{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4.5vw,56px);align-items:center}
.lt-bio img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;max-width:340px}
@media(max-width:880px){.lt-bio{grid-template-columns:minmax(0,1fr)}}

/* ============================================================
   Mòbil — revisió amb les fotos verticals
   ============================================================ */
@media(max-width:880px){

  /* Les tres fotos de la portada NO s'apilen: es queden en fila
     i queden petites. Apilades ocupaven tres pantalles. */
  .lt-trio.wp-block-columns{flex-wrap:nowrap!important;gap:8px}
  .lt-trio .wp-block-column{flex-basis:0!important;flex-grow:1;min-width:0}
  .lt-trio img{aspect-ratio:3/4}

  /* Files de classes i tallers: foto a tota l'amplada i més baixa,
     que en vertical ocupava mitja pantalla ella sola */
  .lt-fila img{max-width:100%;aspect-ratio:4/3}
  .lt-fila{padding:22px 0;gap:16px}
  .lt-fila h2{margin-bottom:8px}

  /* Foto de l'Anna igual */
  .lt-bio img{max-width:100%;aspect-ratio:4/3}
  .lt-bio{gap:18px}

  /* Botons de reserva: un sota l'altre i a tota l'amplada,
     que en fila es tallaven */
  .lt-botons{flex-direction:column;align-items:stretch;gap:9px}
  .lt-botons .lt-btn{width:100%;padding:14px 18px}
  .lt-reserva{padding:22px 18px}
  .lt-reserva select,.lt-reserva input{width:100%;min-width:0}

  /* El nom de la marca ocupava massa i empenyia tot avall */
  .wp-site-blocks .lt-mast .wp-block-site-title,
  .wp-site-blocks .lt-mast .wp-block-site-title a{font-size:clamp(30px,9vw,42px)}
  .lt-mast{padding-top:34px}
  .lt-tabs{margin-top:20px;padding-bottom:20px}

  /* Graella d'Instagram */
  .lt-ig.wp-block-columns{flex-wrap:wrap!important;gap:6px}
  .lt-ig .wp-block-column{flex-basis:calc(33.333% - 4px)!important;min-width:0}

  /* El text justificat en columna estreta obre forats: millor alineat */
  .wp-site-blocks p{text-align:left}
}

@media(max-width:480px){
  .lt-trio.wp-block-columns{gap:6px}
  .lt-fila img,.lt-bio img{aspect-ratio:3/2}
}

/* Peu: una sola tipografia i una sola mida per a tot */
.wp-site-blocks footer.lt-footer p,
.wp-site-blocks footer.lt-footer p.lt-fbrand,
.wp-site-blocks footer.lt-footer p.lt-flabel,
.wp-site-blocks footer.lt-footer p.lt-legal{
  font-family:'Poppins','Segoe UI',system-ui,sans-serif;
  font-size:13px;line-height:1.95;font-weight:300;
}
.wp-site-blocks footer.lt-footer p.lt-fbrand{color:var(--lt-linen);letter-spacing:.02em;margin-bottom:8px}
.wp-site-blocks footer.lt-footer p.lt-flabel{color:#867F76;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.wp-site-blocks footer.lt-footer p.lt-legal{color:#7A736B;letter-spacing:.02em;text-transform:none}

/* Enllaços amb icona */
.lt-amb-ic{display:inline-flex;align-items:center;gap:8px;vertical-align:middle}
.lt-amb-ic .lt-ic{flex-shrink:0;opacity:.75;transition:opacity .25s ease}
.lt-amb-ic:hover .lt-ic{opacity:1}

/* ============================================================
   Ressenyes de Google
   ============================================================ */
.lt-ressenyes{margin-top:clamp(26px,3.4vw,40px)}
.lt-ressenyes .wp-block-column{min-width:0}
.lt-cita p{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:19px;line-height:1.5;color:var(--lt-ink);text-align:left}
.lt-cita .lt-signa{font-family:'Poppins',sans-serif;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-sage);margin-top:12px;text-align:left}
.lt-destacada{max-width:760px;margin-inline:auto}
.lt-destacada p{font-size:clamp(20px,2.6vw,27px);line-height:1.45;text-align:center}
.lt-destacada .lt-signa{text-align:center}
.lt-estrelles{color:var(--lt-sage);letter-spacing:.22em;font-size:13px;text-align:center;margin-bottom:12px}

/* ============================================================
   Carrusel de ressenyes
   ============================================================ */
.lt-carrusel{position:relative;max-width:820px;margin-inline:auto;overflow:hidden}
.lt-pista{display:flex;transition:transform .55s cubic-bezier(.22,.8,.3,1)}
.lt-slide{flex:0 0 100%;min-width:0;padding:0 4px;text-align:center}
.lt-slide p{text-align:center}
.lt-slide .lt-estrelles{color:var(--lt-sage);letter-spacing:.22em;font-size:13px;margin-bottom:14px}
.lt-slide .lt-text{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(19px,2.4vw,25px);line-height:1.5;color:var(--lt-ink)}
.lt-slide .lt-signa{font-family:'Poppins',sans-serif;font-size:10px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--lt-sage);margin-top:16px}

.lt-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:26px}
.lt-fletxa{width:36px;height:36px;border:1px solid var(--lt-line);background:transparent;border-radius:50%;cursor:pointer;color:var(--lt-sagedk);display:grid;place-items:center;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.lt-fletxa:hover{border-color:var(--lt-sage);background:var(--lt-wall);transform:translateY(-1px)}
.lt-fletxa svg{width:14px;height:14px}
.lt-punts{display:flex;gap:8px}
.lt-punt{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:var(--lt-line);cursor:pointer;transition:background .25s ease,transform .25s ease}
.lt-punt[aria-current="true"]{background:var(--lt-sage);transform:scale(1.25)}
@media(prefers-reduced-motion:reduce){.lt-pista{transition:none}}

/* ============================================================
   v1.3.0 — fitxes de servei amb acordeó, bloc creuat i estrelles
   Els selectors NO porten !important: així, si canvies una mida
   des de l'editor, la teva guanya.
   ============================================================ */

/* Fitxa de cada servei */
.lt-item{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(22px,3.6vw,46px);align-items:start;padding:clamp(26px,3.6vw,42px) 0;border-bottom:1px solid var(--lt-line)}
.lt-item:first-of-type{border-top:1px solid var(--lt-line)}
.lt-item>figure{margin:0}
.lt-item img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center;display:block;max-width:290px}
.lt-item--dreta>figure{order:2}
.lt-item--dreta img{margin-inline-start:auto}
.wp-site-blocks .lt-desc{color:var(--lt-soft);font-size:14.5px;margin-top:10px}

/* Acordeó: una oberta tanca l'anterior */
.lt-faq{margin-top:18px;border-top:1px solid var(--lt-line)}
.lt-faq .wp-block-details{border-bottom:1px solid var(--lt-line);padding:0}
.lt-faq summary{padding:12px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;font-size:14px;align-items:baseline}
.lt-faq summary::-webkit-details-marker,.lt-faq summary::marker{display:none;content:""}
.lt-faq summary::after{content:"+";color:var(--lt-sage);font-family:'Poppins',sans-serif}
.lt-faq .wp-block-details[open] summary::after{content:"–"}
.wp-site-blocks .lt-faq .wp-block-details p{color:var(--lt-soft);font-size:13.5px;padding:0 0 14px;max-width:62ch;text-align:left}

/* Bloc que porta a l'altra pàgina */
.lt-creuat{border:1px solid var(--lt-sage);padding:clamp(24px,3.4vw,36px);margin-top:clamp(30px,4vw,46px);text-align:center;background:var(--lt-paper)}
.wp-site-blocks .lt-ctxt{font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;font-size:clamp(19px,2.3vw,24px);line-height:1.4;text-align:center;margin-top:10px}
.lt-creuat .cap,.lt-creuat .lt-cap{display:block;text-align:center}

/* Estrelles més grans */
.wp-site-blocks .lt-estrelles{font-size:21px;letter-spacing:.24em}

/* Foto de la bio, igual que les fitxes */
.lt-bio{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}
.lt-bio img{aspect-ratio:4/5;max-width:290px}

@media(max-width:880px){
  .lt-item,.lt-item--dreta,.lt-bio{grid-template-columns:minmax(0,1fr);gap:16px}
  .lt-item--dreta>figure{order:0}
  .lt-item img,.lt-bio img{max-width:100%;aspect-ratio:4/3}
}

/* El menú ha de veure's sempre, encara que el bloc de navegació
   no tingui cap menú desat a la base de dades */
.lt-tabs .wp-block-navigation__container{justify-content:center;flex-wrap:wrap;gap:clamp(12px,2.2vw,26px)}
.lt-tabs .wp-block-navigation-item__content{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--lt-ink);padding-bottom:3px}
.lt-tabs .current-menu-item .wp-block-navigation-item__content{color:var(--lt-sagedk);border-bottom:1px solid var(--lt-sage)}

/* ============================================================
   v1.4.0 — correccions visuals
   ============================================================ */

/* La columna de la foto amidava el 30% però la foto només 290 px:
   aquella diferència era el forat. Ara la columna val el que val la foto. */
.lt-item{grid-template-columns:290px minmax(0,1fr);align-items:start}
.lt-item--dreta{grid-template-columns:minmax(0,1fr) 290px}
.lt-item img{max-width:none}
.lt-item--dreta img{margin-inline-start:0}
.lt-bio{grid-template-columns:290px minmax(0,1fr);align-items:center}
.lt-bio img{max-width:none}

/* Preu i botó a la mateixa línia */
.lt-compra{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  margin-top:22px;padding-top:18px;border-top:1px solid var(--lt-line)}
.wp-site-blocks .lt-compra .lt-preu{margin-top:0;flex:0 0 auto}
.lt-compra .lt-btn{margin-top:0;flex:0 0 auto}
.lt-compra p:has(.lt-btn){margin:0}

/* En columna estreta el text justificat obre forats: aquí va alineat */
.wp-site-blocks .lt-desc,
.wp-site-blocks .lt-faq p{text-align:left}

@media(max-width:880px){
  .lt-item,.lt-item--dreta,.lt-bio{grid-template-columns:minmax(0,1fr)}
  .lt-compra{flex-direction:column;align-items:stretch;text-align:center}
  .wp-site-blocks .lt-compra .lt-preu{text-align:center}
  .lt-compra .lt-btn{width:100%}
}
.lt-compra > *{margin-top:0}

/* ============================================================
   v1.4.1 — que cap bloc surti del marge del contingut
   Tot el que és graella queda clavat a la mateixa amplada i als
   mateixos marges que els títols i els paràgrafs.
   ============================================================ */
.wp-site-blocks .lt-item,
.wp-site-blocks .lt-bio,
.wp-site-blocks .lt-creuat,
.wp-site-blocks .lt-trio,
.wp-site-blocks .lt-serveis,
.wp-site-blocks .lt-faq,
.wp-site-blocks .lt-compra{
  max-width:var(--wp--style--global--content-size);
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
/* Cap fill de graella pot fer-se més ample que la seva columna */
.lt-item > *,.lt-bio > *,.lt-trio > *{min-width:0}
.lt-item figure,.lt-bio figure{margin:0;max-width:100%}
.lt-item img,.lt-bio img{max-width:100%}
.lt-compra{max-width:none}

/* ============================================================
   v1.5.0 — el marge lateral el posem nosaltres
   WordPress no aplicava el marge arrel i el contingut arribava
   a tocar la vora de la pantalla. Ara cada secció porta el seu.
   ============================================================ */
:root{--lt-marge:clamp(22px,5vw,64px)}

.wp-site-blocks > main.wp-block-group,
.wp-site-blocks .lt-mast{
  padding-left:var(--lt-marge);
  padding-right:var(--lt-marge);
  box-sizing:border-box;
}
.lt-footer{padding-left:var(--lt-marge);padding-right:var(--lt-marge)}

/* Els blocs de graella ja no necessiten forçar amplada:
   hereten la del contenidor, que ara sí té marge. */
.wp-site-blocks .lt-item,
.wp-site-blocks .lt-bio,
.wp-site-blocks .lt-creuat,
.wp-site-blocks .lt-trio,
.wp-site-blocks .lt-serveis,
.wp-site-blocks .lt-faq,
.wp-site-blocks .lt-compra{max-width:100%;margin-left:0;margin-right:0}

/* La foto de la fitxa s'encongeix si la pantalla no dona per a 290 px */
.lt-item{grid-template-columns:minmax(0,290px) minmax(0,1fr)}
.lt-item--dreta{grid-template-columns:minmax(0,1fr) minmax(0,290px)}
.lt-bio{grid-template-columns:minmax(0,290px) minmax(0,1fr)}

@media(max-width:880px){
  .lt-item,.lt-item--dreta,.lt-bio{grid-template-columns:minmax(0,1fr)}
}

/* ============================================================
   v1.5.1 — el marge, per classe pròpia
   La regla anterior apuntava a «main» com a fill directe de
   .wp-site-blocks i no sempre ho és, així que no s'aplicava mai.
   ============================================================ */
.lt-main{
  padding-left:var(--lt-marge);
  padding-right:var(--lt-marge);
  box-sizing:border-box;
}

/* Columna de text més estreta: les preguntes eren de quatre paraules
   i la ratlla feia 760 px, amb el «+» perdut a l'altra punta. */
.lt-item{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(20px,3vw,44px)}
.lt-item--dreta{grid-template-columns:minmax(0,1fr) minmax(0,280px)}
.lt-bio{grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(20px,3vw,44px)}

@media(max-width:880px){
  .lt-item,.lt-item--dreta,.lt-bio{grid-template-columns:minmax(0,1fr)}
}

/* ============================================================
   v1.5.2 — amplada i marge sense dependre de la plantilla
   Cada element del contingut val, com a màxim, 980 px, i sempre
   deixa el marge a banda i banda. No depèn de cap classe que
   WordPress pugui haver desat a la base de dades.
   ============================================================ */
.wp-site-blocks .wp-block-post-title,
.wp-site-blocks .wp-block-post-content > *{
  width:min(980px, 100% - 2 * var(--lt-marge));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
/* Res de doble marge si la plantilla sí que porta la classe */
.lt-main{padding-left:0;padding-right:0}

/* La capçalera i el peu, amb el mateix marge */
.lt-mast > *{width:min(980px, 100% - 2 * var(--lt-marge));margin-left:auto;margin-right:auto}
.lt-footer > .wp-block-columns,
.lt-footer > .lt-legal{width:min(980px, 100% - 2 * var(--lt-marge));margin-left:auto;margin-right:auto}
.lt-footer{padding-left:0;padding-right:0}

/* ============================================================
   v1.5.3 — la foto i el text de la fitxa, a la mateixa alçada
   El text ocupava uns 515 px i la foto només 362 px: aquell
   desnivell era el descuadre. Ara la columna de text va una
   mica més justa i la foto s'estira fins on arriba el text,
   tant amb la FAQ tancada com oberta.
   ============================================================ */

/* La foto omple exactament l'alçada de la fitxa */
@media(min-width:881px){
  .lt-item{align-items:stretch}
  .lt-item > figure{
    height:100%;
    min-height:380px;
    position:relative;
    display:block;
    margin:0;
    overflow:hidden;
  }
  .lt-item > figure img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:auto;
    object-fit:cover;
    object-position:center;
  }
}

/* La columna de text, una mica més compacta */
.wp-site-blocks .lt-desc{margin-top:8px}
.lt-faq{margin-top:14px}
.lt-faq summary{padding:10px 0}
.lt-compra{margin-top:16px;padding-top:14px}

/* Menys aire entre la pregunta i la resposta */
.lt-faq .wp-block-details > *:not(summary){margin-top:0}
.lt-faq .wp-block-details[open] summary{padding-bottom:2px}
.wp-site-blocks .lt-faq .wp-block-details p{
  margin-top:0;
  padding:0 0 12px;
  line-height:1.65;
}

/* WordPress posa un marge entre els fills d'un grup. Dins d'una
   graella això baixava la columna de text respecte de la foto:
   per això les dues vores de dalt no coincidien. */
.wp-site-blocks .lt-item > *,
.wp-site-blocks .lt-bio > *{margin-block-start:0;margin-top:0}

/* ============================================================
   v1.5.4 — marges laterals més justos a tot el lloc
   El contingut valia 980 px i el marge arribava a 64 px: en
   pantalles grans quedava una franja blanca molt ampla i la
   columna de text de les fitxes s'estrenyia. Ara el contingut
   arriba a 1140 px i el marge màxim baixa a 40 px. Ho hereten
   la capçalera, el contingut i el peu.
   ============================================================ */
:root{
  --lt-marge:clamp(18px,2.6vw,40px);
  --lt-ample:1140px;
}
.wp-site-blocks .wp-block-post-title,
.wp-site-blocks .wp-block-post-content > *,
.lt-mast > *,
.lt-footer > .wp-block-columns,
.lt-footer > .lt-legal{
  width:min(var(--lt-ample), 100% - 2 * var(--lt-marge));
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}

/* Amb la fitxa més ampla, la foto de 280 px quedava una tira
   estreta i alta. Creix amb el contingut, sense passar de 340. */
.lt-item{grid-template-columns:minmax(0,clamp(280px,29vw,340px)) minmax(0,1fr)}
.lt-item--dreta{grid-template-columns:minmax(0,1fr) minmax(0,clamp(280px,29vw,340px))}
.lt-bio{grid-template-columns:minmax(0,clamp(280px,29vw,340px)) minmax(0,1fr)}
@media(max-width:880px){
  .lt-item,.lt-item--dreta,.lt-bio{grid-template-columns:minmax(0,1fr)}
}

/* ============================================================
   v1.5.5 — el carrusel, clavat amb qualsevol nombre de ressenyes
   Cada diapositiva amidava el 100% MÉS els 8 px del seu coixí.
   Amb dues ressenyes el desajust era de 8 px i no es veia; amb
   set s'acumulava fins a 48 px i apareixia un tros de la
   ressenya del costat.
   ============================================================ */
.lt-slide{box-sizing:border-box}

/* ============================================================
   v1.6.0 — el marge lateral, una sola vegada (revisió de mòbil)
   Dos problemes que només es veien a la pantalla petita:

   1) La capçalera, el contingut i el peu ja porten el seu coixí
      lateral, i a sobre cada bloc de dins tornava a restar el
      marge. El text quedava 18 px més endins que el nom del
      taller i que el peu. Ara el coixí el posa el contenidor i
      els blocs només es limiten a l'amplada màxima.

   2) Els botons comptaven el coixí per fora de l'amplada. Al
      mòbil, on valen el 100%, sortien 12 px de la pantalla i
      tot el web es podia arrossegar de costat.
   ============================================================ */
.lt-main,
.wp-site-blocks .lt-mast,
.lt-footer{
  padding-left:var(--lt-marge);
  padding-right:var(--lt-marge);
  box-sizing:border-box;
}
.wp-site-blocks .wp-block-post-title,
.wp-site-blocks .wp-block-post-content,
.wp-site-blocks .wp-block-post-content > *,
.lt-mast > *,
.lt-footer > .wp-block-columns,
.lt-footer > .lt-legal{
  width:min(var(--lt-ample), 100%);
  max-width:none;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
.lt-btn,.lt-cta,.lt-wa,.lt-pop-btn,.lt-fletxa,.lt-punt{box-sizing:border-box}

/* La casella d'acceptació del formulari de xecs regal heretava
   l'amplada del 100% dels camps i empenyia el text i l'enllaç
   fora de la pantalla. Ha de valer 16 px, com qualsevol casella. */
.lt-reserva .lt-consent input[type="checkbox"]{width:16px;min-width:16px;height:16px;flex:0 0 16px}