/* sw.css — lo propio de sandalwoods.id encima de la plantilla de las 4 webs (S9, 22-oct-2026). Solo variables de la
   marca (--tg, --bone, --ink… de marca.css): ningún color escrito a mano, para que la piel cambie desde la fila de webs. */

/* Las letras de la marca, servidas desde la propia web (CSP font-src 'self'). Variables (eje wght), subconjuntos latin y
   latin-ext con los rangos de Google Fonts. Sin esto todo salía en la letra del sistema (26-oct). */
@font-face{font-family:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-normal-latin.woff2?v=928f4210aa) 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:"Jost";font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-normal-latin-ext.woff2?v=7f44f6fd22) 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Jost";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-italic-latin.woff2?v=e5cfc05e59) 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:"Jost";font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/fonts/jost-italic-latin-ext.woff2?v=d1d5bd94a4) 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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

html{-webkit-text-size-adjust:100%;overflow-x:clip;background:var(--bone)}
body{background:var(--bone);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;min-height:100vh;display:flex;flex-direction:column}
.sw-main{flex:1 0 auto;padding-top:clamp(76px,6.5vw,88px)}
.sw-saltar{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--ink);color:var(--bone);padding:10px 16px;border-radius:6px}
.sw-saltar:focus{left:12px}
.sw-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* cabecera: el logo de SW es cuadrado; la lista de idiomas son enlaces (sin banderas) */
#topbar #logo-inner .ll-brand{height:44px;width:44px}
#topbar .lang-menu{list-style:none;box-shadow:none}
#topbar .nav-lang{font-size:.72rem;min-height:44px}
#topbar .nav-link{font-size:.72rem}
#topbar .nav-burger{width:44px;height:44px}
#topbar .lang-menu li{padding:0}
#topbar .lang-menu .lang-opt{display:flex;padding:10px 16px;color:inherit;white-space:nowrap}
@media(max-width:1000px){ #topbar #logo-inner .ll-brand{height:38px;width:38px} }

/* cabeza de página */
.sw-hero{padding-top:clamp(4px,1vw,12px);padding-bottom:clamp(20px,2.4vw,30px);text-align:center}
.sw-kicker{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--tg);margin-bottom:12px}
.sw-h1{font-size:clamp(34px,6vw,76px);text-transform:uppercase;color:var(--ink);margin:0 auto;max-width:18ch}
.sw-entradilla{max-width:60ch;margin:16px auto 0;color:var(--ink-70);font-size:clamp(15px,1.5vw,17px)}
.sw-h2{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.sw-migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:13px;color:var(--ink-70);margin-bottom:18px}
.sw-migas li+li::before{content:'/';margin-right:6px;opacity:.6}
.sw-migas a{text-decoration:underline;text-underline-offset:3px}
.sw-enlace{color:var(--tg);text-decoration:underline;text-underline-offset:3px}

/* zonas (inicio) */
.sw-zonas ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin-top:clamp(22px,3vw,36px)}
.sw-zona{position:relative;display:flex;align-items:flex-end;min-height:clamp(120px,13vw,170px);border-radius:14px;overflow:hidden;background:var(--tg-dark);color:var(--bone);text-align:left}
.sw-zona img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease,ease)}
.sw-zona::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in srgb,var(--k-scrim) 70%,transparent),color-mix(in srgb,var(--k-scrim) 10%,transparent))}
.sw-zona:hover img{transform:scale(1.04)}
.sw-zonas-lisas ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.sw-zona-lisa{background:var(--surface);color:var(--ink);border:1px solid var(--line);min-height:0;border-radius:999px}
.sw-zona-lisa .sw-zona-txt{flex-direction:row;align-items:baseline;gap:12px;padding:12px 22px}
.sw-zona-lisa::after{display:none}
.sw-zona-lisa .sw-zona-n{color:var(--tg)}
.sw-zona-lisa:hover{border-color:var(--tg)}
.sw-zona-txt{position:relative;z-index:1;padding:18px 20px;display:flex;flex-direction:column;gap:4px}
.sw-zona-nom{font-size:clamp(17px,1.8vw,22px);letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.sw-zona-n{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.9}

/* rejilla */
.sw-rejilla{padding-bottom:clamp(40px,5vw,64px)}
.sw-rejilla-cab{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}
.sw-cuenta{font-size:13px;color:var(--ink-70)}
/* la tarjeta es la de Lawang tal cual (inc/tarjeta.php + plantilla.css): aquí solo la rejilla de /projects, sin retoques a la tarjeta */
.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:28px}
.sw-estado{padding:28px 0;color:var(--ink-70);font-size:16px}
.sw-vieja{padding:10px 14px;margin-bottom:18px;border:1px dashed var(--ss);border-radius:8px;font-size:14px}
.sw-aviso{margin-top:28px;font-size:12.5px;line-height:1.55;color:var(--ink-70);max-width:80ch}
.sw-aviso a{text-decoration:underline}

/* ficha: la de Lawang (inc/ficha.php). Las clases pdp-*, pp-*, avail y kicker las pinta plantilla.css; aquí va lo que
   Lawang escribe en style="" (portfolio-app.js, f53f9c7; la línea de cada bloque al lado), porque la CSP de esta web no
   admite estilos en línea. Mismos valores; sus colores fijos pasan a las variables de la plantilla (#1a160f = --k-noche,
   rgba(20,16,11) = --k-scrim, rgba(245,240,230) = --bone). */
/* la ficha de Lawang hereda el interlineado normal de su body (este body va a 1.55); el formulario conserva el suyo */
.sw-ficha{padding-top:0;line-height:normal}
.sw-ficha .sw-contacto{line-height:1.55}
/* heroHTML (l.593-608) */
.sw-fi-hero{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;overflow:hidden;background:var(--k-noche)}
.sw-fi-hero-grad{position:absolute;inset:0}
.sw-fi-tapado{opacity:0}
.sw-fi-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sw-fi-hero-velo{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--k-scrim) 50%,transparent) 0%,color-mix(in srgb,var(--k-scrim) 12%,transparent) 30%,color-mix(in srgb,var(--k-scrim) 32%,transparent) 66%,color-mix(in srgb,var(--k-scrim) 80%,transparent) 100%)}
.sw-fi-hero-in{position:relative;z-index:2;text-align:center;color:var(--bone);max-width:1100px;
  padding:clamp(80px,calc(12vh / var(--lw-z, 1)),140px) clamp(20px,calc(6vw / var(--lw-z, 1)),64px) clamp(170px,calc(23vh / var(--lw-z, 1)),250px)}
/* heroMarkHTML (l.573): el icono de la vista como máscara crema */
.sw-fi-marca{display:block;width:clamp(56px,calc(6.5vw / var(--lw-z, 1)),84px);aspect-ratio:1;margin:0 auto 26px;background-color:var(--bone);opacity:.95;
  -webkit-mask:var(--sw-fi-ico) center/contain no-repeat;mask:var(--sw-fi-ico) center/contain no-repeat}
.sw-fi-marca-beach{--sw-fi-ico:url('/assets/img/beach-ico.png?v=a97a50cba0')}
.sw-fi-marca-cliff{--sw-fi-ico:url('/assets/img/cliff-ico.png?v=6028ead6bc')}
.sw-fi-marca-jungle{--sw-fi-ico:url('/assets/img/jungle-ico.png?v=7c1084f30c')}
.sw-fi-marca-ricefield{--sw-fi-ico:url('/assets/img/ricefield-ico.png?v=e5907f6add')}
.sw-fi-marca-river{--sw-fi-ico:url('/assets/img/river-ico.png?v=5a4aaeceed')}
.sw-fi-h1{font-size:clamp(46px,calc(8.4vw / var(--lw-z, 1)),104px);font-weight:300;letter-spacing:.06em;text-transform:uppercase;line-height:.96;margin:0}
.sw-fi-hero-dest{margin-top:clamp(24px,calc(3.4vh / var(--lw-z, 1)),38px)}
.sw-fi-destacado{align-self:center;margin:0 auto 22px;border-color:color-mix(in srgb,var(--bone) 55%,transparent);color:var(--bone);
  background:color-mix(in srgb,var(--k-scrim) 28%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.sw-fi-claim{font-family:var(--sans);font-weight:400;font-size:clamp(14px,calc(1.7vw / var(--lw-z, 1)),26px);letter-spacing:.045em;text-transform:uppercase;line-height:1.3;margin:0 auto;max-width:54ch}
.sw-fi-claim-meta{font-weight:600;font-size:clamp(26px,calc(4.2vw / var(--lw-z, 1)),52px);letter-spacing:.02em;text-transform:uppercase;line-height:1.08;margin:clamp(6px,calc(1vh / var(--lw-z, 1)),12px) auto 0;max-width:22ch}
.sw-fi-loc{font-family:var(--sans);font-weight:300;font-size:clamp(11px,calc(1.2vw / var(--lw-z, 1)),15px);letter-spacing:.28em;text-transform:uppercase;opacity:.9;margin-top:clamp(22px,calc(3vh / var(--lw-z, 1)),34px)}
/* cabecera (l.1490) y migas (breadcrumbsHTML, l.1303) */
.sw-fi-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(20px,calc(4vw / var(--lw-z, 1)),48px);flex-wrap:wrap;margin-bottom:clamp(26px,calc(3vw / var(--lw-z, 1)),38px)}
.sw-fi-cab-izq{flex:1 1 380px;min-width:0}
.sw-fi-cab-der{flex-shrink:0;text-align:right}
.sw-fi-precio{font-family:var(--sans);font-size:clamp(30px,calc(3.2vw / var(--lw-z, 1)),44px);font-weight:600;line-height:1;color:var(--ink);white-space:nowrap}
.sw-fi-desde{font-size:.5em;font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-right:8px}
.sw-fi-consultar{opacity:.7}
.sw-fi-agotada{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-70)}
.sw-fi-migas{font-family:var(--sans);font-size:clamp(10px,calc(1vw / var(--lw-z, 1)),12.5px);font-weight:400;text-transform:uppercase;letter-spacing:.16em;
  display:flex;flex-wrap:wrap;align-items:center;margin-bottom:22px;color:var(--ink-2)}
.sw-fi-migas a{color:inherit;text-decoration:none}
.sw-fi-migas a:hover{color:var(--ink)}
.sw-fi-migas-sep{opacity:.75;margin:0 11px}
.sw-fi-migas-on{color:var(--ink);font-weight:500}
.sw-fi-sub{font-family:var(--sans);font-size:clamp(22px,calc(2.6vw / var(--lw-z, 1)),38px);font-weight:300;letter-spacing:.02em;text-transform:uppercase;color:var(--ink);
  line-height:1.25;margin-top:clamp(14px,calc(1.6vw / var(--lw-z, 1)),22px);max-width:100%}
.sw-fi-sub b{font-weight:700}
.sw-fi-cab .sw-vieja{margin:16px 0 0}
/* galleryHTML (l.649-677) */
.sw-fi-gal{margin-top:clamp(20px,calc(2.5vw / var(--lw-z, 1)),30px)}
.sw-fi-grandes{position:relative}
.sw-fi-tile{position:relative;flex:1 1 0;min-width:0;border:0;padding:0;margin:0;border-radius:10px;overflow:hidden;cursor:zoom-in;background:var(--bone-2);aspect-ratio:4/3}
.sw-fi-ph{position:absolute;inset:0;overflow:hidden;background:var(--k-lienzo)}
.sw-fi-tint{background:linear-gradient(180deg,color-mix(in srgb,var(--k-noche) 8.4%,transparent) 0%,transparent 30%,transparent 55%,color-mix(in srgb,var(--k-noche) 19.2%,transparent) 100%)}
.sw-fi-cuenta{position:absolute;left:13px;bottom:12px;z-index:4;background:color-mix(in srgb,var(--k-scrim) 50%,transparent);color:var(--bone);font-family:var(--sans);
  font-size:11.5px;font-weight:600;letter-spacing:.1em;padding:4px 11px;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.sw-fi-cuenta-t{opacity:.55}
.sw-fi-mas{position:absolute;inset:0;background:color-mix(in srgb,var(--k-scrim) 50%,transparent);display:grid;place-items:center;z-index:3}
.sw-fi-mas span{font-family:var(--sans);font-size:clamp(15px,calc(1.5vw / var(--lw-z, 1)),20px);color:var(--bone);font-weight:500}
.sw-fi-izq{left:12px}
.sw-fi-der{right:12px}
.pdp-lb .sw-fi-izq{left:14px}
.pdp-lb .sw-fi-der{right:14px}
/* availability: la barra reparte con flex desde sw.js; sin JS no se dibuja (la leyenda y la rejilla ya lo dicen) */
html:not(.js) .av-bar{display:none}
/* mapMediaHTML (l.1356-1363): el iframe lo mide .pdp-map-embed de plantilla.css */
.pdp-map-open svg{width:15px;height:15px;flex:none}
.pdp-map-link{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:13px 20px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--tg);text-decoration:none;background:var(--bone-2)}
.pdp-map-link svg{width:17px;height:17px;flex:none}
/* paymentPlanBleedHTML (l.1055-1066): de fondo, los bancales del lienzo (sw.js) sobre espresso, y el velo de
   .pp-bleed::before solo a la izquierda para que el titular lea limpio (owner, 30-oct-2026, opción C) */
.sw-fi-franja{overflow:hidden;background:radial-gradient(120% 90% at 85% 20%,color-mix(in srgb,var(--m-primario-osc) 80%,var(--m-primario)) 0%,var(--m-primario-osc) 45%,color-mix(in srgb,var(--m-primario-osc) 62%,#000) 100%)}
.sw-fi-franja-lienzo{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.sw-fi-franja::before{z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--m-primario-osc) 62%,#000) 0%,transparent 75%);opacity:.85}
.sw-fi-franja .pp-bleed-in{z-index:2}
.sw-fi-franja-kick{color:var(--sc)}
.sw-fi-entrega-kick{color:color-mix(in srgb,var(--bone) 70%,transparent)}
.sw-fi-franja .pp-delivery .sw-aviso{color:inherit;margin-top:14px;max-width:62ch}
.sw-fi-franja .pp-delivery .sw-aviso a{color:inherit}
.pp-techcard .sw-contacto-sin{padding:0;border:0;background:none;border-radius:0}
/* splitSectionHTML y tabsPanelHTML (l.1378, 1391): sin JS se leen todas las pestañas seguidas */
.sw-fi-relleno{position:absolute;inset:0}
.js .sw-fi-pestana-off{display:none}
/* fullBleedImageHTML (l.885) como bleedWindowHTML (l.894): ventana con paralaje. La foto va al 112 % y sw.js la mueve
   ±5 % contra el scroll; con movimiento reducido se queda quieta y entera. La sombra de abajo a la izquierda es la que
   deja leer el pie sobre cualquier foto. */
.sw-fi-sangre{position:relative;overflow:hidden;background:var(--k-noche)}
.sw-fi-sangre-img{display:block;width:100%;height:auto;max-height:calc(92vh / var(--lw-z, 1));object-fit:cover}
@media (prefers-reduced-motion:no-preference){.js .sw-fi-sangre-img{transform:scale(1.12);will-change:transform}}
.sw-fi-sangre::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,color-mix(in srgb,var(--k-scrim) 62%,transparent) 0%,transparent 42%),
             linear-gradient(90deg,color-mix(in srgb,var(--k-scrim) 30%,transparent) 0%,transparent 45%)}
.sw-fi-sangre-pie{position:absolute;z-index:2;left:clamp(18px,calc(4vw / var(--lw-z, 1)),72px);right:clamp(18px,calc(4vw / var(--lw-z, 1)),72px);
  bottom:clamp(18px,calc(4vw / var(--lw-z, 1)),64px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(6px,calc(.8vw / var(--lw-z, 1)),12px);
  color:var(--bone);text-shadow:0 1px 3px rgba(0,0,0,.45),0 1px 16px rgba(0,0,0,.4)}
.sw-fi-sangre-pie span{font-family:var(--sans);font-weight:500;font-size:clamp(11px,calc(1.1vw / var(--lw-z, 1)),15px);letter-spacing:.3em;text-transform:uppercase}
.sw-fi-sangre-pie b{font-family:var(--sans);font-weight:500;font-size:clamp(24px,calc(4vw / var(--lw-z, 1)),60px);letter-spacing:.06em;text-transform:uppercase;line-height:1;text-wrap:balance}
/* la entradilla en Jost cursiva (owner, 30-oct-2026: «usamos la cursiva», no Cormorant) */
.sw-fi-sangre-pie em{font-family:var(--sans);font-style:italic;font-weight:400;font-size:clamp(18px,calc(1.8vw / var(--lw-z, 1)),26px);letter-spacing:.01em;max-width:40ch}
/* en móvil una foto 16:9 mide ~220 px y el pie no cabe: se recorta a 4:5. El pie ocupa todo el ancho y puede subir hasta
   un tercio de la foto (entradilla de 3 líneas): sombra más alta y sin la lateral (Experiencia, 30-oct) */
@media (max-width:640px){
  .sw-fi-sangre-img{aspect-ratio:4/5}
  .sw-fi-sangre::after{background:linear-gradient(0deg,color-mix(in srgb,var(--k-scrim) 70%,transparent) 0%,color-mix(in srgb,var(--k-scrim) 25%,transparent) 32%,transparent 58%)}
}
/* Botón al investor deck, bajo el precio (S17); en móvil la columna del precio baja entera y el botón ocupa el ancho */
.sw-fi-deck{margin:16px 0 0}
@media (max-width:640px){.sw-fi-cab-der{flex:1 1 100%}.sw-fi-deck .sw-btn{width:100%}}
/* «More projects» (l.1486) */
.sw-fi-mas-proy{margin-top:clamp(38px,calc(5vh / var(--lw-z, 1)),72px)}
.sw-fi-mas-kick{text-align:center;margin-bottom:clamp(22px,calc(2.6vw / var(--lw-z, 1)),32px)}

/* formulario */
.sw-contacto{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sw-contacto .sw-h2{margin-bottom:12px}
.sw-apagado{font-size:14px;color:var(--ink-70);padding:10px 12px;border:1px dashed var(--ss);border-radius:8px;margin-bottom:14px}
.sw-fs{border:0;min-width:0}
/* apagado (formulario aún sin abrir): se leen los rótulos y el paso; solo los controles se atenúan */
.sw-fs[disabled] :is(input,textarea,.sw-btn){opacity:.6}
.sw-paso-caja+.sw-paso-caja{margin-top:18px}
.js .sw-paso-caja{display:none}
.js .sw-paso-caja.on{display:block;margin-top:0}
.sw-paso{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-70);margin-bottom:10px}
.sw-campo{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:14px}
.sw-campo input,.sw-campo textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--bone);border:1px solid var(--ink-60);border-radius:8px;padding:10px 12px;width:100%}
.sw-campo textarea{resize:vertical;min-height:110px}
.sw-campo [aria-invalid="true"]{border-color:var(--tg);border-width:2px}
.sw-casilla{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;margin-bottom:12px}
.sw-casilla input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--tg)}
.sw-acciones{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.sw-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;appearance:none;border:1px solid var(--tg);background:var(--tg);color:var(--bone);border-radius:999px;padding:11px 22px;min-height:44px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.sw-btn-sec{background:transparent;color:var(--tg)}
.sw-btn:hover{background:var(--tg-hover);border-color:var(--tg-hover);color:var(--bone)}
.sw-fs[disabled] .sw-btn{cursor:not-allowed}
.sw-info{margin-top:12px;font-size:12.5px;color:var(--ink-70);line-height:1.5}
.sw-trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sw-form-estado{margin-top:10px;font-size:14px;color:var(--ink)}
.sw-form-estado:empty{display:none}

/* pie */
.sw-pie{border-top:1px solid var(--line);padding-block:clamp(28px,calc(4vw / var(--lw-z, 1)),48px);background:var(--bone-2)}
.sw-pie-in{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:center;justify-content:space-between}
.sw-pie-marca{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.sw-pie-marca img{width:48px;height:48px}
.sw-pie-idiomas,.sw-pie-legal ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.sw-pie a{text-decoration:underline;text-underline-offset:3px}
.sw-pie a[aria-current]{text-decoration:none;font-weight:600}
.sw-pie-firma{width:100%;font-size:12.5px;color:var(--ink-70)}

@media(prefers-reduced-motion:reduce){ .sw-zona img{transition:none} .sw-zona:hover img{transform:none} }