@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/gloock-normal-latin-ext.woff2) format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Gloock';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/gloock-normal-latin.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400 600;font-display:swap;src:url(../fonts/schibstedgrotesk-italic-latin-ext.woff2) format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Schibsted Grotesk';font-style:italic;font-weight:400 600;font-display:swap;src:url(../fonts/schibstedgrotesk-italic-latin.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibstedgrotesk-normal-latin-ext.woff2) format("woff2");unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/schibstedgrotesk-normal-latin.woff2) format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* =====================================================================
   Sweet Dream · «El azulejo que gira»
   THESIS: el azulejo de Talavera es la unidad: las fotos llegan como mosaico
   que gira, las secciones se cosen con cenefas. Nada de plantilla de hotel.
   OWN-WORLD: cobalto de Talavera en campos grandes, esmalte de estaño para
   leer, amarillo de Talavera solo para la acción. Gloock + Schibsted Grotesk.
   STORY: empresa (o grupo) entiende en 3 s qué es, dónde, para cuántos, y
   reserva: llamar o dejar datos. El CTA vuelve cada 1-2 secciones.
   FIRST VIEWPORT: cielo cobalto con nubes; H1 a la izquierda con 2 CTAs;
   ventana en arco a la derecha con el mosaico de fotos reales; 4 datos abajo.
   FORM: mosaico de azulejos (focal) + composición azulejo a azulejo con scroll.
   ===================================================================== */

:root{
  --cobalto:#1d3f9e;
  --cobalto-2:#2a52bd;
  --cielo:#7fa7e3;
  --noche:#0c1a47;
  --noche-2:#13265f;
  --esmalte:#f7f6f1;
  --esmalte-2:#eeece4;
  --blanco:#ffffff;
  --oro:#f3b51c;
  --oro-2:#f8c544;
  --turquesa:#55b8d9;
  --turquesa-2:#8fd0e6;
  --cobre:#2e7a54;
  --manganeso:#4a2a1e;
  --tinta:#121d45;
  --tinta-80:rgba(18,29,69,.8);
  --tinta-60:rgba(18,29,69,.64);
  --tinta-15:rgba(18,29,69,.15);
  --claro-80:rgba(247,246,241,.84);
  --claro-60:rgba(247,246,241,.66);
  --claro-20:rgba(247,246,241,.2);
  --ease:cubic-bezier(.16,1,.3,1);
  --g:clamp(16px,4vw,56px);
  --ancho:1320px;
  --cab:76px;
  --disp:'Gloock',Georgia,'Times New Roman',serif;
  --sans:'Schibsted Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* azulejo de patrón: flor + cuartos de círculo en las esquinas */
  --patron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23f7f6f1' stroke-width='1'%3E%3Cpath d='M0 .5h80M.5 0v80'/%3E%3Cpath d='M0 18a18 18 0 0 0 18-18M62 0a18 18 0 0 0 18 18M80 62a18 18 0 0 0-18 18M18 80A18 18 0 0 0 0 62'/%3E%3Cpath d='M40 22c-4 5-6 8-6 10.5a6 6 0 0 0 12 0C46 30 44 27 40 22ZM58 40c-5-4-8-6-10.5-6a6 6 0 0 0 0 12c2.5 0 5.5-2 10.5-6ZM40 58c4-5 6-8 6-10.5a6 6 0 0 0-12 0C34 50 36 53 40 58ZM22 40c5 4 8 6 10.5 6a6 6 0 0 0 0-12C30 34 27 36 22 40Z'/%3E%3C/g%3E%3C/svg%3E");
  --cenefa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 36'%3E%3Crect width='64' height='36' fill='%231d3f9e'/%3E%3Cpath d='M0 3.5h64M0 32.5h64' stroke='%23e3a72f' stroke-width='1.4'/%3E%3Cpath d='M32 8c-3 4-4.5 6-4.5 8a4.5 4.5 0 0 0 9 0c0-2-1.5-4-4.5-8ZM32 28c3-4 4.5-6 4.5-8a4.5 4.5 0 0 0-9 0c0 2 1.5 4 4.5 8Z' fill='%23f7f6f1'/%3E%3Cpath d='M0 18 8 10l8 8-8 8ZM64 18l-8-8-8 8 8 8Z' fill='none' stroke='%23f7f6f1' stroke-width='1.2'/%3E%3Ccircle cx='32' cy='18' r='1.8' fill='%23e3a72f'/%3E%3C/svg%3E");
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--cab) + 16px)}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{font-family:var(--sans);font-size:clamp(16px,1.05vw,17.5px);line-height:1.62;color:var(--tinta);background:var(--esmalte);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--oro);color:var(--noche)}
:focus-visible{outline:2px solid var(--oro);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:fixed;left:12px;top:-60px;z-index:200;background:var(--oro);color:var(--noche);padding:10px 16px;font-weight:700;text-decoration:none;transition:top .2s}
.saltar:focus{top:12px}
.ico{width:22px;height:22px;flex:none}
.ico--s{width:18px;height:18px}
.flor{width:34px;height:34px;color:var(--cobalto);display:block}

/* ---------------- botones baldosa ---------------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;font-family:var(--sans);font-weight:700;font-size:15.5px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform .35s var(--ease),background-color .3s,color .3s,box-shadow .35s var(--ease);isolation:isolate}
.btn::after{content:"";position:absolute;inset:4px;border:1px solid currentColor;opacity:.32;pointer-events:none;transition:inset .35s var(--ease),opacity .3s}
.btn:hover::after{inset:6px;opacity:.6}
.btn:active{transform:scale(.97)}
.btn .ico{transition:transform .35s var(--ease)}
.btn:hover .ico{transform:translateX(3px)}
.btn--oro{background:var(--oro);color:var(--noche);box-shadow:0 10px 24px -12px rgba(140,90,10,.75)}
.btn--oro:hover{background:var(--oro-2);box-shadow:0 16px 30px -14px rgba(140,90,10,.85);transform:translateY(-2px)}
.btn--linea{color:currentColor;background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.btn--linea::after{display:none}
.btn--linea:hover{background:currentColor}
.btn--linea:hover>*{color:var(--cobalto)}
.hero .btn--linea:hover>*,.phero .btn--linea:hover>*,.lhero .btn--linea:hover>*{color:var(--cobalto)}
.btn--claro{background:var(--esmalte);color:var(--cobalto)}
.btn--claro:hover{background:var(--blanco);transform:translateY(-2px)}
.btn--peq{min-height:44px;padding:0 16px;font-size:14px}
.btn--cab{min-height:44px;padding:0 18px;font-size:14.5px}

.enlace{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--cobalto);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:3px;transition:gap .35s var(--ease),color .3s}
.enlace:hover{gap:14px}
.enlace--claro,.quien .enlace{color:var(--esmalte)}

/* ---------------- baldosa (icono en azulejo) ---------------- */
.baldosa{position:relative;display:inline-grid;place-items:center;width:52px;height:52px;flex:none;background:var(--esmalte);color:var(--cobalto);box-shadow:inset 0 0 0 1px var(--tinta-15)}
.baldosa::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 0 0,transparent 9px,var(--cobalto) 9.5px,var(--cobalto) 10.5px,transparent 11px),
  radial-gradient(circle at 100% 0,transparent 9px,var(--cobalto) 9.5px,var(--cobalto) 10.5px,transparent 11px),
  radial-gradient(circle at 0 100%,transparent 9px,var(--cobalto) 9.5px,var(--cobalto) 10.5px,transparent 11px),
  radial-gradient(circle at 100% 100%,transparent 9px,var(--cobalto) 9.5px,var(--cobalto) 10.5px,transparent 11px);opacity:.55}
.baldosa .ico{width:24px;height:24px;position:relative}

/* ---------------- cenefa ---------------- */
.cenefa{height:30px;background:var(--cenefa) repeat-x 0 0/54px 30px;position:relative;z-index:3}

/* ---------------- tipografía de bloque ---------------- */
.tit{font-family:var(--disp);font-weight:400;font-size:clamp(2.05rem,4.1vw,3.7rem);line-height:1.04;letter-spacing:-.012em;max-width:20ch;text-wrap:balance}
.tit--claro{color:var(--esmalte)}
[data-split] .linea{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
[data-split] .linea>span{display:block}

/* ================= CABECERA ================= */
.cab{position:fixed;inset:0 0 auto;z-index:90;height:var(--cab);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 var(--g);color:var(--esmalte);transition:background-color .45s var(--ease),color .45s var(--ease),transform .5s var(--ease),box-shadow .45s}
.cab--solida{background:rgba(247,246,241,.94);color:var(--tinta);box-shadow:0 1px 0 var(--tinta-15);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.cab--oculta{transform:translateY(-100%)}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.marca__flor{width:34px;height:34px;color:currentColor;transition:transform 1s var(--ease)}
.marca:hover .marca__flor{transform:rotate(90deg)}
.marca__txt{font-family:var(--disp);font-size:23px;line-height:1;letter-spacing:-.01em}
.marca__txt small{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;margin-top:5px;opacity:.75;font-weight:600}
.cab__nav{display:flex;gap:clamp(14px,2vw,30px)}
.cab__nav a{position:relative;text-decoration:none;font-size:15px;font-weight:600;padding:6px 0}
.cab__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.cab__nav a:hover::after,.cab__nav a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.cab__acc{display:flex;align-items:center;gap:14px}
.cab__tel{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:15px;font-variant-numeric:tabular-nums;padding:8px 2px}
.cab__tel:hover span{text-decoration:underline;text-underline-offset:4px}
.cab__menu{display:none;width:46px;height:46px;position:relative}
.cab__menu span:not(.sr){position:absolute;left:11px;right:11px;height:1.6px;background:currentColor;transition:transform .45s var(--ease),top .45s var(--ease)}
.cab__menu span:nth-child(1){top:18px}.cab__menu span:nth-child(2){top:27px}
.cab__menu[aria-expanded="true"] span:nth-child(1){top:22px;transform:rotate(45deg)}
.cab__menu[aria-expanded="true"] span:nth-child(2){top:22px;transform:rotate(-45deg)}
.menu-abierto .cab{color:var(--esmalte);background:transparent;box-shadow:none;backdrop-filter:none}
.cab--lp .cab__acc .btn{color:inherit}

.menu{position:fixed;inset:0;z-index:80;background:var(--cobalto);color:var(--esmalte);display:flex;flex-direction:column;justify-content:center;padding:calc(var(--cab) + 20px) var(--g) 40px;overflow:auto}
.menu[hidden]{display:none}
.menu__mosaico{position:absolute;inset:0;background:var(--patron) 0 0/80px 80px;opacity:.12;pointer-events:none}
.menu__nav{position:relative;display:flex;flex-direction:column;gap:4px}
.menu__nav a{font-family:var(--disp);font-size:clamp(2.1rem,9vw,3.4rem);line-height:1.12;text-decoration:none}
.menu__pie{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}

@media (max-width:1180px){.cab__nav{display:none}.cab__menu{display:block}}
@media (max-width:640px){.cab__tel span{display:none}.cab__tel{padding:10px}.cab .btn--cab{display:none}.marca__txt{font-size:20px}}

/* ================= CIELO COMPARTIDO ================= */
.hero,.phero,.bhero,.chero,.lhero{position:relative;overflow:hidden;color:var(--esmalte);background:linear-gradient(180deg,#14348a 0%,var(--cobalto) 38%,#3a68c9 72%,#86ade6 100%)}
.hero__cielo,.phero__cielo,.chero__cielo,.lhero__cielo{position:absolute;inset:0;pointer-events:none;z-index:0}
.nube{position:absolute;width:auto;max-width:none;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 55%,transparent 100%);will-change:transform;transition:filter 1.4s var(--ease),opacity 1.4s var(--ease)}
.hero .nube--1{width:min(1100px,90vw);left:-18%;top:6%;opacity:.55}
.hero .nube--2{width:min(1300px,110vw);right:-30%;top:34%;opacity:.5}
.hero .nube--3{width:min(1400px,120vw);left:-20%;bottom:-16%;opacity:.7}
.phero .nube--1,.lhero .nube--1,.chero .nube--1{width:min(1200px,100vw);left:-25%;top:10%;opacity:.45}
.phero .nube--2,.lhero .nube--2{width:min(1300px,110vw);right:-35%;bottom:-20%;opacity:.6}
.hero__sol{position:absolute;width:min(34vw,420px);aspect-ratio:1;right:6%;top:4%;border-radius:50%;background:radial-gradient(circle,rgba(255,240,205,.5) 0%,rgba(255,226,170,.16) 36%,transparent 68%);transition:transform 1.6s var(--ease),background 1.6s var(--ease)}
.hero__patron{position:absolute;inset:auto 0 0 0;height:42%;background:var(--patron) 0 0/88px 88px;opacity:.07;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);z-index:1;pointer-events:none}
.hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#050b26 0%,#1b1f57 34%,#5b3a6b 66%,#d38a58 100%);opacity:0;transition:opacity 1.6s var(--ease)}
.hero--noche::before{opacity:1}
.hero--noche .nube{filter:brightness(.55) sepia(.35) hue-rotate(-18deg) saturate(.9)}
.hero--noche .hero__sol{transform:translate(-30%,55%) scale(.6);background:radial-gradient(circle,rgba(255,214,160,.95) 0%,rgba(236,140,80,.42) 26%,transparent 62%)}

/* piezas de hero compartidas */
.hero__lugar{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;letter-spacing:.02em;color:var(--claro-80);margin-bottom:22px}
.hero__sub{margin-top:26px;font-size:clamp(17px,1.35vw,20px);line-height:1.55;max-width:44ch;color:var(--claro-80)}
.hero__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero__micro{margin-top:16px;font-size:13.5px;color:var(--claro-60)}
.hero__datos{position:relative;z-index:2;list-style:none;width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--g) clamp(26px,4vh,44px);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,2vw,28px)}
.hero__datos li{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--claro-20);font-size:15px;color:var(--claro-80)}
.hero__datos b{display:block;font-family:var(--disp);font-weight:400;font-size:22px;color:var(--esmalte);line-height:1.1}
.hero__datos .baldosa{width:46px;height:46px}

/* ================= HERO (inicio): foto a sangre + rótulo de azulejo ================= */
.p-inicio .hero{background:var(--noche);min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:var(--cab)}
.p-inicio .hero::before{display:none}
.hero__foto{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero__foto .mosaico--fondo{position:absolute;inset:0;aspect-ratio:auto;height:auto;--vacio:#0c1a47;background:var(--noche)}
.hero__foto .mosaico--fondo .tesela{perspective:1100px}
.hero__velo{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(8,14,40,.82) 0%,rgba(8,14,40,.55) 34%,rgba(8,14,40,.08) 62%,rgba(8,14,40,0) 100%),
  linear-gradient(0deg,rgba(8,14,40,.9) 0%,rgba(8,14,40,.35) 26%,rgba(8,14,40,0) 48%),
  linear-gradient(180deg,rgba(8,14,40,.55) 0%,rgba(8,14,40,0) 18%)}
.p-inicio .hero__in{position:relative;z-index:2;display:block;flex:none;width:100%;max-width:var(--ancho);margin:0 auto;padding:clamp(24px,5vh,60px) var(--g) clamp(26px,4vh,44px)}
.rotulo{position:relative;display:inline-block;max-width:min(640px,100%);background:var(--esmalte);color:var(--cobalto);padding:clamp(24px,2.8vw,38px) clamp(26px,3.2vw,46px) clamp(26px,3vw,40px);box-shadow:0 36px 70px -30px rgba(0,0,0,.7),0 2px 0 rgba(0,0,0,.1);transform-origin:50% 0}
.rotulo::before{content:"";position:absolute;inset:9px;border:2px solid var(--cobalto);pointer-events:none}
.rotulo::after{content:"";position:absolute;inset:15px;border:1px solid rgba(29,63,158,.3);pointer-events:none}
.rotulo__esq{position:absolute;width:24px;height:24px;color:var(--cobalto);background:var(--esmalte);padding:2px;z-index:1;--flor-centro:var(--oro)}
.rotulo__esq--1{left:-2px;top:-2px}.rotulo__esq--2{right:-2px;top:-2px}.rotulo__esq--3{left:-2px;bottom:-2px}.rotulo__esq--4{right:-2px;bottom:-2px}
.rotulo__calle{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--cobalto)}
.rotulo__calle i{width:6px;height:6px;background:var(--oro);transform:rotate(45deg)}
.rotulo__t{font-weight:400}
.rotulo__k{display:block;margin:16px 0 10px;font-family:var(--sans);font-weight:700;font-size:clamp(15px,1.15vw,17.5px);letter-spacing:.005em;color:var(--tinta-80)}
.rotulo__h{display:block;font-family:var(--disp);font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:.98;letter-spacing:-.02em;color:var(--noche);text-wrap:balance;max-width:12ch}
.p-inicio .hero__sub{margin-top:clamp(20px,3vh,30px);max-width:52ch;color:var(--claro-80);font-size:clamp(16.5px,1.25vw,19px);text-shadow:0 1px 18px rgba(0,0,0,.35)}
.p-inicio .hero__sub b{color:var(--esmalte);font-weight:700}
.p-inicio .hero__acc{margin-top:24px}
.p-inicio .hero__micro{margin-top:14px;color:var(--claro-60)}
.btn--blanco{color:var(--esmalte)}
.btn--blanco:hover>*{color:var(--noche)!important}
.hero__pie{position:relative;z-index:2;width:100%;max-width:var(--ancho);margin:0 auto;padding:0 var(--g) clamp(22px,3.4vh,36px);display:grid;grid-template-columns:1fr auto;gap:20px 50px;align-items:end}
.p-inicio .hero__datos{padding:0;max-width:none;margin:0;grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(14px,2.4vw,38px)}
.p-inicio .hero__datos li{border-top:1px solid var(--claro-20);padding-top:14px}
.p-inicio .hero__datos .baldosa{width:40px;height:40px}
.p-inicio .hero__datos b{font-size:19px}
.hero__slide{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:4px 10px;color:var(--claro-80);font-size:13.5px;min-width:300px}
.hero__n{font-family:var(--disp);font-size:24px;color:var(--esmalte)}
.hero__tot{color:var(--claro-60)}
.hero__pief{font-weight:600;justify-self:end;text-align:right}
.hero__barras{grid-column:1/-1;display:grid;grid-auto-flow:column;gap:6px;margin-top:8px}
.hero__barras i{display:block;height:2px;background:var(--claro-20);position:relative;overflow:hidden}
.hero__barras i::after{content:"";position:absolute;inset:0;background:var(--oro);transform:scaleX(0);transform-origin:left}
.hero__barras i.hecho::after{transform:scaleX(1)}
.hero__barras i.on::after{animation:barra var(--dur,5.2s) linear forwards}
@keyframes barra{to{transform:scaleX(1)}}
@media (max-width:1100px){.hero__pie{grid-template-columns:1fr}.hero__slide{display:none}}
@media (max-width:899px){
  .p-inicio .hero{justify-content:flex-end}
  .p-inicio .hero__in{padding-top:min(30vh,260px)}
  .p-inicio .hero__micro{display:none}
  .hero__foto{bottom:auto;height:70%}
  .hero__velo{background:linear-gradient(0deg,rgba(8,14,40,.96) 0%,rgba(8,14,40,.75) 42%,rgba(8,14,40,.1) 70%,rgba(8,14,40,.45) 100%)}
  .rotulo{padding:22px 22px 24px}
  .rotulo__h{font-size:clamp(2.1rem,9.4vw,3rem)}
  .rotulo__calle{font-size:10.5px;letter-spacing:.16em}
  .p-inicio .hero__datos{grid-template-columns:1fr 1fr;gap:0 14px}
  .p-inicio .hero__datos li{padding:12px 0}
}

/* ventana en arco con marco de esmalte */
.ventana{position:relative;padding:10px;background:var(--esmalte);border-radius:999px 999px 4px 4px / 46% 46% 4px 4px;box-shadow:0 40px 80px -30px rgba(4,12,48,.6),0 0 0 1px rgba(227,167,47,.55),0 0 0 7px rgba(247,246,241,.12)}
.ventana .mosaico{border-radius:999px 999px 2px 2px / 46% 46% 2px 2px}
.ventana__pie{display:flex;align-items:baseline;gap:10px;padding:12px 8px 4px;color:var(--tinta);font-size:13.5px}
.ventana__n{font-family:var(--disp);font-size:20px;color:var(--cobalto);font-variant-numeric:tabular-nums}
.ventana__l{flex:1;font-weight:600}
.ventana__total{color:var(--tinta-60)}
.conmutador{position:absolute;right:-6px;top:-6px;transform:translateY(-100%);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--claro-60)}
.conmutador button{padding:8px 2px;color:var(--claro-60);transition:color .4s}
.conmutador button[aria-pressed="true"]{color:var(--esmalte)}
.conmutador i{display:block;width:36px;height:1px;background:var(--claro-20);position:relative}
.conmutador i::after{content:"";position:absolute;left:0;top:-1px;width:50%;height:3px;background:var(--oro);transition:transform .7s var(--ease)}
.hero--noche .conmutador i::after{transform:translateX(100%)}

/* ================= MOSAICO ================= */
.mosaico{position:relative;overflow:hidden;background:var(--esmalte-2);aspect-ratio:4/5;isolation:isolate}
.mosaico__base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mosaico__rejilla{position:absolute;inset:0;display:grid;pointer-events:none;z-index:2}
.tesela{position:relative;perspective:700px}
.tesela__in{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.tesela__c{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-repeat:no-repeat}
.tesela__c--b{transform:rotateY(180deg)}
.mosaico:not(.girando) .mosaico__rejilla{display:none}
.mosaico.girando .mosaico__base{visibility:hidden}
.mosaico--hero{aspect-ratio:4/4.9}
.mosaico--motivos{aspect-ratio:4/4.6}

/* ================= POR DENTRO (scroll) ================= */
.dentro{position:relative;background:var(--noche);color:var(--esmalte)}
.dentro__pin{position:relative;height:100svh;min-height:600px;overflow:hidden}
.dentro__img{position:absolute;inset:0}
.dentro__img>img{width:100%;height:100%;object-fit:cover}
.dentro__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,48,.88) 0%,rgba(8,16,48,.55) 42%,rgba(8,16,48,0) 72%);z-index:3}
.dentro__rejilla{position:absolute;inset:0;display:grid;z-index:2;pointer-events:none}
.dentro__rejilla .tesela{perspective:900px}
.dentro__rejilla .tesela__c--a{background:var(--cobalto);box-shadow:inset 0 0 0 1px rgba(247,246,241,.1)}
.dentro__rejilla .tesela__c--a::before,.cortina i::before{content:"";position:absolute;inset:0;background:var(--patron) 0 0/100% 100%;opacity:.16}
.dentro__txt{position:absolute;z-index:4;left:var(--g);bottom:clamp(40px,10vh,110px);max-width:min(560px,86vw)}
.dentro__t{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,3.8vw,3.5rem);line-height:1.04;letter-spacing:-.012em;text-wrap:balance}
.dentro__txt p{margin:22px 0 30px;color:var(--claro-80);max-width:46ch}

/* ================= MOTIVOS (pegajoso) ================= */
.motivos{padding:clamp(80px,12vh,150px) var(--g)}
.motivos__in{max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,6vw,110px);align-items:start}
.motivos__fijo{position:sticky;top:calc(var(--cab) + 4vh)}
.ventana--motivos{max-width:520px;margin:0 auto}
.motivos__lista .tit{margin-bottom:clamp(30px,5vh,60px)}
.motivo{display:grid;grid-template-columns:auto 1fr;column-gap:22px;padding:clamp(26px,5vh,48px) 0;border-top:1px solid var(--tinta-15);transition:opacity .6s var(--ease)}
.motivo .baldosa{grid-row:span 2}
.motivo h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.1}
.motivo p{margin-top:10px;color:var(--tinta-80);max-width:50ch}
/* el que no está activo se apaga sin perder contraste del texto */
.js-anim .motivo .baldosa{transition:opacity .6s var(--ease)}
.js-anim .motivo:not(.activo) .baldosa{opacity:.45}
.js-anim .motivo:not(.activo) h3{color:var(--tinta-80)}
.motivo.activo .baldosa{background:var(--cobalto);color:var(--esmalte)}
.motivo.activo .baldosa::before{opacity:.25;filter:invert(1)}
.motivos__acc{padding-top:30px;border-top:1px solid var(--tinta-15)}

/* ================= QUIÉN ================= */
.quien{position:relative;background:var(--cobalto);color:var(--esmalte);padding:clamp(80px,12vh,150px) var(--g);overflow:hidden}
.quien::before{content:"";position:absolute;inset:0;background:var(--patron) 0 0/96px 96px;opacity:.1}
.quien__in{position:relative;max-width:var(--ancho);margin:0 auto}
.quien__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,80px);margin-top:clamp(40px,6vh,70px)}
.quien__col{padding-top:28px;border-top:1px solid var(--claro-20)}
.quien__col h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.08;margin-bottom:22px}
.lista-flor{list-style:none;display:grid;gap:12px;margin-bottom:28px}
.lista-flor li{position:relative;padding-left:30px;color:var(--claro-80);font-size:17px}
.lista-flor li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:14px;background:var(--oro);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.quien__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(40px,6vh,64px)}

/* ================= PASOS ================= */
.pasos{padding:clamp(80px,12vh,150px) var(--g);background:var(--esmalte)}
.pasos__in{max-width:var(--ancho);margin:0 auto}
.pasos__ruta{position:relative;margin-top:clamp(40px,7vh,80px)}
.pasos__linea{position:absolute;left:0;right:0;top:0;width:100%;height:56px;color:var(--oro);overflow:visible}
.pasos__lista{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);position:relative}
.pasos__n{display:grid;place-items:center;width:58px;height:58px;font-family:var(--disp);font-size:28px;background:var(--cobalto);color:var(--esmalte);margin-bottom:26px;box-shadow:0 0 0 5px var(--esmalte),0 0 0 6px var(--tinta-15)}
.pasos__lista h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.4rem,1.9vw,1.8rem);line-height:1.1;margin-bottom:10px}
.pasos__lista p{color:var(--tinta-80);max-width:36ch}
.pasos__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(40px,6vh,64px)}
.pasos .btn--linea{color:var(--cobalto)}
.pasos .btn--linea:hover>*{color:var(--esmalte)}

/* ================= GALERÍA horizontal ================= */
.galeria{background:var(--noche);color:var(--esmalte);overflow:hidden}
.galeria__pin{min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,10vh,110px) 0}
.galeria__cab{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 40px;width:min(var(--ancho),calc(100% - 2*var(--g)));margin:0 auto clamp(24px,4vh,40px)}
.galeria__cab p{order:3}
.galeria__cab .enlace{order:4}
.galeria__cab .tit{flex:1 1 auto}
.galeria__cab p{color:var(--claro-60);flex-basis:100%}
.galeria__pista{display:flex;align-items:center;gap:clamp(16px,2vw,28px);padding:0 var(--g) 0 max(var(--g),calc((100vw - var(--ancho))/2));width:max-content;will-change:transform}
.galeria__f{flex:none}
.galeria__m{display:block;overflow:hidden;height:min(54vh,520px);aspect-ratio:3/2;box-shadow:0 0 0 1px var(--claro-20)}
.galeria__f--alta .galeria__m{aspect-ratio:4/5;height:min(62vh,600px)}
.galeria__m img{width:100%;height:100%;object-fit:cover}
.galeria__f figcaption{margin-top:12px;font-size:14px;color:var(--claro-60)}
.galeria__fin{flex:none;width:clamp(260px,26vw,380px);display:grid;place-items:center;align-self:stretch}
@media (max-width:899px){.galeria__pista{overflow-x:auto;width:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.galeria__f{scroll-snap-align:center}.galeria__m{height:auto;width:80vw}.galeria__f--alta .galeria__m{height:auto;width:64vw}.galeria__fin{width:80vw}}

/* ================= TALAVERA / blog en home ================= */
.talavera{padding:clamp(80px,12vh,150px) var(--g)}
.talavera__in{max-width:var(--ancho);margin:0 auto}
.talavera__cab{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;align-items:end;margin-bottom:clamp(36px,6vh,64px)}
.talavera__cab p{color:var(--tinta-80);max-width:50ch}
.talavera__cab .enlace{grid-column:2;justify-self:start}
.talavera__arts{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(3,auto);gap:clamp(20px,2.4vw,36px)}
.talavera__arts .art--grande{grid-row:span 3}
.talavera__arts .art:not(.art--grande){display:grid;grid-template-columns:42% 1fr;gap:20px;align-items:center}

.art{position:relative}
.art__img{display:block;overflow:hidden;background:var(--esmalte-2)}
.art__img img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.1s var(--ease)}
.art--grande .art__img img{aspect-ratio:4/3.3}
.art:hover .art__img img{transform:scale(1.045)}
.art__txt{padding-top:16px}
.talavera__arts .art:not(.art--grande) .art__txt{padding-top:0}
.art__cat{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--cobalto)}
.art__t{font-family:var(--disp);font-weight:400;font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.15;margin-top:6px;text-wrap:balance}
.art--grande .art__t{font-size:clamp(1.7rem,2.6vw,2.4rem)}
.art__t a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;transition:background-size .6s var(--ease)}
.art__t a::after{content:"";position:absolute;inset:0}
.art:hover .art__t a{background-size:100% 1.5px}
.art p{margin-top:10px;color:var(--tinta-80)}

/* ================= FAQ ================= */
.faq{padding:clamp(80px,12vh,140px) var(--g);background:var(--esmalte-2)}
.faq__in{max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,100px);align-items:start}
.faq__cab{position:sticky;top:calc(var(--cab) + 30px)}
.faq__cab p{margin-top:18px;color:var(--tinta-80)}
.faq__cab a{font-weight:700;color:var(--cobalto)}
.faq__i{border-top:1px solid var(--tinta-15)}
.faq__i:last-child{border-bottom:1px solid var(--tinta-15)}
.faq__i summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-weight:700;font-size:clamp(17px,1.25vw,19px);line-height:1.35}
.faq__i summary::-webkit-details-marker{display:none}
.faq__i summary i{position:relative;width:26px;height:26px;flex:none;border:1px solid var(--tinta-15);transition:background .3s,border-color .3s}
.faq__i summary i::before,.faq__i summary i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:var(--cobalto);transform:translate(-50%,-50%);transition:transform .45s var(--ease)}
.faq__i summary i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq__i[open] summary i{background:var(--cobalto);border-color:var(--cobalto)}
.faq__i[open] summary i::before,.faq__i[open] summary i::after{background:var(--esmalte)}
.faq__i[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.faq__i summary:hover span{color:var(--cobalto)}
.faq__r{overflow:hidden}
.faq__r p{padding:0 50px 26px 0;color:var(--tinta-80);max-width:62ch}

/* ================= PROPUESTA (formulario) ================= */
.prop{position:relative;background:var(--cobalto);color:var(--esmalte);padding:clamp(80px,12vh,140px) var(--g);overflow:hidden;scroll-margin-top:var(--cab)}
.prop::before{content:"";position:absolute;inset:0;background:var(--patron) 0 0/96px 96px;opacity:.09}
.prop__in{position:relative;max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,100px);align-items:start}
.prop__txt .flor{color:var(--oro);margin-bottom:26px;--flor-centro:var(--cobalto)}
.prop__t{font-family:var(--disp);font-weight:400;font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.05;letter-spacing:-.012em;text-wrap:balance}
.prop__intro{margin-top:22px;color:var(--claro-80);max-width:44ch;font-size:clamp(16.5px,1.2vw,18.5px)}
.prop__garantias{list-style:none;margin-top:32px;display:grid;gap:12px}
.prop__garantias li{display:flex;align-items:center;gap:12px;color:var(--claro-80)}
.prop__garantias .ico{color:var(--oro)}
.prop__garantias a{color:var(--esmalte);font-weight:700}
.form{position:relative;background:var(--esmalte);color:var(--tinta);padding:clamp(26px,3.4vw,46px);display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;box-shadow:0 40px 80px -30px rgba(4,12,48,.6)}
.form::before{content:"";position:absolute;inset:8px;border:1px solid rgba(29,63,158,.22);pointer-events:none}
.form__tipo{grid-column:1/-1;border:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form__tipo legend{font-size:13.5px;font-weight:700;margin-bottom:8px;color:var(--tinta-80)}
.form__tipo label{position:relative;cursor:pointer}
.form__tipo input{position:absolute;opacity:0;pointer-events:none}
.form__tipo span{display:flex;align-items:center;justify-content:center;min-height:50px;padding:0 12px;font-weight:700;box-shadow:inset 0 0 0 1.5px var(--tinta-15);transition:background .3s,color .3s,box-shadow .3s;text-align:center}
.form__tipo input:checked+span{background:var(--cobalto);color:var(--esmalte);box-shadow:inset 0 0 0 1.5px var(--cobalto)}
.form__tipo input:focus-visible+span{outline:2px solid var(--oro);outline-offset:2px}
.campo{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:700;color:var(--tinta-80)}
.campo em{font-style:normal;font-weight:500;color:var(--tinta-60)}
.campo--ancho{grid-column:1/-1}
.campo input,.campo select,.campo textarea{font:inherit;font-size:16.5px;font-weight:500;color:var(--tinta);background:var(--blanco);border:0;box-shadow:inset 0 0 0 1px var(--tinta-15);padding:13px 14px;min-height:50px;border-radius:0;transition:box-shadow .3s;width:100%}
.campo textarea{resize:vertical;min-height:84px}
.campo select{appearance:none;background:var(--blanco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231d3f9e' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--cobalto)}
.campo input::placeholder,.campo textarea::placeholder{color:rgba(18,29,69,.55)}
.campo.error input,.campo.error select{box-shadow:inset 0 0 0 2px #b3261e}
.campo .msg{font-weight:600;color:#b3261e;font-size:13px}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form__legal{grid-column:1/-1;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--tinta-80);cursor:pointer}
.form__legal input{width:20px;height:20px;margin-top:2px;accent-color:var(--cobalto);flex:none}
.form__legal a{color:var(--cobalto);font-weight:700}
.form__legal.error span{color:#b3261e}
.btn--envio{grid-column:1/-1;min-height:60px;font-size:17px}
.btn--envio[disabled]{opacity:.65;pointer-events:none}
.form__estado{grid-column:1/-1;font-size:14px;font-weight:600;min-height:1.4em}
.form__estado.ok{color:var(--cobre)}
.form__estado.mal{color:#b3261e}
.prop--compacto{padding:0;background:none;overflow:visible}
.prop--compacto::before{display:none}
.prop--compacto .prop__in{display:block}
.prop--compacto .prop__txt{margin-bottom:18px}
.prop--compacto .prop__t{font-size:clamp(1.6rem,2.2vw,2.1rem)}
.prop--compacto .prop__intro{margin-top:8px}
.prop--compacto .prop__garantias{display:none}

/* ================= BANDA CTA ================= */
.banda{background:var(--oro);color:var(--noche);padding:clamp(56px,9vh,96px) var(--g);position:relative;overflow:hidden}
.banda::before{content:"";position:absolute;inset:0;background:var(--patron) 0 0/88px 88px;opacity:.16;filter:invert(1) sepia(1) saturate(4) hue-rotate(175deg) brightness(.5)}
.banda__in{position:relative;max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:18px 40px;align-items:center}
.banda__t{font-family:var(--disp);font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.banda__sub{grid-column:1;font-weight:600;color:rgba(12,26,71,.8)}
.banda__acc{grid-column:2;grid-row:1/3;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.banda .btn--oro{background:var(--noche);color:var(--esmalte);box-shadow:none}
.banda .btn--oro:hover{background:var(--cobalto)}
.banda .btn--claro{background:transparent;color:var(--noche);box-shadow:inset 0 0 0 1.5px var(--noche)}
.banda .btn--claro::after{display:none}
.banda .btn--claro:hover{background:var(--noche);color:var(--oro)}

/* ================= INTERIORES ================= */
.phero{min-height:88svh;display:flex;padding-top:var(--cab)}
.phero__in{position:relative;z-index:2;width:100%;max-width:var(--ancho);margin:0 auto;padding:clamp(24px,5vh,60px) var(--g) clamp(40px,7vh,80px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,88px);align-items:center}
.phero__t{font-family:var(--disp);font-weight:400;font-size:clamp(2.4rem,4.6vw,4.4rem);line-height:1;letter-spacing:-.016em;max-width:16ch;text-wrap:balance;margin-top:18px}
.phero__sub{margin-top:24px;font-size:clamp(17px,1.3vw,19.5px);max-width:48ch;color:var(--claro-80)}
.phero__ventana{max-width:470px;width:100%;justify-self:center}

.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;font-size:13.5px;font-weight:600}
.migas li{display:flex;align-items:center;gap:6px;opacity:.85}
.migas li+li::before{content:"";width:5px;height:5px;background:currentColor;transform:rotate(45deg);opacity:.5}
.migas a{text-decoration:none}
.migas a:hover{text-decoration:underline}

.comparar{padding:clamp(80px,12vh,140px) var(--g)}
.comparar__in{max-width:var(--ancho);margin:0 auto}
.tabla{margin-top:clamp(36px,6vh,64px);display:grid}
.tabla__f{display:grid;grid-template-columns:1fr 1fr 1.25fr;border-top:1px solid var(--tinta-15)}
.tabla__f>*{padding:20px 18px;font-size:16.5px}
.tabla__f [role=rowheader]{font-weight:700}
.tabla__f [role=cell]:not(.tabla__sd){color:var(--tinta-60)}
.tabla__sd{background:rgba(29,63,158,.07);font-weight:600;color:var(--cobalto)}
.tabla__f--cab>*{font-family:var(--disp);font-size:20px;font-weight:400;padding-top:10px;padding-bottom:16px}
.tabla__f--cab .tabla__sd{background:var(--cobalto);color:var(--esmalte)}
.tabla__f:last-child{border-bottom:1px solid var(--tinta-15)}
.comparar__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.comparar .btn--linea,.equipo .btn--linea,.texto .btn--linea,.bhero .btn--linea{color:var(--cobalto)}
.comparar .btn--linea:hover>*,.texto .btn--linea:hover>*{color:var(--esmalte)}

.usos{position:relative;background:var(--noche);color:var(--esmalte);padding:clamp(80px,12vh,140px) var(--g);overflow:hidden}
.usos::before{content:"";position:absolute;inset:0;background:var(--patron) 0 0/96px 96px;opacity:.06}
.usos__in{position:relative;max-width:var(--ancho);margin:0 auto}
.usos__lista{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(28px,5vw,80px);margin-top:clamp(36px,6vh,64px)}
.uso{display:flex;gap:22px;padding:30px 0;border-top:1px solid var(--claro-20)}
.uso h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.4rem,1.9vw,1.75rem);line-height:1.1}
.uso p{margin-top:8px;color:var(--claro-80);max-width:44ch}

.incluye{padding:clamp(80px,12vh,140px) var(--g)}
.incluye__in{max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,100px);align-items:center}
.incluye__foto{position:relative;padding:10px;background:var(--esmalte);box-shadow:0 0 0 1px var(--tinta-15),0 40px 70px -40px rgba(12,26,71,.5)}
.incluye__foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.incluye__lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:26px 30px;margin:clamp(30px,5vh,50px) 0 36px}
.incluye__lista li{display:flex;gap:14px}
.incluye__lista .ico{color:var(--cobalto);margin-top:2px}
.incluye__lista strong{display:block;font-size:17px}
.incluye__lista span{display:block;color:var(--tinta-80);font-size:15.5px;margin-top:2px}

.relacion{padding:clamp(80px,12vh,130px) var(--g)}
.relacion__in{max-width:var(--ancho);margin:0 auto}
.relacion__arts{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.4vw,36px);margin-top:clamp(30px,5vh,52px)}

.equipo{padding:clamp(80px,12vh,140px) var(--g)}
.equipo__in{max-width:var(--ancho);margin:0 auto}
.equipo__lista{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(36px,6vh,64px);border-left:1px solid var(--tinta-15)}
.equipo__lista li{display:flex;flex-direction:column;gap:10px;padding:28px clamp(16px,2vw,28px) 34px;border-right:1px solid var(--tinta-15);border-bottom:1px solid var(--tinta-15)}
.equipo__lista li:nth-child(-n+4){border-top:1px solid var(--tinta-15)}
.equipo__lista strong{font-family:var(--disp);font-weight:400;font-size:1.45rem;line-height:1.1;margin-top:8px}
.equipo__lista span{color:var(--tinta-80);font-size:15.5px}

.fotos{padding:0 var(--g) clamp(80px,12vh,140px)}
.fotos__in{max-width:var(--ancho);margin:0 auto}
.fotos__cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:clamp(30px,5vh,52px)}
.fotos__cab p{color:var(--tinta-60)}
.fotos__rejilla{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(10px,1.4vw,20px)}
.fotos__f{grid-column:span 2}
.fotos__f--a{grid-column:span 3}
.fotos__f--b{grid-column:span 3}
.fotos__f--c{grid-column:span 6}
.fotos__f:nth-child(6n+3),.fotos__f:nth-child(6n+6){grid-column:span 6}
.fotos__btn{display:block;width:100%;overflow:hidden;cursor:zoom-in;background:var(--esmalte-2)}
.fotos__btn img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform 1.1s var(--ease)}
.fotos__f:nth-child(6n+3) img,.fotos__f:nth-child(6n+6) img{aspect-ratio:21/9}
.fotos__btn:hover img{transform:scale(1.04)}
.fotos__f figcaption{margin-top:8px;font-size:14px;color:var(--tinta-60)}
.caja{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;margin:0}
.caja::backdrop{background:rgba(6,12,38,.92)}
.caja[open]{display:grid;place-items:center}
.caja img{max-width:92vw;max-height:82vh;width:auto;height:auto;box-shadow:0 0 0 8px var(--esmalte)}
.caja__pie{position:absolute;bottom:4vh;left:0;right:0;text-align:center;color:var(--esmalte);font-weight:600}
.caja button{position:absolute;color:var(--esmalte);font-size:40px;width:56px;height:56px;line-height:1}
.caja__cerrar{top:16px;right:16px}
.caja__ant{left:12px;top:50%;transform:translateY(-50%)}
.caja__sig{right:12px;top:50%;transform:translateY(-50%)}

.planes{padding:clamp(80px,12vh,140px) var(--g)}
.planes__in{max-width:var(--ancho);margin:0 auto}
.planes__lista{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.4vw,36px);margin-top:clamp(36px,6vh,64px)}
.plan__img{display:block;overflow:hidden;margin-bottom:20px}
.plan__img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.plan h3{font-family:var(--disp);font-weight:400;font-size:1.5rem;line-height:1.1}
.plan p{margin:10px 0 16px;color:var(--tinta-80);font-size:15.5px}

/* ================= BLOG ================= */
.bhero,.chero{padding:calc(var(--cab) + clamp(36px,7vh,80px)) var(--g) clamp(50px,8vh,90px)}
.bhero__in,.chero__in{position:relative;z-index:2;max-width:var(--ancho);margin:0 auto}
.bhero__t,.chero__t{font-family:var(--disp);font-weight:400;font-size:clamp(2.6rem,5.4vw,5rem);line-height:1;letter-spacing:-.016em;margin-top:22px;max-width:16ch;text-wrap:balance}
.bhero__sub{margin-top:22px;max-width:56ch;font-size:clamp(17px,1.3vw,19.5px);color:var(--claro-80)}
.bhero .btn--linea{color:var(--esmalte)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.filtros button{min-height:44px;padding:0 18px;font-weight:700;font-size:14.5px;box-shadow:inset 0 0 0 1.5px var(--claro-20);transition:background .3s,color .3s,box-shadow .3s}
.filtros button:hover{box-shadow:inset 0 0 0 1.5px var(--esmalte)}
.filtros button[aria-pressed="true"]{background:var(--esmalte);color:var(--cobalto);box-shadow:none}
.blist{padding:clamp(60px,9vh,110px) var(--g) clamp(80px,12vh,130px)}
.blist__in{max-width:var(--ancho);margin:0 auto}
.blist .art--grande{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(24px,4vw,60px);align-items:center;margin-bottom:clamp(50px,8vh,90px)}
.blist .art--grande .art__txt{padding:0}
.blist__rejilla{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(36px,5vh,56px) clamp(20px,2.4vw,36px)}
.art.oculto{display:none}

.ahero{padding:calc(var(--cab) + clamp(30px,6vh,70px)) var(--g) 0;background:var(--esmalte)}
.ahero__in{max-width:900px;margin:0 auto}
.ahero .migas{color:var(--tinta-80)}
.ahero__cat{margin-top:22px;font-size:14px;font-weight:700;color:var(--cobalto)}
.ahero__t{font-family:var(--disp);font-weight:400;font-size:clamp(2.3rem,4.6vw,4.1rem);line-height:1.02;letter-spacing:-.016em;margin-top:14px;text-wrap:balance}
.ahero__img{max-width:1160px;margin:clamp(30px,5vh,56px) auto 0;padding:10px;background:var(--esmalte);box-shadow:0 0 0 1px var(--tinta-15)}
.ahero__img img{width:100%;aspect-ratio:16/8.5;object-fit:cover}
.ahero__img figcaption{font-size:12.5px;color:var(--tinta-60);padding:8px 2px 0}
.ahero__img figcaption a{color:inherit}
.acuerpo{max-width:1160px;margin:0 auto;padding:clamp(40px,7vh,80px) var(--g) clamp(60px,9vh,100px);display:grid;grid-template-columns:270px minmax(0,1fr);gap:clamp(30px,5vw,80px)}
.acuerpo__lado{position:sticky;top:calc(var(--cab) + 24px);align-self:start;display:grid;gap:28px}
.indice__t{font-weight:700;font-size:13.5px;letter-spacing:.04em;margin-bottom:12px}
.indice ol{list-style:none;counter-reset:i;display:grid;gap:2px;border-left:1px solid var(--tinta-15)}
.indice li{counter-increment:i}
.indice a{display:block;padding:7px 0 7px 16px;font-size:14.5px;line-height:1.35;text-decoration:none;color:var(--tinta-80);margin-left:-1px;border-left:1px solid transparent;transition:color .3s,border-color .3s}
.indice a:hover,.indice a.activo{color:var(--cobalto);border-left-color:var(--cobalto)}
.lado-cta{padding:22px;background:var(--cobalto);color:var(--esmalte);display:grid;gap:10px}
.lado-cta p{font-size:14.5px;color:var(--claro-80)}
.lado-cta strong{display:block;font-family:var(--disp);font-weight:400;font-size:1.3rem;color:var(--esmalte);margin-bottom:4px}
.lado-cta .btn--linea{color:var(--esmalte)}

.prosa{font-size:clamp(17px,1.15vw,18.5px);line-height:1.72;max-width:68ch}
.prosa>*+*{margin-top:1.1em}
.prosa h2{font-family:var(--disp);font-weight:400;font-size:clamp(1.65rem,2.4vw,2.2rem);line-height:1.12;letter-spacing:-.01em;margin-top:2.2em;scroll-margin-top:calc(var(--cab) + 20px)}
.prosa h3{font-size:1.15em;font-weight:800;margin-top:1.8em}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li+li{margin-top:.5em}
.prosa li::marker{color:var(--cobalto)}
.prosa a{color:var(--cobalto);font-weight:600;text-decoration-thickness:1.5px;text-underline-offset:3px}
.prosa strong{font-weight:700}
.prosa blockquote{font-family:var(--disp);font-size:1.35em;line-height:1.3;padding:8px 0 8px 28px;position:relative;color:var(--cobalto)}
.prosa blockquote::before{content:"";position:absolute;left:0;top:10px;width:14px;height:14px;background:var(--oro);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}
.prosa .dato{background:var(--esmalte-2);padding:22px 24px;box-shadow:inset 0 0 0 1px var(--tinta-15);font-size:.96em}
.prosa .dato strong{display:block;color:var(--cobalto);margin-bottom:4px}
.resumen{background:var(--cobalto);color:var(--esmalte);padding:24px 26px;position:relative}
.resumen::after{content:"";position:absolute;inset:6px;border:1px solid rgba(247,246,241,.25);pointer-events:none}
.resumen__t{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--oro)}
.resumen p+p{margin-top:6px}
.cta-art{display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:center;background:var(--noche);color:var(--esmalte);padding:24px 26px;margin:2.2em 0}
.cta-art strong{display:block;font-family:var(--disp);font-weight:400;font-size:1.35rem;line-height:1.15}
.cta-art span{display:block;color:var(--claro-80);font-size:.92em;margin-top:4px}
.cta-art__acc{display:flex;flex-wrap:wrap;gap:8px}
.cta-art .btn--linea{color:var(--esmalte)}
.afaq{margin-top:3em}
.afaq h2{margin-bottom:.6em}
.afaq .faq__i summary{font-size:1em}

/* contacto */
.chero__vias{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(36px,6vh,60px)}
.via{display:flex;align-items:center;gap:16px;padding:20px;background:rgba(247,246,241,.1);box-shadow:inset 0 0 0 1px var(--claro-20);text-decoration:none;transition:background .35s var(--ease),transform .35s var(--ease)}
a.via:hover{background:rgba(247,246,241,.18);transform:translateY(-3px)}
.via small{display:block;font-size:13px;color:var(--claro-60);font-weight:600}
.via strong{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(1.25rem,1.8vw,1.6rem);line-height:1.15}

/* landing */
.lhero{padding:calc(var(--cab) + clamp(20px,4vh,50px)) var(--g) clamp(50px,8vh,90px)}
.lhero__in{position:relative;z-index:2;max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:1fr minmax(360px,.95fr);gap:clamp(28px,5vw,80px);align-items:start}
.lhero__t{font-family:var(--disp);font-weight:400;font-size:clamp(2.2rem,4.2vw,3.9rem);line-height:1.02;letter-spacing:-.016em;max-width:15ch;text-wrap:balance}
.lhero__lista{list-style:none;display:grid;gap:12px;margin:26px 0 32px}
.lhero__lista li{display:flex;align-items:center;gap:12px;font-size:17px;color:var(--claro-80)}
.lhero__lista b{color:var(--esmalte)}
.lhero__lista .ico{color:var(--oro)}
.ventana--lp{max-width:460px}
.ventana--lp .mosaico{aspect-ratio:3/2}
.ventana--lp,.ventana--lp .mosaico{border-radius:2px}
.lhero__form .form{box-shadow:0 40px 80px -30px rgba(4,12,48,.7)}
.lhero__form .prop__txt{color:var(--esmalte)}
.lpm{max-width:var(--ancho);margin:0 auto}
.lpm__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(36px,6vh,60px)}
.lpm__c .flor{margin-bottom:18px}
.lpm__c h3{font-family:var(--disp);font-weight:400;font-size:1.6rem;line-height:1.1}
.lpm__c p{margin-top:10px;color:var(--tinta-80)}
.cab--lp .btn--linea{color:inherit}

/* textos legales */
.texto{padding:calc(var(--cab) + clamp(40px,8vh,90px)) var(--g) clamp(80px,12vh,130px)}
.texto__in{max-width:780px;margin:0 auto}
.texto h1{font-family:var(--disp);font-weight:400;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;margin-top:16px}
.texto .grande{font-size:1.2em}
.texto .migas{color:var(--tinta-80)}
.p-texto .cab{color:var(--tinta)}

/* ================= PIE ================= */
.pie{background:var(--noche);color:var(--esmalte)}
.pie__in{max-width:var(--ancho);margin:0 auto;padding:clamp(60px,10vh,110px) var(--g) 110px}
.pie__lema{display:grid;grid-template-columns:1.2fr auto;gap:28px 60px;align-items:end;padding-bottom:clamp(40px,7vh,70px);border-bottom:1px solid var(--claro-20)}
.pie__frase{font-family:var(--disp);font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:1.06;letter-spacing:-.012em;max-width:22ch;text-wrap:balance}
.pie__acc{display:flex;flex-wrap:wrap;gap:12px}
.pie__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:clamp(40px,7vh,64px) 0}
.pie__t{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--oro);margin-bottom:16px}
.pie ul{list-style:none;display:grid;gap:9px}
.pie li a{text-decoration:none;color:var(--claro-80);transition:color .3s}
.pie li a:hover{color:var(--esmalte);text-decoration:underline;text-underline-offset:4px}
.pie__nap li{color:var(--claro-80)}
.pie__nap a{font-weight:700;color:var(--esmalte)!important}
.pie__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 30px;padding-top:26px;border-top:1px solid var(--claro-20);font-size:13.5px;color:var(--claro-60)}
.pie__leg{display:flex;flex-wrap:wrap;gap:18px}
.pie__leg a{text-decoration:none}
.pie__leg a:hover{color:var(--esmalte)}
.pie--lp .pie__in{padding-top:30px}

/* barra fija móvil */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:85;display:none;grid-template-columns:1fr 1.5fr;background:var(--noche);box-shadow:0 -10px 30px -10px rgba(4,12,48,.5);padding-bottom:env(safe-area-inset-bottom);transform:translateY(110%);transition:transform .5s var(--ease)}
.barra.visible{transform:none}
.barra a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:60px;font-weight:800;font-size:16px;text-decoration:none}
.barra__tel{color:var(--esmalte)}
.barra__prop{background:var(--oro);color:var(--noche)}

/* cortina de azulejos entre páginas */
.cortina{position:fixed;inset:0;z-index:150;display:grid;pointer-events:none;visibility:hidden}
.cortina i{display:block;position:relative;background:var(--cobalto);transform:scale(0);box-shadow:0 0 0 .5px var(--cobalto)}
.cortina.activa{visibility:visible;pointer-events:auto}
.tr-entra .cortina{visibility:visible;background:var(--cobalto)}

/* ================= ESTADOS INICIALES DE ANIMACIÓN (solo con JS) ================= */
.js-anim [data-split]:not(.dividido){visibility:hidden}
.js-anim [data-entra]{opacity:0;transform:translateY(28px)}

/* ================= RESPONSIVE ================= */
@media (max-width:1100px){
  .talavera__arts{grid-template-columns:1fr 1fr}
  .talavera__arts .art--grande{grid-row:auto;grid-column:1/-1}
  .talavera__arts .art:not(.art--grande){display:block}
  .talavera__arts .art:not(.art--grande) .art__txt{padding-top:14px}
  .equipo__lista{grid-template-columns:repeat(2,1fr)}
  .equipo__lista li:nth-child(-n+4){border-top:0}
  .equipo__lista li:nth-child(-n+2){border-top:1px solid var(--tinta-15)}
  .planes__lista{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:899px){
  :root{--cab:66px}
  .hero__in,.phero__in{grid-template-columns:1fr;padding-top:24px}
  .hero__t{font-size:clamp(2.35rem,9.6vw,3.6rem)}
  .hero__ventana,.phero__ventana{max-width:430px}
  .conmutador{position:static;transform:none;justify-content:center;margin-top:14px}
  .hero__datos{grid-template-columns:1fr 1fr;gap:0 16px}
  .hero__datos li{padding:14px 0;font-size:14px}
  .hero__datos b{font-size:19px}
  .motivos__in{grid-template-columns:1fr}
  .motivos__fijo{position:relative;top:0;display:none}
  .js-anim .motivo{opacity:1}
  .quien__cols,.usos__lista,.incluye__in,.prop__in,.faq__in,.lhero__in{grid-template-columns:1fr}
  .faq__cab{position:static}
  .pasos__lista{grid-template-columns:1fr;gap:34px}
  .pasos__linea{display:none}
  .talavera__cab{grid-template-columns:1fr}
  .talavera__cab .enlace{grid-column:1}
  .relacion__arts,.blist__rejilla{grid-template-columns:1fr 1fr}
  .blist .art--grande{grid-template-columns:1fr}
  .acuerpo{grid-template-columns:1fr}
  .acuerpo__lado{position:static;order:2}
  .indice{display:none}
  .banda__in{grid-template-columns:1fr}
  .banda__acc{grid-column:1;grid-row:auto;justify-content:flex-start}
  .pie__lema{grid-template-columns:1fr}
  .pie__cols{grid-template-columns:1fr 1fr}
  .chero__vias,.lpm__cols{grid-template-columns:1fr}
  .tabla__f{grid-template-columns:.9fr 1fr 1.1fr}
  .tabla__f>*{padding:16px 10px;font-size:15px}
  .barra{display:grid}
  .pie__in{padding-bottom:120px}
  .cta-art{grid-template-columns:1fr}
  .dentro__img::after{background:linear-gradient(0deg,rgba(8,16,48,.92) 0%,rgba(8,16,48,.6) 45%,rgba(8,16,48,.1) 80%)}
  .lhero__form{order:-1}
  .ventana--lp{display:none}
}
@media (max-width:620px){
  .form{grid-template-columns:1fr;padding:22px 18px}
  .incluye__lista{grid-template-columns:1fr}
  .relacion__arts,.blist__rejilla,.planes__lista,.equipo__lista{grid-template-columns:1fr}
  .equipo__lista li{border-top:0}
  .equipo__lista li:first-child{border-top:1px solid var(--tinta-15)}
  .fotos__rejilla{grid-template-columns:1fr 1fr}
  .fotos__f,.fotos__f--a,.fotos__f--b{grid-column:span 1}
  .fotos__f--c,.fotos__f:nth-child(6n+3),.fotos__f:nth-child(6n+6){grid-column:span 2}
  .pie__cols{grid-template-columns:1fr}
  .hero__acc .btn,.phero .hero__acc .btn{flex:1 1 100%}
  .tabla__f{grid-template-columns:1fr 1fr}
  .tabla__f [role=rowheader]{grid-column:1/-1;padding-bottom:0}
  .tabla__f--cab [role=columnheader]:first-child{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important}
  .js-anim [data-split]:not(.dividido){visibility:visible}
  .js-anim [data-entra]{opacity:1;transform:none}
}
.form__nota{grid-column:1/-1;font-size:13.5px;color:var(--tinta-60);margin-top:-6px;text-align:center}
.btn--envio .ico{width:22px;height:22px}
.cab__wa{display:none;place-items:center;width:44px;height:44px;color:inherit}
@media (max-width:640px){.cab__wa{display:grid}}

/* ---- CTA a WhatsApp (sustituye al formulario) ---- */
.prop__acc{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn--grande{min-height:64px;font-size:17px;padding:0 30px;flex:1 1 100%;max-width:520px}
.prop .btn--claro{background:transparent;color:var(--esmalte);box-shadow:inset 0 0 0 1.5px var(--claro-60)}
.prop .btn--claro::after{display:none}
.prop .btn--claro:hover{background:var(--esmalte);color:var(--cobalto)}
.prop__garantias{margin-top:28px}
.chat{display:flex;flex-direction:column;background:#efe9df;color:var(--tinta);text-decoration:none;max-width:460px;width:100%;justify-self:center;box-shadow:0 40px 80px -30px rgba(4,12,48,.65),0 0 0 8px rgba(247,246,241,.12);transform:rotate(1.5deg);transition:transform .6s var(--ease)}
.chat:hover{transform:rotate(0) translateY(-4px)}
.chat__cab{display:flex;align-items:center;gap:12px;padding:16px 18px;background:var(--noche);color:var(--esmalte)}
.chat__cab .ico{width:30px;height:30px;color:var(--oro)}
.chat__cab b{display:block;font-size:16px}
.chat__cab small{display:block;font-size:12.5px;color:var(--claro-60)}
.chat__cuerpo{display:flex;flex-direction:column;gap:12px;padding:26px 18px 30px;background:#efe9df var(--patron) 0 0/60px 60px;background-blend-mode:multiply;min-height:240px;justify-content:flex-end;position:relative}
.chat__cuerpo::before{content:"";position:absolute;inset:0;background:rgba(239,233,223,.93)}
.chat__burbuja{position:relative;max-width:86%;padding:12px 14px 22px;font-size:15.5px;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.chat__burbuja i{position:absolute;right:10px;bottom:5px;font-style:normal;font-size:11px;color:var(--tinta-60)}
.chat__burbuja--yo{align-self:flex-end;background:#d9fdd3}
.chat__burbuja--sd{align-self:flex-start;background:#fff}
.chat__pie{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;background:var(--oro);color:var(--noche);font-weight:800}
.prop--compacto .chat{margin-top:22px;transform:none;max-width:none}
.prop--compacto .prop__acc .btn{flex:1 1 100%;max-width:none}
.lhero__form .prop__txt{color:var(--esmalte)}
.hero__opcion{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:18px;font-size:15px;color:var(--claro-80);text-decoration:none}
.hero__opcion b{color:var(--esmalte);border-bottom:1.5px solid var(--oro);padding-bottom:2px;transition:color .3s}
.hero__opcion .ico{color:var(--oro);transition:transform .35s var(--ease)}
.hero__opcion:hover b{color:var(--oro)}
.hero__opcion:hover .ico{transform:translateX(4px)}
@media (max-width:899px){.chat{transform:none;margin-top:10px}.btn--grande{font-size:16px;padding:0 18px}}

/* rótulo simplificado (Rodrigo 12/10): nombre + línea */
.rotulo__h{max-width:11ch}
.rotulo__k{margin:16px 0 0;font-size:clamp(17px,1.5vw,22px);font-weight:700;color:var(--cobalto);letter-spacing:.01em}
.marca__txt small{white-space:nowrap}
@media (max-width:640px){.marca__txt{font-size:19px}.marca__txt small{font-size:9px;letter-spacing:.12em}}
@media (max-width:640px){.btn{white-space:normal;text-align:center;line-height:1.25;padding-top:10px;padding-bottom:10px}.hero__acc .btn,.prop__acc .btn{width:100%}}

/* =====================================================================
   PALETA CERÁMICA DE TALAVERA (Rodrigo 12/10): amarillo de fondo,
   turquesa de los adornos y cobalto de los bordes.
   ===================================================================== */
:root{
  --patron-t:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%2355b8d9' stroke-width='1.1'%3E%3Cpath d='M0 .5h80M.5 0v80'/%3E%3Cpath d='M0 18a18 18 0 0 0 18-18M62 0a18 18 0 0 0 18 18M80 62a18 18 0 0 0-18 18M18 80A18 18 0 0 0 0 62'/%3E%3Cpath d='M40 22c-4 5-6 8-6 10.5a6 6 0 0 0 12 0C46 30 44 27 40 22ZM58 40c-5-4-8-6-10.5-6a6 6 0 0 0 0 12c2.5 0 5.5-2 10.5-6ZM40 58c4-5 6-8 6-10.5a6 6 0 0 0-12 0C34 50 36 53 40 58ZM22 40c5 4 8 6 10.5 6a6 6 0 0 0 0-12C30 34 27 36 22 40Z'/%3E%3C/g%3E%3C/svg%3E");
  --patron-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%231d3f9e' stroke-width='1.2'%3E%3Cpath d='M0 .5h80M.5 0v80'/%3E%3Cpath d='M0 18a18 18 0 0 0 18-18M62 0a18 18 0 0 0 18 18M80 62a18 18 0 0 0-18 18M18 80A18 18 0 0 0 0 62'/%3E%3C/g%3E%3Cpath fill='%2355b8d9' d='M40 22c-4 5-6 8-6 10.5a6 6 0 0 0 12 0C46 30 44 27 40 22ZM58 40c-5-4-8-6-10.5-6a6 6 0 0 0 0 12c2.5 0 5.5-2 10.5-6ZM40 58c4-5 6-8 6-10.5a6 6 0 0 0-12 0C34 50 36 53 40 58ZM22 40c5 4 8 6 10.5 6a6 6 0 0 0 0-12C30 34 27 36 22 40Z'/%3E%3Ccircle cx='40' cy='40' r='2.6' fill='%231d3f9e'/%3E%3C/svg%3E");
  --cenefa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 36'%3E%3Crect width='64' height='36' fill='%23f3b51c'/%3E%3Cpath d='M0 2.5h64M0 33.5h64' stroke='%231d3f9e' stroke-width='3'/%3E%3Cpath d='M32 8c-3 4-4.5 6-4.5 8a4.5 4.5 0 0 0 9 0c0-2-1.5-4-4.5-8ZM32 28c3-4 4.5-6 4.5-8a4.5 4.5 0 0 0-9 0c0 2 1.5 4 4.5 8Z' fill='%2355b8d9' stroke='%231d3f9e' stroke-width='.8'/%3E%3Cpath d='M0 18 8 10l8 8-8 8ZM64 18l-8-8-8 8 8 8Z' fill='%2355b8d9' stroke='%231d3f9e' stroke-width='1'/%3E%3Ccircle cx='32' cy='18' r='2' fill='%231d3f9e'/%3E%3C/svg%3E");
}
/* patrones de las secciones cobalto: adornos turquesa, como la loza */
.prop::before,.usos::before,.menu__mosaico{background-image:var(--patron-t);opacity:.16}
.hero__patron{background-image:var(--patron-t);opacity:.12}
/* sección amarilla: fondo de loza amarilla con adornos azules */
.quien{background:var(--oro);color:var(--noche);padding:clamp(80px,12vh,140px) var(--g)}
.quien::before{background:var(--patron-c) 0 0/120px 120px;opacity:.13}
.quien__in{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,6vw,100px);align-items:center}
.quien .tit{color:var(--noche);max-width:16ch}
.quien__txt>p{margin-top:24px;max-width:48ch;font-size:clamp(17px,1.3vw,19.5px);color:rgba(12,26,71,.86)}
.quien__acc{margin-top:34px}
.quien .btn--oro{background:var(--cobalto);color:var(--esmalte);box-shadow:0 12px 26px -14px rgba(12,26,71,.6)}
.quien .btn--oro:hover{background:var(--noche)}
.btn--azul{color:var(--cobalto)}
.btn--azul:hover>*{color:var(--esmalte)!important}
.btn--azul:hover{background:var(--cobalto)!important}
.quien__enlaces{display:grid;gap:14px}
.quien__enl{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 20px;padding:26px 28px;background:var(--esmalte);color:var(--noche);text-decoration:none;box-shadow:0 0 0 1px rgba(29,63,158,.25),0 22px 40px -26px rgba(12,26,71,.6);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.quien__enl::after{content:"";position:absolute;inset:6px;border:1px solid var(--turquesa);opacity:.7;pointer-events:none}
.quien__enl span{grid-column:1;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--cobalto)}
.quien__enl b{grid-column:1;font-family:var(--disp);font-weight:400;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1}
.quien__enl .ico{grid-column:2;grid-row:1/3;width:28px;height:28px;color:var(--cobalto);transition:transform .45s var(--ease)}
.quien__enl:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--cobalto),0 30px 50px -26px rgba(12,26,71,.7)}
.quien__enl:hover .ico{transform:translateX(6px)}
@media (max-width:899px){.quien__in{grid-template-columns:1fr}}
/* rótulo y baldosas con el turquesa de los adornos */
.rotulo::after{border-color:var(--turquesa);opacity:1}
.rotulo__esq{color:var(--turquesa);--flor-centro:var(--cobalto)}
.rotulo__calle i{background:var(--turquesa)}
.baldosa::before{background:
  radial-gradient(circle at 0 0,transparent 9px,var(--turquesa) 9.5px,var(--turquesa) 11px,transparent 11.5px),
  radial-gradient(circle at 100% 0,transparent 9px,var(--turquesa) 9.5px,var(--turquesa) 11px,transparent 11.5px),
  radial-gradient(circle at 0 100%,transparent 9px,var(--turquesa) 9.5px,var(--turquesa) 11px,transparent 11.5px),
  radial-gradient(circle at 100% 100%,transparent 9px,var(--turquesa) 9.5px,var(--turquesa) 11px,transparent 11.5px);opacity:1}
.lista-flor li::before,.prosa blockquote::before{background:var(--turquesa)}
.resumen__t{color:var(--oro)}
.flor{color:var(--cobalto);--flor-centro:var(--oro)}
.prop__txt .flor{color:var(--turquesa);--flor-centro:var(--oro)}
.marca__flor{--flor-centro:var(--oro)}
.cenefa{height:34px;background-size:60px 34px}
.ventana{box-shadow:0 40px 80px -30px rgba(4,12,48,.6),0 0 0 2px var(--turquesa),0 0 0 8px rgba(247,246,241,.12)}
.hero__barras i::after{background:var(--oro)}
.motivo.activo .baldosa::before{filter:none;opacity:.9}
.p-inicio .rotulo + .hero__acc{margin-top:clamp(22px,3.4vh,34px)}
.dentro__img>img{object-position:66% 50%}
.dentro__rejilla .tesela__c{inset:-.6px}

/* ---- opiniones reales de Booking ---- */
.opi{padding:clamp(80px,12vh,140px) var(--g);background:var(--esmalte)}
.opi__in{max-width:var(--ancho);margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,6vw,100px);align-items:start}
.opi__cab{position:sticky;top:calc(var(--cab) + 30px)}
.opi__sub{margin:20px 0 28px;color:var(--tinta-80);max-width:40ch}
.opi__notas{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}
.opi__notas li{display:grid;place-items:center;min-width:96px;padding:14px 12px 12px;background:var(--cobalto);color:var(--esmalte);box-shadow:inset 0 0 0 4px var(--cobalto),inset 0 0 0 5px var(--turquesa)}
.opi__notas b{font-family:var(--disp);font-weight:400;font-size:2rem;line-height:1}
.opi__notas span{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--oro);margin-top:4px}
.opi__lista{columns:2;column-gap:clamp(16px,2vw,26px)}
.opi__c{break-inside:avoid;margin:0 0 clamp(16px,2vw,26px);padding:28px 26px 22px;background:var(--blanco);box-shadow:0 0 0 1px var(--tinta-15),0 24px 40px -32px rgba(12,26,71,.45);position:relative}
.opi__c::after{content:"";position:absolute;inset:6px;border:1px solid rgba(85,184,217,.45);pointer-events:none}
.opi__c .flor{width:22px;height:22px;color:var(--turquesa);margin-bottom:14px}
.opi__c blockquote{font-family:var(--disp);font-size:clamp(1.12rem,1.35vw,1.3rem);line-height:1.38;color:var(--noche)}
.opi__c blockquote::before{content:"«"}.opi__c blockquote::after{content:"»"}
.opi__c figcaption{margin-top:16px;font-size:13px;font-weight:700;color:var(--cobalto)}
@media (max-width:899px){.opi__in{grid-template-columns:1fr}.opi__cab{position:static}.opi__lista{columns:1}}
.incluye__intro{margin-top:20px;color:var(--tinta-80);max-width:52ch;font-size:clamp(16.5px,1.2vw,18.5px)}
.incluye--familias{background:var(--esmalte-2)}
.incluye--familias .incluye__in{grid-template-columns:1fr 1fr}
.incluye--familias .incluye__foto{order:2}
.enlace--sep{margin-left:22px}
@media (max-width:620px){.enlace--sep{margin:18px 0 0;display:inline-flex}}
.opi__sub strong{color:var(--cobalto)}
.opi__dest{column-span:all;margin:0 0 clamp(16px,2vw,26px);padding:clamp(28px,3vw,40px);background:var(--cobalto);color:var(--esmalte);position:relative;box-shadow:0 30px 50px -30px rgba(12,26,71,.6)}
.opi__dest::after{content:"";position:absolute;inset:8px;border:1px solid var(--turquesa);pointer-events:none}
.opi__dest blockquote{font-family:var(--disp);font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.01em}
.opi__dest blockquote::before{content:"«";color:var(--oro)}.opi__dest blockquote::after{content:"»";color:var(--oro)}
.opi__dest figcaption{margin-top:16px;font-size:13px;font-weight:700;color:var(--oro)}
/* media de Booking en el hero */
.nota-bk{display:inline-flex;align-items:center;gap:12px;margin-top:20px;padding:8px 16px 8px 8px;background:rgba(12,26,71,.55);box-shadow:inset 0 0 0 1px var(--claro-20);color:var(--esmalte);text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .35s var(--ease)}
.nota-bk:hover{background:rgba(12,26,71,.8)}
.nota-bk b{display:grid;place-items:center;width:52px;height:52px;background:var(--cobalto);font-family:var(--disp);font-weight:400;font-size:1.5rem;box-shadow:inset 0 0 0 3px var(--cobalto),inset 0 0 0 4px var(--turquesa)}
.nota-bk span{display:flex;flex-direction:column;font-size:13px;line-height:1.35;color:var(--claro-80)}
.nota-bk strong{font-size:15px;color:var(--esmalte)}
.p-inicio .hero__in{display:flex;flex-direction:column;align-items:flex-start}
.p-inicio .hero__datos{grid-template-columns:repeat(5,auto);gap:clamp(12px,1.8vw,30px)}
@media (max-width:1280px){.hero__slide{display:none}.hero__pie{grid-template-columns:1fr}}
@media (max-width:899px){.p-inicio .hero__datos{grid-template-columns:1fr 1fr}.p-inicio .hero__datos li:last-child{grid-column:1/-1}}
@media (max-width:899px){
  .incluye--familias .incluye__in{grid-template-columns:1fr;gap:28px}
  .incluye--familias .incluye__foto{order:0}
  .incluye__foto img{aspect-ratio:4/3}
  .incluye__lista{grid-template-columns:1fr 1fr;gap:20px 18px}
}
@media (max-width:480px){.incluye__lista{grid-template-columns:1fr}}
.dentro__img>img{object-position:50% 50%}
@media (max-width:899px){
  .dentro__img>img{object-position:42% 30%}
  .dentro__img::after{background:linear-gradient(0deg,rgba(8,16,48,.94) 0%,rgba(8,16,48,.78) 38%,rgba(8,16,48,.15) 62%,rgba(8,16,48,0) 80%)}
  .dentro__txt{bottom:clamp(28px,6vh,60px)}
  .dentro__t{font-size:clamp(1.9rem,8.4vw,2.5rem)}
}
@media (max-width:899px){
  .dentro__img{bottom:auto;height:56%}
  .dentro__img>img{object-position:40% 55%}
  .dentro__img::after{background:linear-gradient(0deg,var(--noche) 0%,rgba(12,26,71,.55) 14%,rgba(12,26,71,0) 34%)}
  .dentro__txt{bottom:clamp(22px,4.5vh,44px);left:20px;right:20px;max-width:none}
}
@media (max-width:899px){
  .dentro__txt{bottom:calc(84px + env(safe-area-inset-bottom))}
  .dentro__txt p{margin:14px 0 20px}
}
@media (max-width:899px) and (max-height:720px){
  .dentro__img{height:48%}
  .dentro__t{font-size:1.75rem}
  .dentro__txt p{font-size:15px}
}

/* ===== SEO 11/2026: picture, entradilla, motivos de viaje, tablas ===== */
picture{display:contents}
.rotulo__e{margin:0 0 4px;font-size:clamp(14px,1vw,15.5px);line-height:1.5;color:var(--tinta-80);max-width:40ch}
.motivos__acc{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.viajes{padding:clamp(70px,10vh,130px) var(--g)}
.viajes__in{max-width:var(--ancho);margin:0 auto}
.viajes__in .tit{max-width:22ch;margin-bottom:clamp(28px,5vh,56px)}
.viajes__lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(18px,2.4vw,34px)}
.viaje{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--tinta-15)}
.viaje h3{font-family:var(--disp);font-weight:400;font-size:clamp(1.3rem,1.7vw,1.6rem);line-height:1.1}
.viaje p{color:var(--tinta-80);flex:1}
.prosa table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95em;display:block;overflow-x:auto}
.prosa th,.prosa td{padding:10px 12px;border-bottom:1px solid var(--tinta-15);text-align:left;vertical-align:top}
.prosa thead th{font-weight:700;color:var(--cobalto);border-bottom:2px solid var(--cobalto)}
.prosa tbody th{font-weight:700;white-space:nowrap}
.texto--evento .texto__in{max-width:760px}
.rotulo__k{line-height:1.3}
.rotulo__e{margin-top:10px}
.acuerpo__txt{min-width:0}