/* Portada · oferta en tres líneas: WEBS · AUTOMATIZACIONES CON IA · BRANDING (27/10/2026).
   Secciones #lineas, #automatizaciones, #branding, #herramientas y #precios de index.html.
   Paleta A (tinta + marca): las ramas van en tinta y grises y se distinguen por la forma
   (cuadrado, círculo, triángulo); la terracota de OI es el único acento. */

:root{
  --r-reservas:var(--ink);
  --r-google:#46443f;
  --r-resenas:#67655e;
  --l-webs:var(--ink);
  --l-branding:var(--terra);
}
.l3 .tt{font-family:var(--font-serif);font-weight:500;text-transform:uppercase;color:var(--ink);letter-spacing:-.01em;}
.l3-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border-radius:var(--r-xs);background:var(--ink);color:#fff;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1.2;border:0;cursor:pointer;transition:background .2s,transform .2s var(--ease);}
.l3-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.l3-a{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:5px;font-size:15.5px;background:none;border:0;padding:0;cursor:pointer;}
.l3-num{display:inline-block;font-variant-numeric:tabular-nums;}
.l3-salta{animation:l3-salta .45s var(--ease);}
@keyframes l3-salta{0%{transform:translateY(0)}35%{transform:translateY(-6px)}100%{transform:translateY(0)}}

/* Forma de cada rama */
.l3-f{display:inline-block;flex:none;width:12px;height:12px;background:var(--m,var(--ink));}
.l3-f--c{border-radius:50%;}
.l3-f--t{clip-path:polygon(50% 0,100% 100%,0 100%);}

/* Cabecera: WhatsApp y garantía */
.hx__mas{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;margin:18px 0 0;font-size:15px;}
.hx__mas a{font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:4px;}
.hx__mas span{font-weight:600;color:var(--ink);}

/* ── LAS TRES LÍNEAS ── */
.l3-lineas{padding:72px 0 80px;}
.l3-lineas h2{font-size:clamp(28px,3.4vw,42px);margin:0 0 30px;}
/* 28/10: tres tarjetas con una vista que cambia sola (y al tocarla): muestras en el móvil, avisos que entran, colores de marca */
.ln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.ln__f{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-strong);transition:transform .5s var(--ease),box-shadow .5s var(--ease);}
.ln__marca{height:8px;display:flex;gap:3px;transform-origin:left;}
.ln__marca span{flex:1;background:var(--m);}
.ln__cu{flex:1;display:flex;flex-direction:column;gap:10px;padding:22px 22px 22px;}
.ln__n{font-size:clamp(22px,2.1vw,30px);line-height:1.02;margin:0;overflow-wrap:anywhere;}
.ln__p{margin:0;font-size:16px;line-height:1.6;color:var(--text);}
.ln__pie{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 16px;}
.ln__pr{display:block;font-size:14px;color:var(--text-muted);}
.ln__pr b{display:block;font-size:26px;color:var(--ink);font-weight:600;letter-spacing:-.02em;line-height:1.1;}
@media(max-width:980px){.ln{grid-template-columns:1fr;gap:18px;}}

/* La vista de cada tarjeta es un botón: al tocarla, pasa a la siguiente */
.lv{all:unset;box-sizing:border-box;display:block;position:relative;width:100%;aspect-ratio:6/5;overflow:hidden;cursor:pointer;background:var(--bg-subtle);-webkit-tap-highlight-color:transparent;}
.lv:focus-visible{outline:2px solid var(--ink);outline-offset:-4px;}
.lv__pie{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.04em;font-weight:600;}
.lv__cap,.lv__toca{display:inline-flex;flex:none;white-space:nowrap;align-items:center;gap:6px;padding:8px 10px;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--border-strong);}
.lv__cap i{font-style:normal;color:var(--text-muted);}
.lv__nom{display:inline-block;}
.lv__toca{background:var(--ink);color:#fff;box-shadow:none;}
.lv__ico{width:14px;height:14px;}
.lv.is-gira .lv__ico{animation:lv-gira .6s var(--ease);}
@keyframes lv-gira{to{transform:rotate(360deg)}}
@media(max-width:980px){.lv{aspect-ratio:16/11;}}

/* Webs: abanico de móviles con muestras; la de delante sale y se va al fondo */
.lv__fan{position:absolute;inset:0;}
.lv__tel{position:absolute;left:26%;top:9%;width:36%;aspect-ratio:480/1013;border:5px solid var(--dark);border-radius:20px;overflow:hidden;background:var(--dark);box-shadow:0 16px 34px rgba(25,23,18,.2);transform-origin:50% 100%;
  transform:translateX(calc(var(--p) * 24%)) rotate(calc(var(--p) * 5deg)) scale(calc(1 - var(--p) * .08));
  z-index:calc(10 - var(--p));opacity:clamp(0, 3 - var(--p), 1);transition:transform .7s var(--ease),opacity .5s;}
.lv__tel img{display:block;width:100%;height:auto;}
.lv__tel.lv-sale{animation:lv-sale .8s var(--ease);}
@keyframes lv-sale{
  0%{transform:none;z-index:10;opacity:1}
  42%{transform:translateX(-92%) rotate(-11deg);z-index:10;opacity:1}
  43%{z-index:0}
  100%{transform:translateX(72%) rotate(15deg) scale(.76);z-index:0;opacity:0}
}
@media(max-width:980px){.lv__tel{width:27%;left:30%;top:8%;border-width:4px;border-radius:16px;}}

/* Automatizaciones: los avisos van entrando arriba */
.lv--a{background:var(--bg-subtle);}
.lv__avisos{position:absolute;inset:16px 16px 58px;display:flex;flex-direction:column;gap:8px;overflow:hidden;}
.av{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 13px;background:#fff;color:var(--ink);border-radius:var(--r-xs);box-shadow:0 0 0 1px var(--border-strong);font-size:13.5px;line-height:1.35;position:relative;transition:opacity .4s;}
.av .l3-f{width:10px;height:10px;margin-top:2px;}
.av__t{display:block;min-width:0;}
.av b{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;margin-bottom:2px;}
.av em{font-style:normal;font-size:11.5px;color:var(--text-muted);}
.av:not(:first-child) em{visibility:hidden;}
.av:nth-child(n+3){opacity:.6;}
.av.is-entra .av__t,.av.is-entra em{visibility:hidden;}
.av.is-entra::after{content:attr(data-e);position:absolute;left:36px;top:50%;transform:translateY(-50%);font-size:13px;color:var(--text-muted);}

/* Branding: la misma marca con otra combinación de su paleta */
.lv--b{background:var(--bg-subtle);}
.lv__hoja{position:absolute;inset:0;}
.lv__logo{position:absolute;left:16%;right:16%;top:20%;aspect-ratio:585/262;background:var(--t);-webkit-mask:url(/demos/muestras/hauspo-jatetxea/marca/hauspo-logo.svg) center/contain no-repeat;mask:url(/demos/muestras/hauspo-jatetxea/marca/hauspo-logo.svg) center/contain no-repeat;transition:background .6s var(--ease);}
.lv__pal{position:absolute;left:16%;right:16%;top:62%;height:20px;display:flex;}
.lv__pal span{flex:1;background:var(--c);transition:flex .55s var(--ease);}
.lv__pal span.is-on{flex:2.4;}
.lv__let{position:absolute;left:16%;top:calc(62% + 30px);font-size:11.5px;letter-spacing:.04em;color:var(--text-muted);}
@media(max-width:980px){.lv__logo{left:24%;right:24%;top:11%;}.lv__pal{left:24%;right:24%;top:48%;height:16px;}.lv__let{left:24%;top:calc(48% + 24px);}}
@media(max-width:380px){.lv__pie{font-size:11px;left:10px;right:10px;}.lv__cap,.lv__toca{padding:7px 8px;}}

/* ── AUTOMATIZACIONES CON IA ── */
.l3-au{padding:96px 0;background:var(--bg-subtle);border-top:1px solid var(--border);}
.au__cab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:end;margin-bottom:44px;}
.l3-au h2{font-size:clamp(28px,4vw,52px);line-height:1;margin:0;}
.au__lede{font-size:18px;line-height:1.65;color:var(--text);margin:0;max-width:52ch;}
@media(max-width:900px){.l3-au{padding:68px 0;}.au__cab{grid-template-columns:1fr;gap:18px;}}
.ramas{display:flex;border-bottom:1px solid var(--border-strong);overflow-x:auto;scrollbar-width:none;}
.ramas::-webkit-scrollbar{display:none;}
.ramas[hidden]{display:none;}
.ramas button{all:unset;cursor:pointer;flex:1 0 auto;padding:16px 22px 18px 0;margin-right:22px;font-family:var(--font-serif);font-weight:500;text-transform:uppercase;font-size:clamp(17px,1.7vw,21px);line-height:1.15;color:var(--text-faint);white-space:nowrap;position:relative;transition:color .2s;}
.ramas button .l3-f{display:block;margin-bottom:10px;transition:transform .4s var(--ease);}
.ramas button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);}
.ramas button.is-on{color:var(--ink);}
.ramas button.is-on .l3-f{transform:scale(1.35);}
.ramas button.is-on::after{transform:scaleX(1);}
.ramas button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.rm{padding-top:40px;}
.rm[hidden]{display:none;}
.rm + .rm{margin-top:56px;border-top:1px solid var(--border-strong);}
.js-l3 .rm + .rm{margin-top:0;border-top:0;}
.rm__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start;}
.rm__marca{display:flex;align-items:center;gap:14px;margin:0 0 14px;}
.rm__marca .l3-f{width:40px;height:40px;}
.rm__marca b{font-family:var(--font-serif);font-weight:500;font-size:clamp(26px,3vw,38px);line-height:1;text-transform:uppercase;color:var(--ink);}
.rm__frase{font-size:19px;line-height:1.55;color:var(--ink);margin:0 0 22px;max-width:44ch;}
.rm__ia{margin:0 0 22px;padding:16px 0;border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);font-size:16px;line-height:1.6;color:var(--text);max-width:52ch;}
.rm__ia b{color:var(--ink);text-transform:uppercase;font-size:15px;letter-spacing:.01em;}
.rm__ia b::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:1px;}
.rm__ia[data-estado="hoy"] b::before{background:var(--ink);}
.rm__ia[data-estado="sin"] b::before{background:transparent;box-shadow:inset 0 0 0 2px var(--ink);}
.rm__precio{margin:0 0 20px;font-size:15.5px;line-height:1.55;color:var(--text-muted);}
.rm__precio .cifra{display:block;color:var(--ink);font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin-bottom:2px;}
.rm__precio .cifra small{font-size:16px;font-weight:500;color:var(--text);}
.rm__acc{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;}
.rm__nota{margin:12px 0 0;font-size:14px;color:var(--text-muted);}
@media(max-width:900px){.rm__top{grid-template-columns:1fr;gap:30px;}}
.rm__vista{background:#fff;border:1px solid var(--border);padding:34px;min-height:100%;}
@media(max-width:620px){.rm__vista{padding:20px 16px;}}
.sub{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;}
.sub[hidden]{display:none;}
.sub button{all:unset;cursor:pointer;padding:9px 14px;box-shadow:inset 0 -2px 0 var(--border-strong);border-radius:var(--r-xs);font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text);background:var(--bg-subtle);transition:background .2s,color .2s;}
.sub button.is-on{background:var(--ink);color:#fff;box-shadow:none;}
.sub button:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.pz-res{display:grid;grid-template-columns:200px minmax(0,1fr);gap:26px;align-items:start;}
.pz-res[hidden]{display:none;}
.pz-res + .pz-res{margin-top:34px;}
.js-l3 .pz-res + .pz-res{margin-top:0;}
.rmtel{margin:0;border:6px solid var(--dark);border-radius:26px;overflow:hidden;background:var(--dark);aspect-ratio:390/737;box-shadow:var(--shadow-lg);}
.rmtel img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}
.pz-res h3{font-size:20px;margin:0 0 8px;}
.pz-res p{margin:0 0 12px;font-size:15.5px;line-height:1.6;color:var(--text);}
.pz-res .pz-cifra{font-size:22px;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin:0 0 6px;}
.ticket{margin:0 0 16px;padding:12px 16px;background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--r-xs);}
.ticket__k{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;font-size:13px;color:var(--text-muted);margin:0 0 4px;}
.ticket__k i{font-style:normal;}
.ticket__txt{margin:0;font-size:15px;line-height:1.5;color:var(--ink);font-weight:500;}
.escribe{display:none;margin:0;font-size:15px;color:var(--text-muted);}
.is-escribiendo .escribe{display:block;}
.is-escribiendo .ticket__txt{display:none;}
@media(max-width:620px){.pz-res{grid-template-columns:40% 1fr;gap:14px;}.pz-res .rmtel{border-width:4px;border-radius:18px;}}
.inf{background:#fff;border:1px solid var(--border-strong);padding:20px 22px;max-width:520px;}
.inf__k{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--text-muted);margin:0 0 12px;}
.inf__k i{font-style:normal;}
.inf h3{font-size:19px;margin:0 0 14px;}
.inf ol{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--border);}
.inf li{display:grid;grid-template-columns:1fr auto;gap:14px;padding:11px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:1.5;}
.inf li em{font-style:normal;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;align-self:start;padding-top:2px;}
.inf li[data-r="bien"] em{color:var(--ok-text);}
.inf li[data-r="mal"] em{color:#a3361d;}
.inf li[data-r="ojo"] em{color:var(--terra-link);}
.inf li.is-mirando em{color:var(--text-faint);}
.rs{max-width:520px;}
.rs__res{background:#fff;border:1px solid var(--border-strong);padding:18px 20px;margin:0 0 14px;}
.rs__quien{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--text-muted);margin:0 0 6px;}
.rs__quien b{color:var(--ink);}
.rs__est{color:#8a6a00;letter-spacing:1px;}
.rs__txt{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink);}
.rs__bor{background:var(--ink);color:#fff;padding:18px 20px;margin:0 0 14px;border:0;}
.rs__bor .ticket__k{color:rgba(255,255,255,.72);}
.rs__bor .rs__txt{color:#fff;}
.rs__bor .escribe{color:rgba(255,255,255,.72);}
.rs__pasos{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 16px;font-size:14px;color:var(--text-muted);}
.rs__pasos span.is-ok{color:var(--ink);font-weight:600;}
.rs__pasos span.is-ok::before{content:"✓ ";}
.rs__acc{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;}
.rs__hecho{margin:12px 0 0;font-size:14.5px;color:var(--ok-text);font-weight:600;min-height:1.5em;}
.au__fin{margin:64px 0 0;font-size:clamp(20px,2.4vw,28px);line-height:1.45;color:var(--ink);max-width:38ch;}

/* ── CON QUÉ APPS LO CONECTO (rejilla de logos tipo erbi.es; iconos de Simple Icons en tinta) ── */
.l3-apps{padding:90px 0;}
.l3-apps h2{font-size:clamp(28px,3.4vw,42px);margin:0 0 30px;}
.ab{border-top:1px solid var(--border-strong);padding-top:22px;}
.ab + .ab{margin-top:34px;}
.ab__h{font-size:clamp(22px,2.4vw,28px);margin:0 0 16px;}
.ab__cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:0 0 16px;}
.ab__cab .ab__h{margin:0;}
.ab__p{margin:0;font-size:16px;color:var(--text-muted);}
.ag{display:grid;grid-template-columns:190px minmax(0,1fr);gap:8px 24px;align-items:start;padding:10px 0;border-top:1px solid var(--border);}
.ag__n{margin:0;padding-top:14px;font-family:var(--font-serif);font-size:17px;text-transform:uppercase;color:var(--ink);}
.ag__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;}
.ap{all:unset;box-sizing:border-box;cursor:pointer;width:100%;height:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:8px 6px;text-align:center;position:relative;transition:background .25s;}
.ap__logo{display:block;width:28px;height:28px;background:var(--ink);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;transition:transform .3s var(--ease);}
.ap__n{font-size:12.5px;line-height:1.2;font-weight:600;color:var(--text);}
.ap--txt .ap__n{font-family:var(--font-serif);font-weight:500;font-size:16.5px;line-height:1.15;color:var(--ink);}
.ap::after{content:"";position:absolute;left:12%;right:12%;bottom:4px;height:2px;background:var(--terra);transform:scaleX(0);transition:transform .35s var(--ease);}
.ap.is-on{background:var(--bg-subtle);}
.ap.is-on::after{transform:scaleX(1);}
.ap.is-on .ap__logo{transform:scale(1.14);}
.ap:focus-visible{outline:2px solid var(--ink);outline-offset:-2px;}
.cx__pide{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:26px;padding:20px 22px;background:var(--bg-subtle);}
.cx__pide-tx{flex:1 1 300px;}
.cx__pide-t{margin:0;font-size:17px;line-height:1.5;color:var(--ink);}
.cx__usa{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:6px 0 0;font-size:13px;color:var(--text-muted);}
.cx__usa[hidden]{display:none;}
.cx__usa-r{display:inline-flex;align-items:center;gap:6px;font-weight:600;text-transform:uppercase;color:var(--ink);font-size:12.5px;}
@media(min-width:981px){
  .ab{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;align-content:start;}
  .ab > .ab__h,.ab > .ab__cab{grid-column:1 / -1;}
  .ag{grid-template-columns:1fr;gap:4px;padding:14px 0 8px;}
  .ag__n{padding-top:0;font-size:16px;}
}
@media(max-width:760px){
  .ag{grid-template-columns:1fr;gap:4px;padding:12px 0 6px;}
  .ag__n{padding-top:0;font-size:15.5px;}
  .ag__l{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;}
  .ap{height:76px;gap:7px;}
  .ap__logo{width:26px;height:26px;}
  .ap__n{font-size:11.5px;}
  .ap--txt .ap__n{font-size:14.5px;}
}
@media(max-width:620px){
  .cx__pide{position:sticky;bottom:0;z-index:20;margin:24px -16px 0;padding:14px 16px;background:#fff;box-shadow:0 -1px 0 var(--border-strong),0 -8px 20px rgba(25,23,18,.06);}
  .cx__pide-t{font-size:15px;}
  .cx__pide .l3-btn{width:100%;}
}

/* ── BRANDING ── */
.l3-br{padding:96px 0;background:var(--dark);color:var(--dark-text);}
.l3-br h2.tt{font-size:clamp(32px,4.4vw,58px);line-height:1;margin:0 0 18px;color:#fff;}
.br__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:start;}
.br__lede{font-size:18px;line-height:1.65;color:var(--dark-text);max-width:48ch;margin:0 0 26px;}
.br__niv{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--dark-border);}
.br__n{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:block;padding:14px 0;border-bottom:1px solid var(--dark-border);position:relative;transition:padding .3s var(--ease);}
.br__nh{display:flex;justify-content:space-between;align-items:baseline;gap:16px;}
.br__nh b{font-family:var(--font-serif);font-weight:500;font-size:20px;text-transform:uppercase;color:#fff;}
.br__np{font-size:22px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;}
.br__nd{display:block;margin-top:4px;font-size:15px;line-height:1.55;color:var(--dark-text);}
.br__n::before{content:"";position:absolute;left:0;top:-1px;height:3px;width:100%;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease);}
.br__n.is-on::before{transform:scaleX(1);}
.br__n.is-on{padding-left:10px;}
.br__n:focus-visible{outline:2px solid #fff;outline-offset:2px;}
.br__cond{margin:0 0 8px;font-size:14.5px;line-height:1.55;color:var(--dark-text-muted);}
.br__cond:last-of-type{margin-bottom:22px;}
.l3-br .l3-btn{background:#fff;color:var(--ink);}
.hoja{background:var(--p,#eee);color:var(--t,#111);padding:30px;min-height:360px;display:grid;grid-template-rows:auto 1fr auto;gap:20px;}
.hoja__k{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;opacity:.75;}
.hoja__k i{font-style:normal;}
.hoja__logo{display:flex;align-items:center;justify-content:center;padding:20px 0;}
.hoja__logo img{max-width:78%;height:auto;}
.hoja__pal{display:flex;height:54px;}
.hoja__pal span{flex:1;background:var(--c);position:relative;}
.hoja__pal span::after{content:attr(data-c);position:absolute;left:6px;bottom:-20px;font-size:11.5px;color:var(--t);opacity:.8;}
.hoja__let{margin:30px 0 0;font-size:13.5px;line-height:1.5;}
@media(max-width:900px){.l3-br{padding:68px 0;}.br__top{grid-template-columns:1fr;gap:34px;}.hoja{padding:22px;}}

/* ── PRECIOS en tres líneas ── */
.l3-pr{padding:96px 0;}
.l3-pr h2.tt{font-size:clamp(32px,4.4vw,58px);line-height:1;margin:0 0 14px;}
.pr__lede{font-size:17px;color:var(--text-muted);margin:0 0 14px;}
.pr__gar{margin:0 0 40px;font-size:16px;line-height:1.6;color:var(--ink);font-weight:600;max-width:60ch;}
.pr__tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;}
.pr__col{border-top:10px solid var(--m);padding-top:20px;}
.pr__col--au{border-top:0;padding-top:0;}
.pr__col--au::before{content:"";display:block;height:10px;margin-bottom:20px;background:linear-gradient(90deg,var(--r-reservas) 0 33.4%,var(--r-google) 33.4% 66.7%,var(--r-resenas) 66.7%);}
.pr__col h3{font-size:clamp(19px,1.8vw,22px);margin:0 0 6px;}
.pr__col > p{margin:0 0 16px;font-size:15px;color:var(--text-muted);line-height:1.55;}
.l3-carta{list-style:none;margin:0;padding:0;}
.l3-carta li{display:flex;align-items:baseline;gap:8px;padding:10px 0;font-size:15.5px;line-height:1.4;color:var(--text);border-bottom:1px solid var(--border);transition:background .25s,padding .25s var(--ease);}
.l3-carta li .pu{flex:1;border-bottom:1px dotted var(--border-strong);transform:translateY(-4px);min-width:16px;}
.l3-carta li b{color:var(--ink);font-weight:600;white-space:nowrap;}
.l3-carta li small{display:block;font-size:13px;color:var(--text-muted);text-transform:none;font-weight:400;letter-spacing:0;}
.l3-carta li.sub-t{font-size:13px;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:0;padding-top:16px;}
.l3-carta a{color:inherit;}
.l3-carta .pn{font-weight:600;color:var(--ink);text-transform:uppercase;font-size:14.5px;letter-spacing:.01em;}
.pr__colnota{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--text-muted);}
.cuota{margin:44px 0 0;padding:26px 0 0;border-top:10px solid var(--ink);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:10px 40px;align-items:start;}
.cuota__h{margin:0;font-size:clamp(24px,2.8vw,34px);line-height:1.05;}
.cuota__p{margin:0;font-size:16.5px;line-height:1.6;color:var(--text);}
.pr__fin{margin:36px 0 0;font-size:15px;color:var(--text-muted);}
@media(max-width:980px){.pr__tres{grid-template-columns:1fr;gap:44px;}}
@media(max-width:820px){.cuota{grid-template-columns:1fr;}}

/* Hover solo con ratón */
@media (hover:hover) and (pointer:fine){
  .l3-btn:hover{background:#000;transform:translateY(-1px);}
  .l3-br .l3-btn:hover{background:var(--terra-soft);}
  .l3-a:hover{color:var(--terra-link);}
  .ln__f:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(25,23,18,.08);}
  .lv:hover .lv__toca{background:#000;}
  .ramas button:hover{color:var(--ink);}
  .sub button:hover{color:var(--ink);}
  .ap:hover{background:var(--bg-subtle);}
  .br__n:hover{padding-left:10px;}
  .l3-carta li:hover{background:var(--bg-subtle);padding-left:6px;padding-right:6px;}
}
@media(prefers-reduced-motion:reduce){
  .l3 *{transition:none !important;}
  .l3-salta,.lv__tel.lv-sale,.lv.is-gira .lv__ico{animation:none;}
}
.ap--txt .ap__n{overflow-wrap:anywhere;}
@media(max-width:760px){.ap--txt .ap__n{font-size:13.5px;}}

/* 28/10: automatizaciones.html y branding.html (antes en la portada): la primera sección deja sitio al menú */
.l3-pag{padding-top:clamp(128px,15vw,168px);}
.l3-pag h1.tt{font-size:clamp(34px,5vw,64px);line-height:1;margin:0;}
.l3-br.l3-pag h1.tt{color:#fff;margin-bottom:18px;}

/* 28/10 (Oier): el branding con los colores de la web: fondo claro, tinta y terracota, como el resto */
.l3-br{background:var(--bg-subtle);color:var(--text);border-top:1px solid var(--border);}
.l3-br h2.tt,.l3-br.l3-pag h1.tt{color:var(--ink);}
.br__lede{color:var(--text);}
.br__niv{border-top-color:var(--border-strong);}
.br__n{border-bottom-color:var(--border-strong);}
.br__nh b,.br__np{color:var(--ink);}
.br__nd{color:var(--text);}
.br__cond{color:var(--text-muted);}
.br__n:focus-visible{outline-color:var(--ink);}
.l3-br .l3-btn{background:var(--ink);color:#fff;}
.hoja{border:1px solid var(--border-strong);}
.hoja__marca{display:block;width:78%;aspect-ratio:585/262;background:var(--terra);-webkit-mask:url(/demos/muestras/hauspo-jatetxea/marca/hauspo-logo.svg) center/contain no-repeat;mask:url(/demos/muestras/hauspo-jatetxea/marca/hauspo-logo.svg) center/contain no-repeat;}
.hoja__pal span:nth-child(2){outline:1px solid var(--border-strong);}
@media (hover:hover) and (pointer:fine){.l3-br .l3-btn:hover{background:#000;}}