@font-face{font-family:"PG Inter";src:url("media/fonts/inter-latin.woff2") format("woff2");font-display:swap;font-weight:100 900}
:root{--paper:#f3f0e8;--paper-2:#e9e4d9;--ink:#151515;--muted:#68665f;--line:rgba(21,21,21,.18);--accent:#8a553d;--accent-rgb:138,85,61;--header:82px;--examples-submenu:58px;--pad:clamp(20px,4vw,64px);--gutter:clamp(18px,3.2vw,54px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;background:var(--paper)}body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:"PG Inter",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.is-viewer-open,body.menu-open{overflow:hidden}[hidden]{display:none!important}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{position:fixed;z-index:200;left:12px;top:12px;padding:12px 16px;background:var(--ink);color:#fff;transform:translateY(-150%);transition:transform .25s}.skip-link:focus{transform:none}
.examples-submenu{position:fixed;z-index:90;top:var(--header);right:0;left:0;height:var(--examples-submenu);overflow:hidden;background:rgba(243,240,232,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .45s cubic-bezier(.2,.75,.2,1)}.examples-submenu.is-examples-hidden{transform:translateY(calc(-1 * var(--header) - var(--examples-submenu)))}.site-header.is-examples-hidden{transform:translateY(-100%)}.examples-submenu__inner{display:flex;max-width:100%;height:100%;padding:0 var(--gutter);overflow-x:auto;scrollbar-width:none}.examples-submenu__inner::-webkit-scrollbar{display:none}.examples-filter{flex:0 0 auto;min-height:var(--examples-submenu);padding:0 clamp(12px,1.6vw,25px);border:0;border-right:1px solid var(--line);background:transparent;cursor:pointer;font-size:10px;font-weight:720;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;transition:background .2s,color .2s}.examples-filter:first-child{border-left:1px solid var(--line)}.examples-filter:hover,.examples-filter:focus-visible{background:rgba(21,21,21,.06)}.examples-filter[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.examples-intro{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end;min-height:clamp(220px,31vw,420px);padding:calc(var(--header) + var(--examples-submenu) + clamp(42px,7vw,110px)) var(--gutter) clamp(34px,4vw,62px);border-bottom:1px solid var(--line)}.examples-intro h1{grid-column:1/9;margin:0;font-size:clamp(66px,11.2vw,166px);font-weight:520;letter-spacing:-.075em;line-height:.78}.examples-intro__copy{grid-column:9/13;max-width:31ch;margin:0 0 5px;font-size:clamp(13px,1.1vw,16px);line-height:1.52}.examples-intro__copy p{margin:0}.examples-gallery{padding:clamp(28px,3.5vw,52px) var(--gutter) clamp(76px,10vw,156px)}.examples-gallery__topline{display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--ink);font-size:10px;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.examples-gallery__topline p{margin:0}.examples-gallery__topline p:last-child{color:var(--muted);text-align:right}
.examples-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,3.4vw,52px) clamp(12px,1.45vw,22px);padding-top:clamp(22px,2.8vw,42px)}.examples-grid[aria-busy="true"]{visibility:hidden}.example-card{min-width:0;margin:0}.example-card[hidden]{display:none}.example-card__button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}.example-card__media{display:block;overflow:hidden;background:var(--paper-2);aspect-ratio:3/4}.example-card__button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .3s}.example-card__button:hover img,.example-card__button:focus-visible img{transform:scale(1.025);filter:saturate(1.05)}.example-card__caption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:var(--ink);pointer-events:none}.example-card__caption p{min-width:0;margin:0;font-size:11px;font-weight:620;letter-spacing:-.01em;line-height:1.3;text-wrap:balance}.example-card__caption small{flex:0 1 55%;margin:0;color:var(--muted);font-size:8px;font-weight:750;letter-spacing:.08em;line-height:1.5;text-align:right;text-transform:uppercase}.examples-status{min-height:1.5em;margin:22px 0 0;color:var(--muted);font-size:13px}.examples-status:empty{display:none}
.examples-project{padding:calc(var(--header) + var(--examples-submenu) + clamp(36px,5vw,74px)) var(--gutter) clamp(76px,10vw,156px)}.examples-project__bar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--ink)}.examples-project__return{padding:0;border:0;background:none;cursor:pointer;font-size:10px;font-weight:780;letter-spacing:.1em;text-transform:uppercase}.examples-project__bar p,.examples-project__head p{margin:0;color:var(--muted);font-size:10px;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.examples-project__head{max-width:760px;padding:clamp(50px,8vw,110px) 0 0}.examples-project__head h1{margin:14px 0 20px;font-size:clamp(48px,7vw,108px);font-weight:530;letter-spacing:-.07em;line-height:.84}.examples-project__grid{padding-top:clamp(42px,5vw,72px)}.examples-project__grid.is-loading{visibility:hidden}
.sectors-footer{display:flex;justify-content:space-between;gap:24px;padding:26px var(--gutter);background:var(--ink);color:#aaa79f;border-top:1px solid rgba(255,255,255,.14);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.sectors-footer nav{display:flex;gap:24px}.sector-viewer{inset:0;width:100dvw;height:100dvh;max-width:100dvw;max-height:100dvh;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:#fff}.sector-viewer::backdrop{background:rgba(8,10,12,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:background .28s ease,backdrop-filter .28s ease,-webkit-backdrop-filter .28s ease}.sector-viewer.is-launching::backdrop{background:rgba(8,10,12,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}.sector-viewer__layout{display:grid;width:100%;height:100%;min-width:0;min-height:0;padding:clamp(14px,3vw,42px)}.sector-viewer__media{position:relative;min-width:0;min-height:0;overflow:hidden;isolation:isolate;transform:var(--viewer-release-transform,none);transform-origin:50% 100%;will-change:transform,opacity;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .28s ease}.sector-viewer.is-tensioning .sector-viewer__media{transition:transform .11s ease-out}.sector-viewer.is-launching .sector-viewer__media{transform:translateY(-112svh) scaleX(1.01) scaleY(.985) rotate(-.45deg);opacity:0;transition:transform .32s cubic-bezier(.34,.98,.64,1),opacity .24s ease}.sector-viewer__media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.sector-viewer__close{position:absolute;z-index:1;top:calc(var(--viewer-image-top,0px) + 8px);left:calc(var(--viewer-image-left,0px) + 8px);width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:rgba(9,11,13,.38);box-shadow:0 2px 12px rgba(0,0,0,.16);color:#fff;font-size:28px;font-weight:300;line-height:1;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sector-viewer__close:hover{background:rgba(9,11,13,.64)}.sector-viewer__close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:900px){:root{--header:70px;--examples-submenu:55px;--gutter:18px}.examples-submenu__inner{padding:0}.examples-submenu{top:var(--header)}body.menu-open .examples-submenu{visibility:hidden}.examples-intro{grid-template-columns:repeat(4,1fr);min-height:0;padding-top:calc(var(--header) + var(--examples-submenu) + 48px);padding-bottom:42px}.examples-intro h1{grid-column:1/5;font-size:clamp(66px,19vw,110px)}.examples-intro__copy{grid-column:1/5;margin-top:32px}.examples-filter{min-height:var(--examples-submenu);padding:0 15px}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 9px;padding-top:20px}.example-card__caption{gap:6px;margin-top:8px}.example-card__caption p{font-size:10px}.example-card__caption small{font-size:7px;letter-spacing:.06em}.examples-project{padding-top:calc(var(--header) + var(--examples-submenu) + 38px)}.examples-project__bar{align-items:flex-start;flex-direction:column}.examples-project__head{padding-top:48px}.examples-project__grid{padding-top:40px}.sectors-footer{align-items:flex-start;flex-direction:column}.sector-viewer__layout{padding:10px}.sector-viewer__close{top:calc(var(--viewer-image-top,0px) + 8px);left:calc(var(--viewer-image-left,0px) + 8px);width:44px;height:44px}}
@media(max-width:470px){.examples-gallery__topline{align-items:flex-start;flex-direction:column;gap:5px}.examples-gallery__topline p:last-child{text-align:left}.sectors-footer nav{flex-wrap:wrap;gap:12px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sector-viewer.is-launching .sector-viewer__media{transform:none;opacity:1}.sector-viewer.is-launching::backdrop{background:rgba(8,10,12,.58);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.sector-viewer::backdrop{background:rgba(8,10,12,.78)}}
@media(prefers-reduced-transparency:reduce){.sector-viewer::backdrop{background:rgba(8,10,12,.78);backdrop-filter:none;-webkit-backdrop-filter:none}.sector-viewer__close{background:rgba(9,11,13,.82);backdrop-filter:none;-webkit-backdrop-filter:none}}

/* Circular, in-place navigation for the enlarged examples viewer. */
.sector-viewer__nav{position:absolute;z-index:2;top:50%;display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(9,11,13,.34);box-shadow:0 8px 28px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.18);color:#fff;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);transition:background .2s ease,transform .2s ease}.sector-viewer__nav:hover{background:rgba(9,11,13,.62);transform:translateY(-50%) scale(1.04)}.sector-viewer__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}.sector-viewer__nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sector-viewer__nav--previous{left:clamp(14px,3vw,44px)}.sector-viewer__nav--next{right:clamp(14px,3vw,44px)}
@media(max-width:900px){.sector-viewer__nav{width:44px;height:44px}.sector-viewer__nav--previous{left:12px}.sector-viewer__nav--next{right:12px}}
@media(prefers-reduced-transparency:reduce){.sector-viewer__nav{background:rgba(9,11,13,.84);backdrop-filter:none;-webkit-backdrop-filter:none}}

.sector-viewer__media video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#090a0b}.sector-viewer__media [hidden]{display:none}

/* Catálogo de Ejemplos: ritmo compacto inspirado en la referencia, sin activos ajenos. */
:root{--paper:#fff;--paper-2:#f5f5f3;--header:58px;--examples-submenu:45px;--gutter:clamp(18px,3vw,40px)}
body.hero-light{background:#fff}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-brand-variant="reel-cat"] .site-header{--header:58px!important;height:var(--header)!important;min-height:var(--header)!important;padding:0 var(--gutter);background:rgba(255,255,255,.98)!important;border-bottom:1px solid #ededeb;color:var(--ink);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-brand-variant="reel-cat"] .site-header .nav{gap:clamp(22px,3vw,42px);font-size:10px;letter-spacing:.1em}html[data-brand-variant="reel-cat"] .site-header .nav>a{padding:21px 0;color:rgba(21,21,21,.78)}html[data-brand-variant="reel-cat"] .site-header .nav>a::after{bottom:13px;background:var(--ink)}html[data-brand-variant="reel-cat"] .site-header .menu-toggle{color:var(--ink);border-color:rgba(21,21,21,.22)}
.examples-submenu.pg-examples-menu__panel--fixed{position:fixed;z-index:90;top:var(--header)!important;right:0;left:0;width:100vw;height:var(--examples-submenu);min-height:var(--examples-submenu);margin:0;overflow:hidden;display:flex!important;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:transform .45s cubic-bezier(.2,.75,.2,1)}.examples-submenu.pg-examples-menu__panel--fixed.is-examples-hidden{transform:translateY(calc(-1 * var(--header) - var(--examples-submenu)))!important}.examples-submenu__inner{display:contents!important}.examples-filter{flex:0 0 auto;min-width:0;min-height:0;cursor:pointer;background:transparent!important;color:rgba(17,19,24,.66)!important;font-weight:760!important;box-shadow:none!important;transition:color .18s,transform .18s!important}.examples-filter:hover{background:transparent!important;color:rgba(17,19,24,.94)!important;transform:scale(1.012)}.examples-filter[aria-pressed="true"]{background:transparent!important;color:#111318!important;font-weight:820!important;box-shadow:none!important}.examples-filter:focus-visible{background:transparent!important;outline:1px solid rgba(17,19,24,.72)!important;outline-offset:4px;transform:none}.examples-filter[aria-pressed="true"]:focus-visible{outline:1px solid rgba(17,19,24,.72)!important;outline-offset:4px}
.examples-intro,.examples-gallery__topline{display:none!important}.examples-gallery{padding:calc(var(--header) + var(--examples-submenu) + 10px) var(--gutter) clamp(64px,8vw,112px);background:#fff}.examples-grid{width:min(1024px,100%);margin:0 auto;padding-top:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(32px,3.8vw,52px) clamp(14px,1.7vw,22px)}.example-card__media{background:#f5f5f3;aspect-ratio:2/3}.example-card__caption{display:block;margin-top:13px;text-align:center}.example-card__caption p{font-size:11px;font-weight:650;line-height:1.25;text-wrap:balance}.example-card__caption small{display:none!important}.examples-status{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.examples-submenu.pg-examples-menu__panel--fixed .examples-filter[aria-pressed="true"]{color:#111318!important}.examples-submenu.pg-examples-menu__panel--fixed .examples-filter:hover{color:rgba(17,19,24,.94)!important}
.examples-submenu.pg-examples-menu__panel--fixed .examples-filter:hover,.examples-submenu.pg-examples-menu__panel--fixed .examples-filter:focus-visible{background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}.examples-submenu.pg-examples-menu__panel--fixed .examples-filter:focus-visible{outline:0!important;text-decoration:underline;text-decoration-color:rgba(17,19,24,.5);text-decoration-thickness:1px;text-underline-offset:5px}.examples-submenu.pg-examples-menu__panel--fixed .examples-filter[aria-pressed="true"]{color:#111318!important;font-weight:820!important}
html[data-brand-variant] body .examples-submenu.pg-examples-menu__panel--fixed .examples-filter:hover,html[data-brand-variant] body .examples-submenu.pg-examples-menu__panel--fixed .examples-filter:focus-visible{background:transparent!important;color:#111318!important;box-shadow:none!important;transform:none!important}
.examples-project{min-height:calc(100svh - var(--header));padding:calc(var(--header) + var(--examples-submenu) + 24px) var(--gutter) clamp(64px,8vw,112px);background:#fff}.examples-project__bar,.examples-project__head{width:min(1024px,100%);margin-right:auto;margin-left:auto}.examples-project__bar{padding-bottom:12px;border-bottom:1px solid #d8d8d5}.examples-project__return{font-size:9px;font-weight:760;letter-spacing:.08em}.examples-project__bar p,.examples-project__head p{font-size:9px;letter-spacing:.08em}.examples-project__head{max-width:1024px;padding:18px 0 20px}.examples-project__head h1{margin:5px 0 7px;font-size:clamp(24px,3vw,38px);font-weight:570;letter-spacing:-.045em;line-height:1}.examples-project__head h1:focus{outline:0}.examples-project__grid{padding-top:0}
@media(max-width:900px){:root{--header:62px;--examples-submenu:45px;--gutter:16px}html[data-brand-variant="reel-cat"] .site-header{--header:62px!important;height:var(--header)!important;min-height:var(--header)!important}html[data-brand-variant="reel-cat"] .site-header .nav{top:var(--header)}.examples-submenu.pg-examples-menu__panel--fixed{justify-content:flex-start;overflow-x:auto}.examples-submenu__inner{display:flex!important;width:max-content;height:100%;margin:0;padding:0}.examples-filter{min-height:var(--examples-submenu);padding:0 15px!important}.examples-gallery{padding-top:calc(var(--header) + var(--examples-submenu) + 18px)}.examples-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 10px}.example-card__caption{margin-top:8px}.example-card__caption p{font-size:10px}.examples-project{padding-top:calc(var(--header) + var(--examples-submenu) + 18px)}.examples-project__bar{align-items:center;flex-direction:row}.examples-project__head{padding:16px 0 18px}.examples-project__head h1{font-size:clamp(23px,7vw,31px)}}