/* Presentación de identidad · Alesia Bertagnoli — versión web.
   Generado por pieces/presentacion/build_web.py a partir de presentacion.css (no editar a mano). */
@font-face{font-family:'Ms Madi';src:url("../fonts/ms-madi-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Hurricane';src:url("../fonts/hurricane-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:block;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Montserrat';src:url("../fonts/montserrat-200.woff2") format("woff2");font-weight:200;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Montserrat';src:url("../fonts/montserrat-300.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Montserrat';src:url("../fonts/montserrat-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Montserrat';src:url("../fonts/montserrat-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
@font-face{font-family:'Montserrat';src:url("../fonts/montserrat-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+A0-FF,U+131,U+152-153,U+2C6,U+2DA,U+2DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2190-2193,U+2197,U+2661,U+2665,U+2713,U+2715}
:root {
  --lino: #F3EEE6; --arena: #E7DFD2; --salvia-suave: #C9CDB9; --salvia: #9AA18A;
  --oliva: #5C6551; --bosque: #3D4436; --carbon: #2E2D27;
  --line: rgba(154, 161, 138, .45);
  --line-soft: rgba(154, 161, 138, .28);
  --f-script: 'Ms Madi', 'Great Vibes', cursive;
  --f-hand: 'Hurricane', 'Sacramento', cursive;
  --f-sans: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --e-out: cubic-bezier(.16, .84, .3, 1);
  --e-io: cubic-bezier(.65, .05, .25, 1);
  --e-soft: cubic-bezier(.33, 0, .15, 1);
  --tile: 720px;
  --paper-lino: url("../img/paper-lino.webp");
  --paper-arena: url("../img/paper-arena.webp");
  --paper-salvia: url("../img/paper-salvia-suave.webp");
  --paper-bosque: url("../img/paper-bosque.webp");
  --shadow-card: 0 1.6rem 2.4rem -1.6rem rgba(46, 45, 39, .42), 0 .4rem 1rem -.5rem rgba(46, 45, 39, .22);
  --shadow-soft: 0 2rem 3rem -2.2rem rgba(46, 45, 39, .45), 0 .6rem 1.4rem -.8rem rgba(46, 45, 39, .18);
  --pad-x: 6.5rem; --pad-t: 5.4rem; --pad-b: 4.6rem;
}
*, *::before, *::after { box-sizing: border-box; }
html {
  font-size: clamp(10px, min(1.04vw, 1.72vh), 22px);
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
  background: var(--lino); color: var(--carbon);
}
body {
  margin: 0; min-width: 320px;
  font-family: var(--f-sans); font-weight: 300; line-height: 1.6; letter-spacing: .01em;
  background-color: var(--lino); background-image: url("../img/paper-lino.webp"); background-size: var(--tile);
  overflow-x: hidden; -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
svg { fill: currentColor; }
button { font: inherit; color: inherit; }
a { color: inherit; }
p { margin: 0; }
kbd {
  display: inline-grid; place-items: center; min-width: 1.6em; height: 1.6em; padding: 0 .35em;
  font: 500 .72em/1 var(--f-sans); border: 1px solid var(--line); border-radius: .35em; color: var(--oliva);
}
b, strong { font-weight: 500; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--oliva); outline-offset: 3px; }
.sprite { position: absolute; }
.nowrap { white-space: nowrap; }
.kicker {
  display: flex; align-items: center; gap: .9rem; margin: 0 0 1.4rem;
  font: 500 .66rem/1 var(--f-sans); letter-spacing: .32em; text-transform: uppercase; color: var(--oliva);
}
.kicker b { font-weight: 300; font-size: .9rem; letter-spacing: .14em; color: var(--salvia); display: inline-flex; align-items: center; gap: .9rem; }
.kicker b::after { content: ''; width: 2.6rem; height: 1px; background: var(--salvia); }
.kicker--center { justify-content: center; }
.title {
  margin: 0 0 1.3rem; font-family: var(--f-script); font-weight: 400; color: var(--oliva);
  font-size: 4.3rem; line-height: 1.04; letter-spacing: 0; text-wrap: balance;
}
.title--xl { font-size: 6.6rem; line-height: .98; }
.lead { font-size: 1rem; line-height: 1.78; max-width: 34rem; color: var(--carbon); text-wrap: pretty; }
.lead b { font-weight: 500; color: var(--bosque); }
.label {
  margin: 0 0 1rem; font: 500 .62rem/1.3 var(--f-sans); letter-spacing: .32em; text-transform: uppercase; color: var(--bosque);
}
.small { font-size: .8rem; line-height: 1.65; color: var(--carbon); }
.small b { font-weight: 500; }
.cap { font: 400 .62rem/1.5 var(--f-sans); letter-spacing: .16em; text-transform: uppercase; color: var(--oliva); }
.cap b { font-weight: 600; }
.cap--row { display: flex; justify-content: space-between; gap: 2rem; margin-top: 1rem; }
.cap--row > span:first-child { letter-spacing: .04em; text-transform: none; font-size: .78rem; color: var(--carbon); max-width: 36rem; }
.cap__hint { white-space: nowrap; color: var(--salvia); }
.hint { display: flex; align-items: center; gap: .7rem; margin-top: 1.6rem; font-size: .8rem; color: var(--oliva); }
.hint svg { width: 1.3rem; height: 1.3rem; flex: none; }
.hint--touch { display: none; }
@media (hover: none) { .hint--hover { display: none; } .hint--touch { display: inline; } }
.hair { display: block; width: 4.6rem; height: 1px; background: var(--salvia); margin: 1.9rem auto; }
.checks { list-style: none; padding: 0; margin: 1.8rem 0 0; display: grid; gap: .55rem; }
.checks li { display: flex; align-items: center; gap: .7rem; font-size: .86rem; }
.checks svg { width: 1rem; height: 1rem; color: var(--oliva); flex: none; }
.panel { background: rgba(243, 238, 230, .72); border: 1px solid var(--line-soft); border-radius: 4px; }
.slide {
  position: relative; display: flex; overflow: hidden; isolation: isolate;
  background-color: var(--lino); background-image: url("../img/paper-lino.webp"); background-size: var(--tile);
}
.slide--arena { background-color: var(--arena); background-image: url("../img/paper-arena.webp"); }
.slide--salvia { background-color: var(--salvia-suave); background-image: url("../img/paper-salvia-suave.webp"); }
.slide--bosque { background-color: var(--bosque); background-image: url("../img/paper-bosque.webp"); color: var(--lino); }
.slide--bosque .title { color: var(--salvia-suave); }
.slide--bosque .lead, .slide--bosque .small { color: rgba(243, 238, 230, .86); }
.slide--bosque .kicker, .slide--bosque .label { color: var(--salvia-suave); }
.slide--bosque .kicker b { color: var(--salvia); }
.inner { position: relative; z-index: 2; width: 100%; max-width: 128rem; margin: auto; padding: var(--pad-t) var(--pad-x) var(--pad-b); }
.deco { position: absolute; z-index: 1; pointer-events: none; }
.deco img { width: 100%; height: auto; }
.deco--tr { top: -1.5rem; right: -2rem; width: 34rem; }
.deco--br { bottom: -2rem; right: -2rem; width: 30rem; }
.deco--bl { bottom: -2rem; left: -2rem; width: 17rem; }
.deco--tl { top: -1.5rem; left: -2rem; width: 30rem; transform: scaleX(-1); }
.mirror { display: block; transform: scaleX(-1); }
.s02__deco { width: 13rem; right: -1px; bottom: -1px; }
[data-a] { --d: 0; }
[data-a="up"] { opacity: 0; transform: translate3d(0, 1.5rem, 0); transition: opacity 1s var(--e-out) calc(var(--d) * 1ms), transform 1.2s var(--e-out) calc(var(--d) * 1ms); }
[data-a="fade"] { opacity: 0; transition: opacity 1.2s var(--e-soft) calc(var(--d) * 1ms); }
[data-a="scale"] { opacity: 0; transform: scale(.955); transition: opacity 1s var(--e-out) calc(var(--d) * 1ms), transform 1.2s var(--e-out) calc(var(--d) * 1ms); }
[data-a="drift-l"] { opacity: 0; transform: translate3d(4rem, -1.5rem, 0) rotate(4deg); transition: opacity 1.6s var(--e-soft) calc(var(--d) * 1ms), transform 2.2s var(--e-out) calc(var(--d) * 1ms); }
[data-a="drift-u"] { opacity: 0; transform: translate3d(0, 4rem, 0) rotate(-3deg); transition: opacity 1.6s var(--e-soft) calc(var(--d) * 1ms), transform 2.2s var(--e-out) calc(var(--d) * 1ms); }
.deco--tl[data-a="drift-l"] { transform: scaleX(-1) translate3d(4rem, -1.5rem, 0) rotate(4deg); }
[data-a="line"] { transform: scaleX(0); transition: transform 1.2s var(--e-io) calc(var(--d) * 1ms); }
[data-a="track"] { opacity: 0; letter-spacing: .75em; transition: opacity 1.2s var(--e-soft) calc(var(--d) * 1ms), letter-spacing 1.8s var(--e-out) calc(var(--d) * 1ms); }
[data-a="wipe"] {
  -webkit-mask-image: linear-gradient(90deg, #000 0 42%, transparent 58% 100%); mask-image: linear-gradient(90deg, #000 0 42%, transparent 58% 100%);
  -webkit-mask-size: 420% 100%; mask-size: 420% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: 100% 0; mask-position: 100% 0;
  transition: -webkit-mask-position 1.7s var(--e-io) calc(var(--d) * 1ms), mask-position 1.7s var(--e-io) calc(var(--d) * 1ms);
}
.title[data-a="wipe"] { padding: .1em .3em .28em .05em; margin-left: -.05em; margin-right: -.3em; margin-top: -.1em; }
[data-a="draw"] {
  -webkit-mask-image: linear-gradient(180deg, #000 0 42%, transparent 58% 100%); mask-image: linear-gradient(180deg, #000 0 42%, transparent 58% 100%);
  -webkit-mask-size: 100% 420%; mask-size: 100% 420%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: 0 100%; mask-position: 0 100%;
  transition: -webkit-mask-position 2.6s var(--e-soft) calc(var(--d) * 1ms), mask-position 2.6s var(--e-soft) calc(var(--d) * 1ms);
}
[data-a="paint"] { clip-path: inset(100% 0 0 0); transition: clip-path 1.25s var(--e-io) calc(var(--d) * 1ms); }
.is-in [data-a="up"], [data-a="up"].is-in,
.is-in [data-a="scale"], [data-a="scale"].is-in,
.is-in [data-a="drift-l"], [data-a="drift-l"].is-in,
.is-in [data-a="drift-u"], [data-a="drift-u"].is-in { opacity: 1; transform: none; }
.is-in .deco--tl[data-a="drift-l"], .deco--tl[data-a="drift-l"].is-in { transform: scaleX(-1); }
.is-in [data-a="fade"], [data-a="fade"].is-in { opacity: 1; }
.is-in [data-a="line"], [data-a="line"].is-in { transform: scaleX(1); }
.is-in [data-a="track"], [data-a="track"].is-in { opacity: 1; letter-spacing: var(--track, .32em); }
.is-in [data-a="wipe"], [data-a="wipe"].is-in,
.is-in [data-a="draw"], [data-a="draw"].is-in { -webkit-mask-position: 0 0; mask-position: 0 0; }
.is-in [data-a="paint"], [data-a="paint"].is-in { clip-path: inset(0 0 0 0); }
.sway { transform-origin: var(--o, 100% 100%); animation: sway var(--t, 9s) ease-in-out infinite alternate; animation-play-state: paused; }
.sway--b { --t: 11s; --o: 100% 0%; animation-delay: -3s; }
.sway--c { --t: 7.5s; --o: 70% 100%; animation-delay: -1.5s; }
.is-live .sway { animation-play-state: running; }
@keyframes sway { from { transform: rotate(-1.3deg); } to { transform: rotate(1.6deg); } }
.ui-progress { position: fixed; z-index: 50; top: 0; left: 0; right: 0; height: 2px; background: rgba(154, 161, 138, .2); pointer-events: none; }
.ui-progress i { display: block; height: 100%; background: var(--oliva); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); transition: transform .25s linear, background .6s; }
.ui-top { position: fixed; z-index: 40; top: 1.1rem; right: 1.3rem; display: flex; gap: .5rem; }
.ui-btn {
  display: inline-flex; align-items: center; gap: .65rem; height: 2.4rem; padding: 0 1.05rem; cursor: pointer;
  font: 500 .6rem/1 var(--f-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--bosque);
  background: rgba(243, 238, 230, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  border: 1px solid rgba(92, 101, 81, .25); border-radius: 999px; transition: background .4s, color .4s, border-color .4s;
}
.ui-btn:hover { background: var(--lino); border-color: rgba(92, 101, 81, .5); }
.ui-btn--icon { width: 2.4rem; padding: 0; justify-content: center; }
.ui-btn--icon svg { width: 1.1rem; height: 1.1rem; }
.ui-btn[hidden] { display: none; }
.ui-fs-out, .is-fs .ui-fs-in { display: none; }
.is-fs .ui-fs-out { display: block; }
.ui-burger { display: grid; gap: .28rem; width: .95rem; }
.ui-burger i { display: block; height: 1px; background: currentColor; }
.ui-burger i:last-child { width: 65%; }
.ui-nav { position: fixed; z-index: 40; right: 1.3rem; bottom: 1.1rem; display: flex; align-items: center; gap: .35rem; padding: .25rem; border-radius: 999px; background: rgba(243, 238, 230, .72); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(92, 101, 81, .14); }
html[data-tone="dark"] .ui-nav { background: rgba(61, 68, 54, .55); border-color: rgba(243, 238, 230, .16); }
.ui-arrow {
  width: 2.1rem; height: 2.1rem; display: grid; place-items: center; cursor: pointer; border-radius: 50%;
  background: transparent; border: 1px solid rgba(92, 101, 81, .22); color: var(--oliva); transition: background .4s, border-color .4s, opacity .4s;
}
.ui-arrow svg { width: .85rem; height: .85rem; transform: scaleX(-1); }
.ui-arrow--next svg { transform: none; }
.ui-arrow:hover { background: rgba(243, 238, 230, .8); border-color: rgba(92, 101, 81, .5); }
.ui-arrow:disabled { opacity: .3; cursor: default; }
.ui-count { display: inline-flex; align-items: center; gap: .55rem; padding: 0 .6rem; font: 300 .66rem/1 var(--f-sans); letter-spacing: .18em; color: var(--oliva); font-variant-numeric: tabular-nums; }
.ui-count b { font-weight: 500; color: var(--bosque); }
.ui-count__sep { width: 1.2rem; height: 1px; background: var(--salvia); }
html[data-tone="dark"] .ui-btn { color: var(--lino); background: rgba(61, 68, 54, .55); border-color: rgba(243, 238, 230, .25); }
html[data-tone="dark"] .ui-arrow { color: var(--salvia-suave); border-color: rgba(243, 238, 230, .25); }
html[data-tone="dark"] .ui-count { color: var(--salvia-suave); }
html[data-tone="dark"] .ui-count b { color: var(--lino); }
html[data-tone="dark"] .ui-progress i { background: var(--salvia-suave); }
.menu {
  position: fixed; inset: 0; z-index: 70; display: grid; place-items: center; overflow: auto; padding: 4rem 2rem;
  background-color: rgba(243, 238, 230, .97); background-image: url("../img/paper-lino.webp"); background-size: var(--tile);
  opacity: 0; visibility: hidden; transition: opacity .6s var(--e-soft), visibility 0s linear .6s;
}
.menu.is-open { opacity: 1; visibility: visible; transition: opacity .6s var(--e-soft); }
.menu__panel { width: min(64rem, 100%); }
.menu__head { display: flex; align-items: center; gap: 1.2rem; margin-bottom: 2.4rem; padding-bottom: 1.4rem; border-bottom: 1px solid var(--line); }
.menu__iso { width: 2rem; height: auto; color: var(--oliva); }
.menu__title { flex: 1; font: 500 .66rem var(--f-sans); letter-spacing: .32em; text-transform: uppercase; color: var(--bosque); }
.menu__list { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 5rem; }
.menu__list li { break-inside: avoid; opacity: 0; transform: translateY(.8rem); transition: opacity .5s var(--e-out), transform .7s var(--e-out); }
.menu.is-open .menu__list li { opacity: 1; transform: none; transition-delay: calc(var(--i) * 30ms + 120ms); }
.menu__list a { display: flex; align-items: baseline; gap: 1.1rem; padding: .32rem 0; text-decoration: none; color: var(--oliva); }
.menu__list .n { width: 1.8rem; flex: none; font: 400 .66rem var(--f-sans); letter-spacing: .18em; color: var(--salvia); }
.menu__list .t { font-family: var(--f-script); font-size: 2.05rem; line-height: 1.15; transition: color .3s, transform .5s var(--e-out); display: inline-block; }
.menu__list a:hover .t { color: var(--bosque); transform: translateX(.4rem); }
.menu__list a[aria-current="true"] .t { color: var(--bosque); }
.menu__list a[aria-current="true"] .n { color: var(--bosque); }
.menu__help { margin-top: 2.4rem; font-size: .76rem; color: var(--oliva); }
.menu-open, .menu-open body { overflow: hidden; }
.toast {
  position: fixed; z-index: 80; left: 50%; bottom: 2.2rem; transform: translate(-50%, 1rem); opacity: 0; pointer-events: none;
  padding: .85rem 1.4rem; border-radius: 999px; background: var(--bosque); color: var(--lino);
  font: 500 .7rem/1 var(--f-sans); letter-spacing: .14em; box-shadow: var(--shadow-soft);
  transition: opacity .5s var(--e-soft), transform .6s var(--e-out);
}
.toast.is-on { opacity: 1; transform: translate(-50%, 0); }
.toast b { font-family: var(--f-hand); font-size: 1.7rem; font-weight: 400; letter-spacing: 0; margin-right: .5rem; vertical-align: -.2em; }
.lightbox {
  position: fixed; inset: 0; z-index: 75; display: grid; place-items: center; padding: 4.5rem 3rem 2.5rem;
  background: rgba(46, 45, 39, .88); opacity: 0; visibility: hidden; transition: opacity .5s var(--e-soft), visibility 0s linear .5s;
}
.lightbox.is-open { opacity: 1; visibility: visible; transition: opacity .5s var(--e-soft); }
.lightbox__stage { width: 100%; height: 100%; overflow: auto; display: grid; place-items: center; }
.lightbox__stage img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; border-radius: 3px; box-shadow: 0 2rem 4rem -2rem rgba(0, 0, 0, .6); cursor: zoom-out; }
.lightbox__close { position: absolute; z-index: 2; top: 1.1rem; right: 1.3rem; }
.lightbox.is-tall .lightbox__stage { display: block; text-align: center; overscroll-behavior: contain; }
.lightbox.is-tall .lightbox__stage img { display: inline-block; width: min(100%, 80rem); max-width: 100%; max-height: none; vertical-align: top; cursor: default; }
.zoomable { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; }
.ph {
  position: relative; container-type: inline-size; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .45rem;
  width: 100%; padding: 1rem; overflow: hidden; text-align: center; color: var(--oliva); border-radius: inherit;
  background-color: var(--arena); background-image: url("../img/paper-arena.webp"); background-size: 520px;
}
.ph::before { content: ''; position: absolute; inset: .5rem; border: 1px dashed rgba(92, 101, 81, .38); border-radius: inherit; pointer-events: none; }
.ph__ic { width: 1.5rem; height: 1.5rem; color: var(--salvia); }
.ph__t { font-family: var(--f-script); font-size: 1.75rem; line-height: 1; }
.ph__l { max-width: 16rem; font: 500 .5rem/1.4 var(--f-sans); letter-spacing: .24em; text-transform: uppercase; color: var(--salvia); }
@container (max-width: 150px) { .ph__t { font-size: 1.05rem; } .ph__l { display: none; } .ph__ic { width: 1rem; height: 1rem; } }
@container (max-width: 70px) { .ph__t { display: none; } }
.pk { width: 100%; height: auto; }
.pp__art > .ph, .autoscroll__inner > .ph, .flow__btn > .ph, .gal__item .zoomable > .ph, .vt__art .ph, .flip__face .ph, .pt-frame .ph, .st-frame .ph, .pt-dframe .ph, .fbx__cover .ph, .share__img .ph, .mq-card .ph, .ig-cell .ph { aspect-ratio: auto !important; }
.s01 .inner { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); align-items: center; gap: 3.5rem; padding-left: 8rem; padding-right: 13rem; }
.s01__face { position: relative; justify-self: end; width: 18.5rem; }
.s01__iso { display: block; width: 100%; height: auto; color: var(--oliva); }
.s01__branch { position: absolute; left: -38%; top: 37%; width: 52%; z-index: -1; }
.s01__branch img { width: 100%; }
.s01__brand { justify-self: start; width: 100%; max-width: 38rem; text-align: center; }
.s01__let { display: block; width: 100%; height: auto; color: var(--oliva); }
.s01__cosme { --track: .34em; margin-top: 1.7rem; padding-left: .34em; font: 400 1.45rem/1 var(--f-sans); letter-spacing: .34em; text-transform: uppercase; color: var(--carbon); }
.s01__sub { font: 400 .72rem/1.4 var(--f-sans); letter-spacing: .34em; text-transform: uppercase; color: var(--bosque); }
.s01__date { margin-top: .5rem; font-family: var(--f-hand); font-size: 2.6rem; line-height: 1.1; color: var(--oliva); }
.s01 .deco--tr { width: 36rem; }
.s01 .deco--br { width: 31rem; }
.s01__hint { position: absolute; z-index: 3; left: 50%; bottom: 1.6rem; transform: translateX(-50%); display: flex; align-items: center; gap: .45rem; font-size: .7rem; letter-spacing: .06em; color: var(--oliva); white-space: nowrap; }
.s01__hint i { width: 1px; height: 1.6rem; margin-left: .8rem; background: var(--salvia); transform-origin: top; animation: hintline 2.4s var(--e-io) infinite; }
@keyframes hintline { 0% { transform: scaleY(0); } 50% { transform: scaleY(1); transform-origin: top; } 51% { transform-origin: bottom; } 100% { transform: scaleY(0); transform-origin: bottom; } }
.s02__grid { display: grid; grid-template-columns: 29rem minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 5rem; row-gap: 2.6rem; align-content: center; }
.s02__head { grid-column: 1; grid-row: 1; }
.s02__head .lead { font-size: .94rem; }
.s02__orig { grid-column: 1; grid-row: 2; align-self: start; margin: 0; }
.s02__cards { position: relative; height: 13.6rem; }
.s02__card { position: absolute; width: 20rem; border-radius: 2px; box-shadow: var(--shadow-card); }
.s02__card--f { left: 0; top: .4rem; transform: rotate(-3deg); }
.s02__card--b { left: 7.5rem; top: 4.8rem; transform: rotate(2.4deg); }
.s02__orig .cap { margin-top: .4rem; }
.s02__right { grid-column: 2; grid-row: 1 / span 2; align-self: center; min-width: 0; }
.s02__cmp { margin: 0; }
.compare {
  --pos: 50%; position: relative; width: 100%; overflow: hidden; border-radius: 4px; background: var(--arena);
  box-shadow: var(--shadow-soft); touch-action: pan-y; -webkit-user-select: none; user-select: none; cursor: ew-resize;
}
.compare__layer { position: absolute; inset: 0; }
.compare__layer > img { width: 100%; height: 100%; object-fit: cover; }
.compare__after { clip-path: inset(0 0 0 var(--pos)); background-color: var(--lino); background-image: url("../img/paper-lino.webp"); background-size: 900px; }
.compare__let { position: absolute; left: var(--let-l); top: var(--let-t); width: var(--let-w); height: var(--let-h); color: var(--oliva); }
.compare__handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 0; pointer-events: none; }
.compare__handle::before { content: ''; position: absolute; top: 0; bottom: 0; left: -.5px; width: 1px; background: var(--lino); box-shadow: 0 0 0 .5px rgba(46, 45, 39, .18); }
.compare__knob {
  position: absolute; top: 50%; left: 0; width: 3.2rem; height: 3.2rem; margin: -1.6rem 0 0 -1.6rem; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; gap: .15rem; color: var(--oliva);
  background: var(--lino); border: 1px solid rgba(92, 101, 81, .3); box-shadow: 0 .6rem 1.4rem -.6rem rgba(46, 45, 39, .45);
}
.compare__knob svg { width: .8rem; height: .8rem; }
.compare__knob svg:first-child { transform: scaleX(-1); }
.compare__tag {
  position: absolute; top: 1rem; z-index: 2; padding: .45rem .75rem; border-radius: 99px; pointer-events: none;
  font: 500 .55rem/1 var(--f-sans); letter-spacing: .24em; text-transform: uppercase; color: var(--bosque); background: rgba(243, 238, 230, .88);
}
.compare__tag--l { left: 1rem; }
.compare__tag--r { right: 1rem; }
.compare__range { position: absolute; inset: auto 0 0 0; width: 100%; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
.compare__range:focus-visible ~ .compare__handle .compare__knob, .compare:has(.compare__range:focus-visible) .compare__knob { outline: 2px solid var(--oliva); outline-offset: 3px; }
.steps { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; }
.steps li { display: grid; grid-template-columns: auto 1fr; column-gap: .9rem; align-items: baseline; border-top: 1px solid var(--line); padding-top: .9rem; }
.steps i { grid-row: span 2; font-family: var(--f-hand); font-style: normal; font-size: 2.4rem; line-height: .8; color: var(--salvia); }
.steps b { font: 500 .66rem/1.3 var(--f-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--bosque); }
.steps span { font-size: .8rem; line-height: 1.5; }
.s03__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6rem; align-items: center; }
.s03 .title--xl { margin-bottom: 2rem; }
.s03__purpose { max-width: 30rem; }
.s03__frase { width: 21rem; margin-top: 2.6rem; color: var(--bosque); }
.s03__frase svg { width: 100%; height: auto; display: block; }
.s03__side { padding-right: 2rem; }
.traits { list-style: none; padding: 0; margin: 0 0 2.4rem; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem 2.4rem; }
.traits li { border-top: 1px solid var(--line); padding-top: .8rem; }
.traits__w { display: block; font-family: var(--f-script); font-size: 2.5rem; line-height: 1.15; color: var(--oliva); }
.traits__d { display: block; font-size: .82rem; line-height: 1.55; }
.diffs { list-style: none; padding: 0; margin: 0; display: grid; gap: 1rem; }
.diffs li { display: grid; grid-template-columns: 3rem 1fr; gap: 1.1rem; align-items: center; }
.diffs__ic { width: 3rem; height: 3rem; border-radius: 50%; border: 1px solid rgba(92, 101, 81, .3); display: grid; place-items: center; color: var(--oliva); background: rgba(243, 238, 230, .5); }
.diffs__ic svg { width: 1.35rem; height: 1.35rem; }
.diffs b { display: block; font: 500 .66rem/1.4 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--bosque); }
.diffs li > span:last-child > span { font-size: .82rem; line-height: 1.5; }
.s03__deco { width: 27rem; opacity: .95; }
.s04 .inner { display: grid; grid-template-rows: auto 1fr auto; height: 100%; }
.s04__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s04__head .title { margin-bottom: 0; }
.s04__head .lead { max-width: 26rem; padding-bottom: .6rem; }
.s04__stage { position: relative; align-self: center; justify-self: center; width: min(54rem, 100%); margin: 3.4rem 0 2.6rem; }
.logo-anim { position: relative; width: 100%; color: var(--oliva); }
.logo-anim > svg { position: absolute; display: block; overflow: visible; }
.logo-anim--dark { color: var(--lino); }
.note {
  position: absolute; z-index: 2; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: .25rem;
  font: 500 .55rem/1.2 var(--f-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--oliva); white-space: nowrap; pointer-events: none;
}
.note small { font: 300 .7rem/1.2 var(--f-sans); letter-spacing: .04em; text-transform: none; color: var(--carbon); }
.note::after { content: ''; width: 1px; height: 1.4rem; margin-top: .35rem; background: var(--salvia); }
.note--iso { left: var(--iso-cx); bottom: calc(100% - var(--iso-top) + .4rem); }
.note--let { left: var(--let-cx); bottom: calc(100% - var(--let-top) + .4rem); }
.note--cos { left: var(--cos-cx); top: calc(var(--cos-bot) + .5rem); }
.note--cos::after { display: none; }
.note--cos::before { content: ''; width: 1px; height: 1.4rem; margin-bottom: .35rem; background: var(--salvia); }
.reasons { list-style: none; margin: 0; padding: 1.5rem 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2.4rem; border-top: 1px solid var(--line); }
.reasons i { display: block; font-family: var(--f-hand); font-style: normal; font-size: 2rem; line-height: 1; color: var(--salvia); }
.reasons b { display: block; margin: .3rem 0 .4rem; font: 500 .64rem/1.4 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--bosque); }
.reasons span { font-size: .82rem; line-height: 1.6; }
.s04__deco { width: 26rem; opacity: .9; }
.s05__grid { display: grid; grid-template-columns: 21rem minmax(0, 1fr); gap: 4.5rem; align-items: center; }
.s05__head .lead { font-size: .94rem; }
.s05__colors-t { margin-top: 2.2rem; }
.s05__colors { list-style: none; margin: 0; padding: 0; display: flex; gap: 1rem; }
.s05__colors li { display: flex; flex-direction: column; align-items: center; gap: .45rem; font: 500 .52rem var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--oliva); }
.cchip { width: 3.6rem; height: 3.6rem; border-radius: 50%; padding: .55rem; display: grid; place-items: center; border: 1px solid var(--line-soft); background: rgba(243, 238, 230, .6); }
.cchip--dark { background: var(--bosque); border-color: transparent; }
.cchip .pk { width: 100%; }
.cchip .ph { width: 100%; height: 100%; padding: 0; border-radius: 50%; }
.vgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 13.4rem; gap: .9rem; }
.vt { position: relative; overflow: hidden; border-radius: 4px; border: 1px solid var(--line-soft); background-color: var(--lino); background-image: url("../img/paper-lino.webp"); background-size: 600px; color: var(--carbon); }
.vt--2 { grid-column: span 2; }
.vt--arena { background-color: var(--arena); background-image: url("../img/paper-arena.webp"); }
.vt--salvia { background-color: var(--salvia-suave); background-image: url("../img/paper-salvia-suave.webp"); }
.vt--bosque { background-color: var(--bosque); background-image: url("../img/paper-bosque.webp"); border-color: transparent; color: var(--lino); }
.vt__art { position: absolute; inset: 1.4rem 1.6rem 2.8rem; display: flex; align-items: center; justify-content: center; }
.vt__art .pk { width: auto; height: auto; max-width: calc(var(--s, 1) * 100%); max-height: calc(var(--s, 1) * 100%); }
.vt__art .ph { height: 100%; }
.vt__cap { position: absolute; left: 1.1rem; right: 1.1rem; bottom: .85rem; display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; }
.vt__cap b { font: 500 .54rem/1.2 var(--f-sans); letter-spacing: .24em; text-transform: uppercase; }
.vt__cap span { font-size: .66rem; opacity: .75; }
.s06 .inner { display: grid; grid-template-rows: auto auto; align-content: center; gap: 3rem; height: 100%; }
.s06__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s06__head .title { margin-bottom: 0; }
.s06__head .lead { max-width: 30rem; font-size: .92rem; }
.s06__cols { display: grid; grid-template-columns: 1.1fr .8fr 1.25fr; gap: 3rem; align-items: start; }
.lnum { display: inline-grid; place-items: center; width: 1.5rem; height: 1.5rem; margin-right: .7rem; border: 1px solid var(--line); border-radius: 50%; font-size: .6rem; letter-spacing: 0; }
.panel--cs { padding: .8rem; margin-bottom: 1rem; color: var(--oliva); }
.cs-svg { display: block; width: 100%; height: auto; }
.cs-zone { fill: rgba(201, 205, 185, .22); stroke: var(--salvia); }
.cs-ink { fill: none; stroke: rgba(154, 161, 138, .55); }
.cs-x { fill: rgba(154, 161, 138, .32); }
.cs-t { fill: var(--bosque); font-family: var(--f-hand); text-anchor: middle; }
.cs-a { fill: rgba(92, 101, 81, .08); stroke: var(--bosque); }
.ms { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .8rem; }
.ms__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: center; padding-top: .8rem; border-top: 1px solid var(--line); }
.ms__art { display: block; width: var(--w); max-width: 100%; color: var(--oliva); }
.ms__art img.ms-logo { width: 100%; }
.ms-logo { display: block; width: 100%; height: auto; }
.ms__txt { text-align: right; }
.ms__txt b { display: block; font: 500 .6rem/1.4 var(--f-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--bosque); }
.ms__txt span { display: block; font-size: .74rem; line-height: 1.5; }
.wrong { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem .8rem; }
.wrong__box { position: relative; display: grid; place-items: center; aspect-ratio: 1.15; overflow: hidden; border-radius: 4px; border: 1px solid var(--line-soft); background-color: var(--lino); background-image: url("../img/paper-lino.webp"); background-size: 500px; color: var(--oliva); }
.wrong__box .logo-svg { width: 80%; height: auto; display: block; }
.wrong__x { position: absolute; top: .45rem; right: .45rem; width: 1.3rem; height: 1.3rem; display: grid; place-items: center; border-radius: 50%; background: var(--carbon); color: var(--lino); font-size: .58rem; line-height: 1; }
.wrong p { margin-top: .5rem; font-size: .72rem; line-height: 1.35; }
.w-stretch .logo-svg { transform: scale(1.18, .66); }
.w-rotate .logo-svg { transform: rotate(-17deg) scale(.85); }
.w-color .wrong__box { color: #B04A86; }
.w-effect .logo-svg { filter: drop-shadow(.22rem .22rem .08rem rgba(46, 45, 39, .55)) drop-shadow(0 0 .35rem rgba(255, 210, 90, .9)); }
.w-bg .wrong__box { background: var(--salvia); color: var(--oliva); }
.sheet-link { display: inline-flex; align-items: center; gap: .9rem; width: auto; margin-top: 1.1rem; padding: .45rem .9rem .45rem .45rem; border-radius: 4px; border: 1px solid var(--line-soft); background: rgba(243, 238, 230, .6); text-align: left; }
.sheet-link .pk { width: 4.6rem; border-radius: 2px; box-shadow: 0 .3rem .6rem -.3rem rgba(46, 45, 39, .35); }
.sheet-link span { font: 500 .56rem/1.3 var(--f-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--oliva); }
.sheet-link:hover span { color: var(--bosque); }
.s05__head .sheet-link { margin-top: 1.8rem; }
.is-print .sheet-link { display: none; }
.s07 .inner { display: grid; grid-template-rows: auto 1fr auto; gap: 1.8rem; height: 100%; }
.s07__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s07__head .title { margin-bottom: 0; }
.s07__head .lead { max-width: 28rem; font-size: .92rem; }
.pal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 1rem; align-items: start; align-self: center; }
.sw__btn { display: grid; grid-template-rows: var(--chips-h, 24rem) auto; width: 100%; padding: 0; border: 0; background: none; text-align: left; cursor: copy; }
.sw__btn > .sw__chip { align-self: end; }
.sw__chip { position: relative; display: block; height: var(--h, 18rem); border-radius: 3px; background: var(--c); overflow: hidden; transition: transform .6s var(--e-out), clip-path 1.25s var(--e-io) calc(var(--d) * 1ms); }
.sw:nth-child(1) .sw__chip { --h: 24rem; } .sw:nth-child(2) .sw__chip { --h: 21.5rem; } .sw:nth-child(3) .sw__chip { --h: 19.5rem; }
.sw:nth-child(4) .sw__chip { --h: 18rem; } .sw:nth-child(5) .sw__chip { --h: 16.8rem; } .sw:nth-child(6) .sw__chip { --h: 15.8rem; } .sw:nth-child(7) .sw__chip { --h: 15rem; }
.sw__chip::after { content: ''; position: absolute; inset: 0; background-image: url("../img/paper-lino.webp"); background-size: 600px; mix-blend-mode: multiply; opacity: .35; pointer-events: none; }
.sw--light .sw__chip { box-shadow: inset 0 0 0 1px rgba(154, 161, 138, .45); }
.sw__copy {
  position: absolute; z-index: 1; left: 50%; bottom: 1rem; transform: translate(-50%, .4rem); opacity: 0; padding: .4rem .7rem; border-radius: 99px;
  font: 500 .5rem/1 var(--f-sans); letter-spacing: .24em; text-transform: uppercase; background: rgba(243, 238, 230, .9); color: var(--bosque);
  transition: opacity .4s, transform .5s var(--e-out);
}
.sw__btn:hover .sw__chip, .sw__btn:focus-visible .sw__chip { transform: translateY(-.5rem); }
.sw__btn:hover .sw__copy, .sw__btn:focus-visible .sw__copy { opacity: 1; transform: translate(-50%, 0); }
.sw__info { display: flex; flex-direction: column; gap: .15rem; padding-top: .9rem; }
.sw__name { font-family: var(--f-script); font-size: 1.85rem; line-height: 1.1; color: var(--oliva); }
.sw__hex { font: 500 .78rem/1.5 var(--f-sans); letter-spacing: .1em; color: var(--bosque); }
.sw__row { font-size: .64rem; line-height: 1.5; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sw__row i { font-style: normal; display: inline-block; width: 2.6rem; font-weight: 500; font-size: .52rem; letter-spacing: .18em; color: var(--salvia); }
.sw__use { margin-top: .35rem; font-size: .66rem; line-height: 1.4; color: var(--oliva); }
.prop { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.6rem; }
.prop .label { margin: 0; }
.prop__bar { display: flex; height: 1.3rem; border-radius: 99px; overflow: hidden; border: 1px solid var(--line); }
.prop__bar span { flex: var(--w) 1 0; background: var(--c); display: flex; align-items: center; padding-left: .6rem; font: 500 .5rem/1 var(--f-sans); letter-spacing: .1em; color: var(--bosque); overflow: hidden; }
.prop__bar span.dk { color: var(--lino); padding-left: .35rem; }
.prop .small { max-width: 22rem; font-size: .68rem; }
.s07__deco { width: 13rem; right: 2.5rem; bottom: -1rem; }
.s08 .inner { display: grid; grid-template-rows: auto auto; align-content: center; gap: 2.4rem; height: 100%; }
.s08__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s08__head .title { margin-bottom: 0; }
.s08__note { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.4rem; align-items: center; max-width: 36rem; }
.s08__let { width: 100%; height: auto; color: var(--oliva); }
.s08__note .small { font-size: .76rem; }
.types { display: grid; grid-template-columns: 1fr 1fr 1.2fr; gap: 1.1rem; min-height: 0; }
.ty { display: flex; flex-direction: column; gap: .7rem; min-width: 0; padding: 1.6rem 1.8rem; border-radius: 4px; background: rgba(231, 223, 210, .5); border: 1px solid var(--line-soft); }
.ty__role { font: 500 .58rem/1.3 var(--f-sans); letter-spacing: .3em; text-transform: uppercase; color: var(--salvia); }
.ty__name { font: 500 .95rem/1.3 var(--f-sans); letter-spacing: .06em; color: var(--bosque); }
.ty__aa { font-size: 6.4rem; line-height: 1; color: var(--oliva); margin: .2rem 0; }
.ty--madi .ty__aa, .ty--madi .ty__sample, .ty--madi .ty__glyphs { font-family: var(--f-script); }
.ty--hurr .ty__aa, .ty--hurr .ty__sample, .ty--hurr .ty__glyphs { font-family: var(--f-hand); }
.ty__sample { min-height: 2.4em; font-size: 2.2rem; line-height: 1.15; color: var(--bosque); }
.ty--hurr .ty__sample { font-size: 2.5rem; }
.ty__glyphs { margin-bottom: 1.2rem; font-size: 1.15rem; line-height: 1.4; color: var(--oliva); letter-spacing: .04em; }
.ty__use { margin-top: auto; padding-top: .9rem; border-top: 1px solid var(--line-soft); font-size: .76rem; line-height: 1.55; }
.ty__rot { min-height: 1.6em; margin: .6rem 0 .4rem; font: 400 .92rem/1.6 var(--f-sans); letter-spacing: .32em; color: var(--carbon); }
.weights { list-style: none; margin: 0; padding: 0; }
.weights li { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .48rem 0; border-bottom: 1px solid var(--line-soft); font-size: 1.12rem; color: var(--bosque); }
.weights i { font: 400 .52rem var(--f-sans); letter-spacing: .2em; text-transform: uppercase; font-style: normal; color: var(--salvia); white-space: nowrap; }
.typing::after { content: ''; display: inline-block; width: 1px; height: .9em; margin-left: .06em; vertical-align: -.08em; background: currentColor; animation: blink 1s steps(1) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.s09 .inner { display: grid; grid-template-rows: auto 1fr; gap: 2rem; height: 100%; }
.s09__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s09__head .title { margin-bottom: 0; }
.s09__head .lead { max-width: 30rem; font-size: .92rem; }
.bento { display: grid; grid-template-columns: 1.25fr 1fr 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 1rem; min-height: 0; }
.bx { position: relative; overflow: hidden; min-height: 0; padding: 1.3rem 1.5rem; border-radius: 4px; background-color: rgba(243, 238, 230, .78); border: 1px solid var(--line-soft); }
.bx .label { margin-bottom: .8rem; }
.bx--illus { grid-row: span 2; display: flex; flex-direction: column; }
.bx--icons { grid-column: span 2; }
.bx--illus { padding: 0; }
.bx--illus .label { position: absolute; z-index: 2; top: 1.3rem; left: 1.5rem; }
.illus { position: relative; flex: 1; min-height: 16rem; }
.illus img { position: absolute; height: auto; }
.illus__a { left: 14%; top: 22%; width: 50%; }
.illus__b { right: -1.4rem; top: -1.6rem; width: 62%; }
.illus__c { right: 7%; bottom: 4%; width: 24%; }
.illus__d { left: -1px; bottom: -1px; width: 34%; }
.icons { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 1.1rem .6rem; }
.icons li { display: flex; flex-direction: column; align-items: center; gap: .4rem; font-size: .62rem; color: var(--oliva); text-align: center; }
.icons svg { width: 1.9rem; height: 1.9rem; color: var(--oliva); }
.bx--paper { display: flex; flex-direction: column; }
.papers { flex: 1; list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: .7rem; align-items: center; }
.papers li { display: flex; flex-direction: column; align-items: center; gap: .5rem; font: 500 .5rem var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--oliva); }
.paper-dot { width: 100%; max-width: 7rem; aspect-ratio: 1; border-radius: 50%; background-size: 260px; box-shadow: inset 0 0 0 1px var(--line-soft); }
.frases { display: flex; flex-direction: column; gap: .8rem; justify-content: center; height: calc(100% - 1.8rem); }
.frases svg { display: block; height: auto; color: var(--bosque); }
.frases__a { width: 92%; }
.frases__b { width: 55%; align-self: flex-end; }
.s10__grid { display: grid; grid-template-columns: 23rem minmax(0, 1fr); gap: 4.5rem; align-items: center; }
.s10 .kicker, .s10 .label { color: var(--bosque); }
.s10 .kicker b, .s10 .kicker b::after { color: var(--oliva); }
.s10 .kicker b::after { background: var(--oliva); }
.cards { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4rem 2.2rem; perspective: 2400px; }
.cards__main { grid-column: 1 / -1; }
.card-fig { margin: 0; min-width: 0; }
.card-fig .cap { margin-top: 1rem; color: var(--bosque); }
.cards__main .flip { width: 100%; }
.flip { position: relative; perspective: 2000px; cursor: pointer; border-radius: 3px; }
.flip:focus-visible { outline-offset: 6px; }
.flip__inner { position: relative; aspect-ratio: var(--ar); transform-style: preserve-3d; transition: transform 1.2s var(--e-io); }
.flip__face { position: absolute; inset: 0; overflow: hidden; border-radius: 3px; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: var(--lino); box-shadow: 0 2.2rem 2.6rem -1.8rem rgba(46, 45, 39, .55), 0 .5rem 1.2rem -.6rem rgba(46, 45, 39, .25); }
.flip__face--back { transform: rotateY(180deg); }
.flip__face .pk, .flip__face .ph { width: 100%; height: 100%; object-fit: cover; }
.flip.is-flipped .flip__inner { transform: rotateY(180deg); }
@media (hover: hover) and (pointer: fine) {
  .flip:hover:not(.is-flipped) .flip__inner { transform: rotateY(180deg); }
  .flip.is-flipped:hover .flip__inner { transform: none; }
}
.is-in .flip--hint { animation: fliphint 2s var(--e-io) 2s 1 both; }
@keyframes fliphint { 0%, 100% { transform: none; } 40% { transform: rotateY(-16deg) rotateX(3deg); } 70% { transform: rotateY(6deg); } }
.s11__grid { display: grid; grid-template-columns: 21rem minmax(0, 1fr); gap: 4rem; align-items: center; }
.desk { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1.6rem 2rem; height: min(46rem, calc(100vh - 10rem)); }
.pp { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.pp__art { position: relative; flex: 1; min-height: 0; }
.pp__art > .pk, .stk > .pk { position: absolute; inset: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; filter: drop-shadow(0 1.1rem 1.2rem rgba(46, 45, 39, .26)) drop-shadow(0 .2rem .35rem rgba(46, 45, 39, .14)); }
.pp__art > .ph, .stk > .ph { position: absolute; inset: 0; height: auto; border-radius: 3px; }
.stk { position: absolute; width: 58%; height: 72%; }
.stk:only-child { inset: 0; width: auto; height: auto; }
.stk--0 { left: 0; top: 0; transform: rotate(-6deg); }
.stk--1 { right: 0; top: 6%; transform: rotate(5deg); }
.stk--2 { left: 21%; bottom: 0; transform: rotate(-2deg); }
.pp__cap { margin-top: .8rem; text-align: center; font: 500 .52rem/1.3 var(--f-sans); letter-spacing: .26em; text-transform: uppercase; color: var(--oliva); }
.pp--membrete .pp__art > .pk { transform: rotate(-1.6deg); }
.pp--lista .pp__art > .pk { transform: rotate(1.2deg); }
.pp--gift .pp__art > .pk { transform: rotate(-2deg); }
.s12__grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5rem; align-items: center; }
.s12__left { min-width: 0; }
.s12__note { margin-top: 1rem; color: var(--oliva); }
.s12__deco { width: 17rem; opacity: .5; }
.marquee { position: relative; margin-top: 2.6rem; margin-right: -3rem; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.mq-track { list-style: none; margin: 0; padding: 1.4rem 0 2.2rem; display: flex; width: max-content; animation: marquee var(--mq-dur, 70s) linear infinite; animation-play-state: paused; }
.is-live .mq-track { animation-play-state: running; }
.marquee:hover .mq-track { animation-play-state: paused; }
.mq-item { flex: none; padding-right: 1.1rem; }
.mq-card { width: 11.5rem; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 3px; box-shadow: var(--shadow-card); background: var(--arena); transition: transform .6s var(--e-out); }
.mq-card:hover { transform: translateY(-.4rem); }
.mq-card .pk, .mq-card .ph { width: 100%; height: 100%; object-fit: cover; }
@keyframes marquee { to { transform: translateX(-50%); } }
.print-grid { display: none; }
.phone { position: relative; width: 18.5rem; aspect-ratio: 9 / 19.2; padding: .6rem; border-radius: 3rem; background: var(--carbon); box-shadow: 0 3rem 4rem -2.6rem rgba(46, 45, 39, .6), 0 1rem 2rem -1rem rgba(46, 45, 39, .3), inset 0 0 0 1px rgba(255, 255, 255, .07); }
.phone__screen { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 2.45rem; background: #fff; isolation: isolate; }
.phone__island { position: absolute; z-index: 9; top: .5rem; left: 50%; width: 5.4rem; height: 1.5rem; transform: translateX(-50%); border-radius: 99px; background: #111; }
.phone--dark { background: #1d1d1a; box-shadow: 0 3rem 4rem -2.4rem rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .1); }
.autoscroll { position: absolute; inset: 0; overflow: hidden; }
.autoscroll__inner { will-change: transform; animation: ascroll var(--dur, 30s) var(--e-io) 1.5s infinite alternate; animation-play-state: paused; }
.is-live .autoscroll__inner { animation-play-state: running; }
.autoscroll:hover .autoscroll__inner { animation-play-state: paused; }
.autoscroll__inner > .pk { width: 100%; }
.autoscroll__inner:has(> .ph) { height: 100%; }
.autoscroll__inner > .ph { height: 100%; }
@keyframes ascroll { 0%, 10% { transform: translateY(0); } 90%, 100% { transform: translateY(calc(var(--dist, 0px) * -1)); } }
.ig { font-size: .56rem; line-height: 1.4; color: #262626; background: #fff; padding-bottom: 1rem; }
.ig__status { display: flex; justify-content: space-between; align-items: center; height: 2.6rem; padding: .9rem 1.4rem 0; font-weight: 600; font-size: .62rem; }
.ig__sys { display: flex; gap: .15rem; } .ig__sys i { width: .5rem; height: .35rem; border-radius: 1px; background: #262626; }
.ig__bar { display: flex; align-items: center; gap: .3rem; padding: .4rem 1rem .6rem; font-size: .74rem; }
.ig__bar b { font-weight: 600; }
.ig__bar svg { width: .75rem; height: .75rem; color: var(--oliva); }
.ig__profile { display: flex; align-items: center; gap: .8rem; padding: .2rem 1rem .5rem; }
.ig__avatar { flex: none; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 1px #e5e5e5; background: var(--lino); }
.ig__avatar .pk, .ig__avatar .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; padding: 0; }
.ig__who b { display: block; font-weight: 600; font-size: .66rem; }
.ig__who span { color: #737373; }
.ig__bio { display: flex; flex-direction: column; gap: .12rem; padding: 0 1rem .6rem; }
.ig__bio b { font-weight: 600; }
.ig__bio span { display: flex; align-items: center; gap: .3rem; }
.ig__bio svg { width: .7rem; height: .7rem; color: var(--oliva); flex: none; }
.ig__link { color: #385185; font-weight: 500; }
.ig__btns { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: .3rem; padding: 0 1rem .7rem; }
.ig__btns span { padding: .38rem 0; text-align: center; border-radius: .4rem; background: #efefef; font-weight: 600; }
.ig__btns span:first-child { background: var(--oliva); color: #fff; }
.ig__hl { list-style: none; margin: 0; padding: .1rem 1rem .7rem; display: flex; gap: .55rem; overflow: hidden; }
.ig__tabs { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #efefef; }
.ig__tabs i { height: 1.7rem; position: relative; }
.ig__tabs i.on::after { content: ''; position: absolute; left: 30%; right: 30%; bottom: 0; height: 1px; background: #262626; }
.ig__tabs i::before { content: ''; position: absolute; left: 50%; top: 50%; width: .7rem; height: .7rem; margin: -.35rem; border: 1px solid #8e8e8e; border-radius: 2px; }
.ig__grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; }
.ig-cell { aspect-ratio: 4 / 5; overflow: hidden; background: #f2f2f2; }
.ig-cell .pk, .ig-cell .ph { width: 100%; height: 100%; object-fit: cover; padding: 0; border-radius: 0; }
.ig-cell .ph::before { inset: .2rem; }
.hl { display: flex; flex-direction: column; align-items: center; gap: .3rem; flex: none; }
.hl__ring { display: block; width: 5rem; height: 5rem; padding: .22rem; border-radius: 50%; border: 1px solid rgba(201, 205, 185, .6); }
.hl__ring .pk, .hl__ring .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; padding: 0; }
.hl__ring .ph::before { inset: .25rem; border-radius: 50%; }
.hl__ring .ph__t, .hl__ring .ph__l { display: none; }
.hl__label { font-size: .64rem; text-align: center; white-space: nowrap; }
.hl--sm .hl__ring { width: 2.9rem; height: 2.9rem; padding: .14rem; border-color: #dbdbdb; }
.hl--sm .hl__label { font-size: .5rem; }
.s13__grid { display: grid; grid-template-columns: minmax(0, 42rem) auto; justify-content: space-between; gap: 5rem; align-items: center; padding-right: 10rem; }
.s13__left { min-width: 0; }
.s13__left .lead { margin-bottom: 2.2rem; }
.hl-row { list-style: none; margin: 0 0 1.8rem; padding: 0; display: flex; flex-wrap: wrap; gap: 1.2rem 1.3rem; }
.hl-row .hl__label { color: rgba(243, 238, 230, .85); }
.st-thumbs { list-style: none; margin: 0; padding: 0; display: flex; gap: .6rem; flex-wrap: wrap; }
.st-thumb { display: block; width: 3.6rem; aspect-ratio: 9 / 16; padding: 0; overflow: hidden; border-radius: .35rem; border: 1px solid rgba(243, 238, 230, .25); background: none; cursor: pointer; opacity: .55; transition: opacity .4s, transform .5s var(--e-out), border-color .4s; }
.st-thumb:hover { opacity: .85; }
.st-thumb.is-active { opacity: 1; border-color: var(--salvia-suave); transform: translateY(-.25rem); }
.st-thumb .pk, .st-thumb .ph { width: 100%; height: 100%; object-fit: cover; padding: 0; }
.st-thumb .ph__t, .st-thumb .ph__l { display: none; }
.stories { position: absolute; inset: 0; background: #111; color: #fff; }
.st-frames { position: absolute; left: 0; right: 0; top: 2.3rem; aspect-ratio: 9 / 16; overflow: hidden; border-radius: .7rem; }
.st-frame { position: absolute; inset: 0; }
.st-frames::after { content: ''; position: absolute; z-index: 3; left: 0; right: 0; top: 0; height: 4.5rem; background: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, 0)); pointer-events: none; }
.st-frame { opacity: 0; transform: scale(1.03); transition: opacity .7s var(--e-soft), transform 1.2s var(--e-out); }
.st-frame.is-active { opacity: 1; transform: none; }
.st-frame .pk, .st-frame .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.st-bars { position: absolute; z-index: 5; top: 2.75rem; left: .7rem; right: .7rem; display: flex; gap: .2rem; }
.st-bar { flex: 1; height: 2px; overflow: hidden; border-radius: 2px; background: rgba(255, 255, 255, .38); }
.st-bar i { display: block; height: 100%; background: #fff; transform-origin: 0 50%; transform: scaleX(0); }
.st-bar.is-done i { transform: scaleX(1); }
.st-bar.is-active i { animation: stfill var(--st-dur, 5s) linear forwards; }
.stories.is-paused .st-bar.is-active i { animation-play-state: paused; }
@keyframes stfill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.st-head { position: absolute; z-index: 5; top: 3.3rem; left: .8rem; right: .8rem; display: flex; align-items: center; gap: .45rem; font-size: .58rem; text-shadow: 0 1px 3px rgba(0, 0, 0, .35); }
.st-head b { font-weight: 600; }
.st-time { opacity: .7; }
.st-av { width: 1.6rem; height: 1.6rem; flex: none; overflow: hidden; border-radius: 50%; background: var(--lino); box-shadow: 0 0 0 1px rgba(255, 255, 255, .6); }
.st-av .pk, .st-av .ph { width: 100%; height: 100%; object-fit: cover; padding: 0; }
.st-av .ph__t, .st-av .ph__l, .st-av .ph__ic { display: none; }
.st-nav { position: absolute; z-index: 4; top: 4rem; bottom: 3.5rem; width: 45%; padding: 0; border: 0; background: none; cursor: pointer; }
.st-nav--prev { left: 0; } .st-nav--next { right: 0; }
.st-reply { position: absolute; z-index: 5; left: .8rem; right: .8rem; bottom: 1.1rem; display: flex; align-items: center; gap: .6rem; font-size: .55rem; }
.st-reply span { flex: 1; padding: .55rem .8rem; border-radius: 99px; border: 1px solid rgba(255, 255, 255, .6); }
.st-reply svg { width: 1.1rem; height: 1.1rem; }
.s14__grid { display: grid; grid-template-columns: 22rem minmax(0, 1fr); gap: 4.5rem; align-items: center; }
.specs { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; gap: .7rem; }
.specs li { display: grid; gap: .1rem; padding-top: .7rem; border-top: 1px solid var(--line); }
.specs b { font: 500 .6rem/1.3 var(--f-sans); letter-spacing: .22em; text-transform: uppercase; color: var(--bosque); }
.specs span { font-size: .78rem; }
.s14__art { position: relative; min-width: 0; padding-bottom: 7rem; }
.fbx { margin: 0; width: 88%; border-radius: 4px; overflow: hidden; background: #fff; box-shadow: var(--shadow-soft); }
.fbx__cover { aspect-ratio: 1640 / 624; overflow: hidden; background: var(--arena); }
.fbx__cover .pk, .fbx__cover .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.fbx__row { display: flex; align-items: flex-end; gap: 1.2rem; padding: 0 1.6rem 1.3rem; margin-top: -3.6rem; }
.fbx__avatar { position: relative; width: 8.4rem; height: 8.4rem; flex: none; overflow: hidden; border-radius: 50%; border: .3rem solid #fff; background: var(--lino); box-shadow: 0 .6rem 1.2rem -.6rem rgba(46, 45, 39, .4); }
.fbx__avatar .pk, .fbx__avatar .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; padding: .3rem; }
.fbx__who { padding-bottom: .6rem; }
.fbx__who b { display: block; font-weight: 600; font-size: 1.05rem; color: var(--carbon); }
.fbx__who span { font-size: .76rem; color: #65676b; }
.share { position: absolute; right: 0; bottom: 0; width: 22rem; margin: 0; overflow: hidden; border-radius: .6rem; background: #fff; box-shadow: var(--shadow-soft); }
.share__img { aspect-ratio: 1200 / 630; overflow: hidden; background: var(--arena); }
.share__img .pk, .share__img .ph { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.share__txt { padding: .8rem 1rem .9rem; background: #f5f3ef; display: grid; gap: .15rem; }
.share__txt b { font-weight: 600; font-size: .74rem; color: var(--carbon); }
.share__txt span { font-size: .68rem; color: #65676b; }
.s14__deco { width: 11rem; right: 1.5rem; bottom: -1rem; }
.s15__grid { display: grid; grid-template-columns: 22rem minmax(0, 1fr); gap: 4rem; align-items: center; }
.devices { position: relative; padding: 0 7rem 2.5rem 0; min-width: 0; }
.laptop { width: 100%; max-width: 56rem; }
.laptop__lid { position: relative; padding: 1.1rem 1.1rem 1.4rem; border-radius: 1.1rem 1.1rem .3rem .3rem; background: var(--carbon); box-shadow: var(--shadow-soft), inset 0 0 0 1px rgba(255, 255, 255, .06); }
.laptop__cam { position: absolute; top: .45rem; left: 50%; width: .3rem; height: .3rem; margin-left: -.15rem; border-radius: 50%; background: #48473f; }
.laptop__screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border-radius: .2rem; background: #fff; }
.laptop__base { position: relative; height: 1rem; margin: 0 -6%; border-radius: 0 0 1.6rem 1.6rem; background: #cfc8bb; box-shadow: 0 1.6rem 2rem -1.4rem rgba(46, 45, 39, .5), inset 0 1px 0 rgba(255, 255, 255, .5); }
.laptop__base i { position: absolute; top: 0; left: 50%; width: 16%; height: .35rem; margin-left: -8%; border-radius: 0 0 .5rem .5rem; background: #b9b1a3; }
.phone--web { position: absolute; right: 0; bottom: 0; width: 12.5rem; padding: .45rem; border-radius: 2.1rem; }
.phone--web .phone__screen { border-radius: 1.7rem; }
.phone--web .phone__island { width: 3.6rem; height: 1rem; top: .4rem; }
.phone--web .phone__screen { background: var(--lino); }
.phone--web .dview { top: 1.55rem; }
.s15__head .checks { margin-top: 1.4rem; }
.views { display: inline-flex; gap: .25rem; margin-top: 1.6rem; padding: .25rem; border-radius: 999px; border: 1px solid rgba(92, 101, 81, .28); background: rgba(243, 238, 230, .7); }
.views__btn { padding: .6rem 1rem; border: 0; border-radius: 999px; background: none; cursor: pointer; white-space: nowrap; font: 500 .54rem/1 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--oliva); transition: background .4s, color .4s; }
.views__btn:hover { color: var(--bosque); background: rgba(201, 205, 185, .45); }
.views__btn.is-active { background: var(--bosque); color: var(--lino); }
.views__note { max-width: 21rem; margin-top: .8rem; font-size: .7rem; line-height: 1.55; color: var(--oliva); }
.s15__head .hint { margin-top: 1.2rem; }
.dview { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .7s var(--e-soft), visibility 0s linear .7s; }
.dview.is-active { opacity: 1; visibility: visible; transition: opacity .7s var(--e-soft); }
.dview .autoscroll__inner { animation-name: ascroll-w; animation-delay: 1s; }
.dview:not(.is-active) .autoscroll__inner { animation: none; }
@keyframes ascroll-w { 0%, 4% { transform: translateY(0); } 96%, 100% { transform: translateY(calc(var(--dist, 0px) * -1)); } }
.sx__grid { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 2rem; height: 100%; }
.sx__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.sx__head .title { margin-bottom: 0; }
.sx__head .lead { max-width: 32rem; font-size: .92rem; }
.sx__note { max-width: 32rem; margin-top: .8rem; color: var(--oliva); font-size: .72rem; }
.sx__deco { display: none; }
.sf__grid { display: grid; grid-template-columns: 21rem minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 3.4rem; }
.sf__side { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.sf__side .lead { font-size: .92rem; }
.sf__phases { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: .9rem; }
.sf__phases li { display: grid; grid-template-columns: 1.8rem minmax(0, 1fr); gap: .7rem; align-items: baseline; padding-top: .8rem; border-top: 1px solid var(--line); }
.sf__phases i { font-family: var(--f-hand); font-style: normal; font-size: 2.3rem; line-height: .8; color: var(--salvia); }
.sf__phases b { display: block; font: 500 .62rem/1.4 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--bosque); }
.sf__phases li > span > span { display: block; font-size: .8rem; line-height: 1.5; }
.sf__side .sx__note { margin-top: 1.4rem; }
.flow { margin: 0; min-height: 0; min-width: 0; display: flex; flex-direction: column; }
.flow__btn { flex: 1; min-height: 0; position: relative; padding: 1rem; border-radius: 4px; background-color: rgba(243, 238, 230, .82); border: 1px solid var(--line-soft); box-shadow: var(--shadow-card); }
.flow__btn > .pk { position: absolute; inset: 1rem; margin: auto; width: auto; height: auto; max-width: calc(100% - 2rem); max-height: calc(100% - 2rem); }
.flow__btn > .ph { position: absolute; inset: 1rem; width: auto; height: auto; }
.flow .cap--row { margin-top: .8rem; }
.gal { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); grid-auto-flow: column; gap: 1.2rem; min-height: 0; }
.gal__item { display: flex; flex-direction: column; gap: .7rem; min-height: 0; min-width: 0; }
.gal__item .zoomable { position: relative; flex: 1; min-height: 0; border-radius: 4px; overflow: hidden; background-color: rgba(243, 238, 230, .85); border: 1px solid var(--line-soft); box-shadow: var(--shadow-card); }
.gal__item .zoomable > .pk { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: .8rem; }
.gal__item .zoomable > .ph { position: absolute; inset: 0; height: auto; }
.gal__item > .cap { flex: none; }
.zoomable { transition: transform .6s var(--e-out), box-shadow .6s var(--e-out); }
.zoomable:hover { transform: translateY(-.3rem); }
.gal__item--tall .zoomable > .pk { object-fit: cover; object-position: 50% 0; padding: 0; animation: panv var(--pan, 40s) var(--e-io) 1.5s infinite alternate; animation-play-state: paused; }
.is-live .gal__item--tall .zoomable > .pk { animation-play-state: running; }
.gal__item--tall .zoomable:hover > .pk { animation-play-state: paused; }
@keyframes panv { 0%, 8% { object-position: 50% 0%; } 92%, 100% { object-position: 50% 100%; } }
.tv-grid { display: grid; grid-template-columns: 24rem minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 3.4rem; }
.tv-side { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.tv-side .lead { font-size: .92rem; }
.tv-side .hint { margin-top: 1.3rem; font-size: .74rem; }
.tv__tabs { list-style: none; margin: 1.7rem 0 0; padding: 0; display: grid; gap: .5rem; }
.tv__tab {
  position: relative; display: grid; grid-template-columns: 4.6rem minmax(0, 1fr); gap: .9rem; align-items: center; width: 100%;
  padding: .5rem .8rem .5rem .5rem; overflow: hidden; cursor: pointer; text-align: left; color: var(--carbon);
  border-radius: 4px; border: 1px solid var(--line-soft); background: rgba(243, 238, 230, .4); transition: background .4s, border-color .4s, box-shadow .4s;
}
.tv__tab:hover { background: rgba(243, 238, 230, .9); }
.tv__tab[aria-selected="true"] { background: var(--lino); border-color: rgba(92, 101, 81, .45); box-shadow: 0 .8rem 1.4rem -1rem rgba(46, 45, 39, .35); }
.slide--arena .tv__tab { background: rgba(243, 238, 230, .55); }
.slide--arena .tv__tab[aria-selected="true"] { background: var(--lino); }
.tv__thumb { display: block; width: 4.6rem; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 2px; border: 1px solid var(--line-soft); background: var(--lino); }
.tv__thumb .pk { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
.tv__txt { min-width: 0; }
.tv__txt b { display: block; font: 500 .6rem/1.35 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; color: var(--oliva); transition: color .4s; }
.tv__tab[aria-selected="true"] .tv__txt b { color: var(--bosque); }
.tv__txt small { display: block; margin-top: .25rem; font-size: .72rem; line-height: 1.45; }
.tv__bar { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: var(--oliva); transform: scaleX(0); transform-origin: 0 50%; pointer-events: none; }
.tv.is-playing .tv__tab[aria-selected="true"] .tv__bar { animation: tvbar var(--tv-dur, 9s) linear forwards; }
.tv.is-hold .tv__bar { animation-play-state: paused !important; }
@keyframes tvbar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.tv__stage { position: relative; min-height: 0; min-width: 0; overflow: hidden; border-radius: 4px; background-color: rgba(243, 238, 230, .88); border: 1px solid var(--line-soft); box-shadow: var(--shadow-card); }
.tv__pane { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .8s var(--e-soft), visibility 0s linear .8s; }
.tv__pane.is-active { opacity: 1; visibility: visible; transition: opacity .8s var(--e-soft); }
.tv__zoom { position: absolute; inset: 0; height: 100%; }
.tv__zoom:hover { transform: none; }
.tv__zoom > .pk { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: .9rem; }
.tv__zoom .autoscroll { display: block; }
.tv__zoom .autoscroll__inner { display: block; }
.tv__zoom .autoscroll__inner > .pk { width: 100%; }
.tv__pane--tall:not(.is-active) .autoscroll__inner { animation: none; }
.tv__pane--tall .autoscroll::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3rem; background: linear-gradient(rgba(243, 238, 230, 0), rgba(243, 238, 230, .9)); pointer-events: none; }
.sp__grid { display: grid; grid-template-columns: 20rem auto minmax(0, 1fr); gap: 3.5rem; align-items: center; }
.sp__left { min-width: 0; }
.sp__left .lead { font-size: .92rem; }
.pt-steps { list-style: none; margin: 1.8rem 0 0; padding: 0; display: grid; gap: .1rem; counter-reset: s; }
.pt-step { display: flex; align-items: baseline; gap: .9rem; width: 100%; padding: .55rem 0; border: 0; border-bottom: 1px solid var(--line-soft); background: none; text-align: left; cursor: pointer; color: var(--carbon); font-size: .84rem; transition: color .4s, padding .5s var(--e-out); }
.pt-step i { font-style: normal; font: 400 .62rem var(--f-sans); letter-spacing: .16em; color: var(--salvia); }
.pt-step.is-active { color: var(--bosque); font-weight: 500; padding-left: .5rem; }
.pt-step.is-active i { color: var(--oliva); }
.sp__phone { display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.sp__phone .phone { width: 17.5rem; }
.pt-count { color: var(--oliva); }
.pt-frames { position: absolute; inset: 0; overflow: hidden; background: var(--lino); }
.pt-frame { position: absolute; inset: 0; transform: translateX(102%); transition: transform .9s var(--e-io), opacity .9s var(--e-io), filter .9s; }
.pt-frame.is-prev { transform: translateX(-28%); opacity: .55; z-index: 1; }
.pt-frame.is-active { transform: none; opacity: 1; z-index: 2; box-shadow: -1rem 0 2rem -1rem rgba(46, 45, 39, .25); }
.pt-frame .pk, .pt-frame .ph { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 0; }
.sp__phone .phone__screen { background: var(--lino); }
.sp__phone .pt-frames { top: 2.15rem; }
.sp__phone .pt-frame .pk { object-fit: contain; object-position: center top; }
.sp__desk { min-width: 0; }
.browser { overflow: hidden; border-radius: .5rem; background: #fff; box-shadow: var(--shadow-soft); border: 1px solid var(--line-soft); }
.browser__bar { display: flex; align-items: center; gap: .35rem; height: 1.7rem; padding: 0 .8rem; background: var(--arena); }
.browser__bar i { width: .5rem; height: .5rem; border-radius: 50%; background: rgba(92, 101, 81, .35); }
.browser__bar span { margin-left: .8rem; padding: .15rem .8rem; border-radius: 99px; background: rgba(243, 238, 230, .9); font-size: .5rem; letter-spacing: .06em; color: var(--oliva); }
.browser__screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--lino); }
.pt-dframe { position: absolute; inset: 0; opacity: 0; transition: opacity .9s var(--e-soft); }
.pt-dframe.is-active { opacity: 1; }
.pt-dframe .pk, .pt-dframe .ph { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 0; }
.sp__desk-t { margin: 1.4rem 0 .7rem; }
.pt-dthumbs { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem .55rem; }
.pt-dthumb { display: flex; flex-direction: column; gap: .35rem; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; text-align: left; opacity: .6; transition: opacity .4s; }
.pt-dthumb > .pk, .pt-dthumb > .ph { aspect-ratio: 16 / 10; width: 100%; height: auto; object-fit: cover; object-position: top; border-radius: 3px; border: 1px solid var(--line-soft); }
.pt-dthumb > .ph { padding: .3rem; }
.pt-dthumb span { font-size: .54rem; line-height: 1.3; color: var(--oliva); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pt-dthumb.is-active, .pt-dthumb:hover { opacity: 1; }
.pt-dthumb.is-active > .pk { border-color: var(--oliva); }
.s16 .inner { display: grid; grid-template-rows: auto auto; align-content: center; gap: 2.4rem; height: 100%; }
.s16__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 4rem; }
.s16__head .title { margin-bottom: 0; }
.s16__head .lead { max-width: 30rem; font-size: .92rem; }
.tone { display: grid; grid-template-columns: 1fr 1.15fr 1fr; gap: 1.1rem; min-height: 0; }
.tcard { min-width: 0; padding: 1.5rem 1.7rem; border-radius: 4px; background: rgba(231, 223, 210, .5); border: 1px solid var(--line-soft); }
.tcard__l2 { margin-top: 1.6rem; }
.bio { display: grid; gap: .2rem; padding: 1rem 1.1rem; border-radius: .6rem; background: #fff; font-size: .78rem; line-height: 1.5; color: #262626; box-shadow: 0 .6rem 1.2rem -.8rem rgba(46, 45, 39, .3); margin-bottom: .7rem; }
.bio b { font-weight: 600; }
.bio span { display: flex; align-items: center; gap: .4rem; }
.bio svg { width: .9rem; height: .9rem; color: var(--oliva); flex: none; }
.bio .bio__down { transform: rotate(90deg); width: .75rem; height: .75rem; }
.tcard .small { font-size: .7rem; color: var(--oliva); }
.phr { list-style: none; margin: 0; padding: 0; display: grid; gap: .1rem; }
.phr li { font-family: var(--f-hand); font-size: 2.3rem; line-height: 1.2; color: var(--bosque); }
.phr__heart { width: .55em; height: .55em; margin-left: .15em; vertical-align: -.02em; color: var(--bosque); }
.yn { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.yn li { display: grid; grid-template-columns: 1fr 1fr; gap: .55rem; }
.yn span { position: relative; padding: .55rem .7rem .55rem 2rem; border-radius: 3px; font-size: .76rem; line-height: 1.4; }
.yn span::before { position: absolute; left: .65rem; top: .55rem; font-weight: 600; font-size: .72rem; }
.yn__y { background: rgba(201, 205, 185, .55); color: var(--bosque); }
.yn__y::before { content: '✓'; color: var(--oliva); }
.yn__n { background: rgba(243, 238, 230, .7); color: rgba(46, 45, 39, .62); text-decoration: line-through; text-decoration-color: rgba(46, 45, 39, .3); }
.yn__n::before { content: '✕'; color: rgba(46, 45, 39, .45); text-decoration: none; }
.cta { list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.cta li { display: flex; align-items: center; gap: .65rem; font-size: .82rem; color: var(--bosque); }
.cta svg { width: 1.1rem; height: 1.1rem; color: var(--oliva); flex: none; }
.tags { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .35rem; }
.tags li { padding: .28rem .6rem; border-radius: 99px; border: 1px solid rgba(92, 101, 81, .3); font-size: .62rem; color: var(--oliva); }
.s17__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 4rem; align-items: center; }
.s17__left .title { margin-bottom: .4rem; }
.s17__intro { margin-bottom: 1rem; color: var(--oliva); font-size: .72rem; }
.dls { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.dl summary { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto .9rem; gap: 1rem; align-items: center; padding: .62rem 0; border-bottom: 1px solid var(--line-soft); cursor: pointer; list-style: none; }
.dl summary::-webkit-details-marker { display: none; }
.dl summary:hover .dl__name { color: var(--oliva); }
.dl__n { font-family: var(--f-hand); font-size: 1.9rem; line-height: .9; color: var(--salvia); }
.dl__body { min-width: 0; }
.dl__name { display: block; font: 500 .66rem/1.4 var(--f-sans); letter-spacing: .12em; color: var(--bosque); transition: color .3s; }
.dl__desc { display: block; font-size: .72rem; line-height: 1.45; }
.dl__meta { font: 400 .56rem/1.3 var(--f-sans); letter-spacing: .12em; color: var(--oliva); white-space: nowrap; text-align: right; }
.dl--empty .dl__meta { color: var(--salvia); font-family: var(--f-script); font-size: 1.15rem; letter-spacing: 0; }
.dl__chev { width: .8rem; height: .8rem; color: var(--salvia); transition: transform .4s var(--e-out); }
.dl details[open] .dl__chev { transform: rotate(90deg); }
.fl { list-style: none; margin: 0; padding: .7rem 0 .9rem 3.4rem; max-height: 11rem; overflow: auto; font-size: .64rem; line-height: 1.55; border-bottom: 1px solid var(--line-soft); }
.fl__g { margin-bottom: .45rem; }
.fl__dir { display: block; font-weight: 500; color: var(--bosque); }
.fl__g ul { list-style: none; margin: 0; padding: 0 0 0 .8rem; columns: 2; column-gap: 1.6rem; }
.fl__g li { break-inside: avoid; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--carbon); }
.fl__empty { padding: .6rem 0 .8rem 3.4rem; font-size: .7rem; color: var(--oliva); border-bottom: 1px solid var(--line-soft); }
.canva { padding: 2.1rem 2.3rem; border-radius: 4px; color: var(--lino); background-color: var(--bosque); background-image: url("../img/paper-bosque.webp"); background-size: var(--tile); box-shadow: var(--shadow-soft); }
.canva .label { color: var(--salvia-suave); margin-bottom: 1.4rem; }
.canva ol { list-style: none; margin: 0; padding: 0; counter-reset: st; display: grid; gap: 1rem; }
.canva li { counter-increment: st; display: grid; grid-template-columns: 2rem minmax(0, 1fr); gap: .7rem; font-size: .8rem; line-height: 1.6; }
.canva li::before { content: counter(st); font-family: var(--f-hand); font-size: 2.1rem; line-height: .9; color: var(--salvia-suave); }
.canva b { font-weight: 500; color: #fff; }
.canva__note { margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid rgba(243, 238, 230, .2); color: rgba(243, 238, 230, .78) !important; font-size: .7rem !important; }
.canva__note b { color: var(--lino); }
.s18__wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.6rem; text-align: center; min-height: 100%; }
.s18__te { width: 26rem; height: auto; color: var(--bosque); }
.s18__logo { width: 34rem; max-width: 100%; margin: .6rem 0 .4rem; }
.contact { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2.6rem; }
.contact a, .contact span { display: inline-flex; align-items: center; gap: .6rem; font-size: .95rem; text-decoration: none; color: var(--carbon); }
.contact a { font-weight: 500; letter-spacing: .06em; }
.contact a:hover { color: var(--oliva); }
.contact svg { width: 1.3rem; height: 1.3rem; color: var(--oliva); }
.s18__thanks { margin-top: .8rem; font: 500 .6rem var(--f-sans); letter-spacing: .32em; text-transform: uppercase; color: var(--salvia); }
.s18 .deco--tr { width: 32rem; }
.s18__deco { width: 15rem; }
@media (min-width: 820px) and (min-height: 520px) {
  html { scroll-snap-type: y mandatory; }
  .slide { height: 100vh; height: 100svh; scroll-snap-align: start; scroll-snap-stop: always; }
  .inner { height: 100%; }
  .s01 .inner, .s02__grid, .s03__grid, .s05__grid, .s10__grid, .s11__grid, .s12__grid, .s13__grid, .s14__grid, .s15__grid, .sp__grid { align-content: center; }
  .s17__grid { grid-template-rows: minmax(0, 1fr); }
  .s17__left { display: flex; flex-direction: column; justify-content: center; min-height: 0; align-self: stretch; }
  .s17__left > * { flex: none; }
  .s17__left > .dls { flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(154, 161, 138, .6) transparent; }
  .s17 .canva { align-self: center; }
}
@media (max-width: 819.98px), (max-height: 519.98px) {
  html { font-size: 15px; scroll-snap-type: none; }
  :root { --pad-x: 1.25rem; --pad-t: 4.6rem; --pad-b: 3.4rem; --tile: 520px; }
  .slide { min-height: auto; height: auto; }
  .slide + .slide { border-top: 1px solid var(--line-soft); }
  .inner { height: auto !important; }
  .title { font-size: 2.9rem; }
  .title--xl { font-size: 3.6rem; }
  .lead { font-size: .95rem; }
  .ui-top { top: .7rem; right: .7rem; }
  .ui-btn { height: 2.3rem; }
  .ui-nav { display: none; }
  .deco--tr { width: 15rem; right: -2.5rem; top: -1rem; }
  .deco--br { width: 13rem; right: -2rem; bottom: -1.5rem; }
  .deco--bl { width: 8rem; }
  .deco--tl { width: 14rem; }
  .menu__list { columns: 1; }
  .menu__list .t { font-size: 1.75rem; }
  .menu { place-items: start center; padding: 1.4rem 1.25rem 3rem; }
  [data-a] { transition-delay: calc(min(var(--d), 700) * .45ms) !important; }
  .cap--row { flex-direction: column; gap: .4rem; }
  .s01__hint { display: none; }
  .s01 { min-height: 100vh; min-height: 100svh; }
  .s01 .inner { grid-template-columns: 1fr; gap: 1.6rem; padding: 6rem 1.25rem 5rem; justify-items: center; align-content: center; }
  .s01__face { justify-self: center; width: 9.5rem; }
  .s01__brand { justify-self: center; max-width: 21rem; }
  .s01__cosme { font-size: 1rem; margin-top: 1.1rem; }
  .s01 .deco--tr { width: 16rem; }
  .s01 .deco--br { width: 13rem; }
  .s02__grid { grid-template-columns: 1fr; grid-template-rows: none; row-gap: 2rem; }
  .s02__head, .s02__orig, .s02__right { grid-column: 1; grid-row: auto; }
  .s02__orig { order: 3; }
  .s02__cards { height: 11rem; }
  .s02__card { width: 15rem; }
  .s02__card--b { left: 4.5rem; top: 4rem; }
  .compare__tag { font-size: .48rem; top: .6rem; padding: .35rem .55rem; }
  .compare__tag--l { left: .6rem; } .compare__tag--r { right: .6rem; }
  .compare__knob { width: 2.6rem; height: 2.6rem; margin: -1.3rem 0 0 -1.3rem; }
  .steps { grid-template-columns: 1fr; gap: .9rem; }
  .s03__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .s03__side { padding: 0; }
  .s03__frase { width: 15rem; }
  .s03__deco { width: 14rem; opacity: .6; }
  .traits { grid-template-columns: 1fr; gap: .9rem; }
  .s04__head, .s05__head, .s06__head, .s07__head, .s08__head, .s09__head, .s16__head, .sx__head { flex-direction: column; align-items: flex-start; gap: 1rem; }
  .s04__stage { width: 100%; margin: 3.6rem 0 3rem; }
  .note { font-size: .44rem; letter-spacing: .16em; }
  .note small { display: none; }
  .reasons { grid-template-columns: 1fr; gap: 1.3rem; }
  .s04__deco { width: 13rem; opacity: .5; }
  .s05__grid { grid-template-columns: 1fr; gap: 2rem; }
  .vgrid { grid-template-columns: 1fr 1fr; grid-auto-rows: 9.5rem; gap: .6rem; }
  .vt__art { inset: 1rem 1rem 2.4rem; }
  .vt__cap span { display: none; }
  .s06__cols { grid-template-columns: 1fr; gap: 2.4rem; }
  .wrong { grid-template-columns: 1fr 1fr; }
  .pal { --chips-h: 7.5rem; grid-template-columns: 1fr 1fr; gap: 1.4rem 1rem; align-items: start; }
  .sw__chip, .sw:nth-child(n) .sw__chip { --h: 7.5rem; }
  .prop { grid-template-columns: 1fr; gap: .8rem; }
  .s07__deco { display: none; }
  .s08__note { grid-template-columns: 1fr; gap: .8rem; }
  .s08__let { width: 11rem; }
  .types { grid-template-columns: 1fr; }
  .ty__aa { font-size: 4.2rem; }
  .ty__sample { font-size: 1.9rem; }
  .bento { grid-template-columns: 1fr; grid-template-rows: none; }
  .bx--illus, .bx--icons { grid-row: auto; grid-column: auto; }
  .illus { min-height: 17rem; }
  .icons { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .s10__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .cards { grid-template-columns: 1fr; gap: 2rem; }
  .cards__main .flip { width: 100%; }
  .s11__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .desk { grid-template-columns: 1fr 1fr; grid-template-rows: none; grid-auto-rows: 13rem; height: auto; gap: 1.6rem 1rem; }
  .pp--membrete, .pp--lista, .pp--ficha { grid-row: span 2; }
  .pp__art > .pk { margin-bottom: 0; }
  .s12__grid, .s13__grid { grid-template-columns: 1fr; gap: 2.6rem; justify-items: center; }
  .s13__grid { padding-right: var(--pad-x); }
  .s12__left, .s13__left { width: 100%; }
  .s12__phone, .s13__phone { justify-self: center; }
  .marquee { margin-right: -1.25rem; margin-left: -1.25rem; }
  .mq-card { width: 9rem; }
  .phone { width: 16rem; }
  .hl__ring { width: 3.9rem; height: 3.9rem; }
  .hl-row { gap: 1rem; }
  .s14__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .s14__art { padding-bottom: 0; display: grid; gap: 1.6rem; }
  .fbx { width: 100%; }
  .fbx__row { margin-top: -2.4rem; padding: 0 1rem 1rem; gap: .8rem; }
  .fbx__avatar { width: 5.6rem; height: 5.6rem; }
  .fbx__who b { font-size: .9rem; }
  .share { position: relative; width: 100%; }
  .s14__deco { display: none; }
  .s15__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .devices { padding: 0 3.6rem 2rem 0; }
  .phone--web { width: 7.6rem; padding: .3rem; border-radius: 1.3rem; }
  .phone--web .phone__screen { border-radius: 1.05rem; }
  .phone--web .phone__island { width: 2.2rem; height: .6rem; top: .25rem; }
  .phone--web .dview { top: .95rem; }
  .laptop__lid { padding: .55rem .55rem .7rem; border-radius: .7rem .7rem .2rem .2rem; }
  .sx__grid { grid-template-rows: none; }
  .sf__grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 2rem; }
  .flow__btn { min-height: 0; padding: .6rem; }
  .flow__btn > .pk { position: static; max-width: 100%; max-height: none; width: 100%; margin: 0; }
  .tv-grid { grid-template-columns: 1fr; grid-template-rows: none; gap: 1.6rem; }
  .tv__tabs { margin-top: 1.3rem; }
  .tv__stage { aspect-ratio: var(--tv-ar, 1.23); }
  .s-wire .tv__stage { --tv-ar: .8; }
  .tv__zoom > .pk { padding: .4rem; }
  .views { display: flex; width: 100%; }
  .views__btn { flex: 1; padding: .7rem .4rem; letter-spacing: .14em; }
  .views__note { max-width: none; }
  .gal { grid-auto-flow: row; grid-template-columns: 1fr; }
  .gal__item .zoomable { flex: none; aspect-ratio: 16 / 10; }
  .sp__grid { grid-template-columns: 1fr; gap: 2.4rem; justify-items: center; }
  .sp__left, .sp__desk { width: 100%; }
  .sp__phone .phone { width: 15.5rem; }
  .pt-dthumbs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tone { grid-template-columns: 1fr; }
  .yn li { grid-template-columns: 1fr; gap: .3rem; }
  .s17__grid { grid-template-columns: 1fr; gap: 2.4rem; }
  .dl summary { grid-template-columns: 2rem minmax(0, 1fr) .8rem; }
  .dl__meta { grid-column: 2; grid-row: 2; text-align: left; white-space: normal; }
  .dl__chev { grid-column: 3; grid-row: 1; }
  .fl { padding-left: 1rem; }
  .fl__g ul { columns: 1; }
  .canva { padding: 1.6rem 1.4rem; }
  .s18 .inner { padding-top: 6rem; padding-bottom: 6rem; }
  .s18__te { width: 15rem; }
  .s18__logo { width: 19rem; }
  .s18 .deco--tr { width: 13rem; }
  .s18__deco { width: 8rem; }
}
@media (max-width: 380px) {
  html { font-size: 14px; }
  .title { font-size: 2.6rem; }
}
@media (prefers-reduced-motion: reduce) {
  [data-a] { opacity: 1 !important; transform: none !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; transition: none !important; }
  .deco--tl[data-a] { transform: scaleX(-1) !important; }
  [data-a="track"] { letter-spacing: var(--track, .32em) !important; }
  .sway, .mq-track, .autoscroll__inner, .s01__hint i, .flip--hint, .typing::after, .gal__item--tall .zoomable > .pk { animation: none !important; }
  .marquee { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
  .flip__inner, .pt-frame, .st-frame { transition-duration: .01s !important; }
}
@page { size: 1920px 1080px; margin: 0; }
.is-print { font-size: 18.6px !important; scroll-snap-type: none !important; }
.is-print body { width: 1920px; overflow: visible; }
.is-print .slide { width: 1920px; height: 1080px !important; min-height: 0; break-after: page; page-break-after: always; break-inside: avoid; }
.is-print .slide + .slide { border-top: 0; }
.is-print .inner { height: 100% !important; }
.is-print .deco--br, .is-print .deco--bl { bottom: 0 !important; }
.is-print .ui-progress, .is-print .ui-top, .is-print .ui-nav, .is-print .menu, .is-print .toast, .is-print .lightbox, .is-print .s01__hint { display: none !important; }
.is-print [data-a] { opacity: 1 !important; transform: none !important; clip-path: none !important; -webkit-mask: none !important; mask: none !important; transition: none !important; }
.is-print .deco--tl[data-a] { transform: scaleX(-1) !important; }
.is-print [data-a="track"] { letter-spacing: var(--track, .32em) !important; }
.is-print *, .is-print *::before, .is-print *::after { animation: none !important; transition: none !important; }
.is-print .typing::after { display: none; }
.is-print .hint, .is-print .cap__hint, .is-print .int { display: none !important; }
.is-print .s17__left .title { margin-bottom: 1.4rem; }
.is-print .marquee { display: none; }
.is-print .print-grid { display: grid; list-style: none; margin: 0; padding: 0; }
.is-print .print-grid--posts { grid-template-columns: repeat(4, 1fr); gap: .9rem; margin-top: 2.2rem; max-width: 40rem; }
.is-print .print-grid--posts li { aspect-ratio: 4 / 5; overflow: hidden; border-radius: 3px; box-shadow: var(--shadow-card); }
.is-print .print-grid--posts .pk, .is-print .print-grid--posts .ph { width: 100%; height: 100%; object-fit: cover; }
.is-print .s13__grid { grid-template-columns: 38rem minmax(0, 1fr); padding-right: var(--pad-x); }
.is-print .hl-row { flex-wrap: nowrap; }
.is-print .s13__phone { display: none; }
.is-print .s13__thumbs-t, .is-print .st-thumbs { display: none; }
.is-print .print-grid--stories { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1rem; align-self: center; }
.is-print .print-grid--stories .st-frame { position: relative; inset: auto; opacity: 1; transform: none; aspect-ratio: 9 / 16; overflow: hidden; border-radius: .6rem; box-shadow: 0 1.4rem 2rem -1.2rem rgba(0, 0, 0, .55); }
.is-print .flip__inner { transform: none !important; display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; aspect-ratio: auto; transform-style: flat; }
.is-print .flip__face { position: relative; inset: auto; aspect-ratio: var(--ar); transform: none !important; -webkit-backface-visibility: visible; backface-visibility: visible; }
.is-print .cards__main .flip { width: 100%; }
.is-print .compare { --pos: 50% !important; }
.is-print .autoscroll__inner { transform: none !important; }
.is-print .sp__phone { display: none; }
.is-print .sp__grid { grid-template-columns: 22rem minmax(0, 1fr); grid-template-rows: auto auto; }
.is-print .sp__left { grid-row: 1 / span 2; }
.is-print .sp__desk { grid-column: 2; grid-row: 2; display: none; }
.is-print .print-grid--proto { grid-column: 2; grid-row: 1 / span 2; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 1rem; align-self: center; }
.is-print .print-grid--proto li { display: grid; gap: .5rem; }
.is-print .print-grid--proto .pk, .is-print .print-grid--proto .ph { aspect-ratio: 9 / 19.5; width: 100%; height: auto; object-fit: cover; object-position: top; border-radius: .9rem; border: .3rem solid var(--carbon); }
.is-print .pt-step { pointer-events: none; }
.is-print .tv__bar, .is-print .views { display: none !important; }
.is-print .tv__pane:not(.is-active), .is-print .dview:not(.is-active), .is-print .tv__thumb { display: none !important; }
.is-print .tv__tab { grid-template-columns: minmax(0, 1fr); padding: .7rem .9rem; }
.is-print .tv__pane--tall .autoscroll::after { display: none; }
.is-print details .fl { display: none; }
/* ---------- sello de la agencia (solo versión web; se activa al principio de index.html) ---------- */
.sello {
  position: fixed; z-index: 40; top: 1.1rem; left: 1.3rem; display: inline-flex; align-items: center; gap: .45em;
  height: 2.4rem; max-width: calc(100vw - 16rem); padding: 0 1.05rem; border-radius: 999px; overflow: hidden;
  font: 400 .56rem/1 var(--f-sans); letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis;
  text-decoration: none; color: var(--oliva); background: rgba(243, 238, 230, .5);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(92, 101, 81, .14);
  opacity: .85; transition: opacity .3s, background .4s, color .4s, border-color .4s;
}
.sello b { font-weight: 600; color: var(--bosque); transition: color .4s; }
.sello:hover, .sello:focus-visible { opacity: 1; background: var(--lino); border-color: rgba(92, 101, 81, .4); }
html[data-tone="dark"] .sello { color: var(--salvia-suave); background: rgba(61, 68, 54, .45); border-color: rgba(243, 238, 230, .16); }
html[data-tone="dark"] .sello b { color: var(--lino); }
.is-print .sello, .menu-open .sello { display: none; }
@media (max-width: 819.98px), (max-height: 519.98px) {
  /* en el celular, en dos renglones para no acercarse al botón «Índice» */
  .sello { top: .7rem; left: .7rem; height: 2.3rem; max-width: calc(100vw - 12rem); padding: 0 1rem; border-radius: 1.15rem;
    flex-direction: column; align-items: flex-start; justify-content: center; gap: .2rem; font-size: .48rem; line-height: 1.1; letter-spacing: .14em; }
  .sello b { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
}