:root,[data-theme="light"]{--ui-bg:#f6f8fc;--ui-ink:#202a40;--ui-muted:#58657c;--ui-secondary:#46546d;--ui-accent:#4054a7;--ui-surface:#fff;--ui-soft:#edf1f8;--ui-selected:#e8edf8;--ui-hover:#e2e9f6;--ui-line:#c4cddd;--ui-control:#8491a8;--ui-on-action:#fff;--ui-action-hover:#304287;--paper:var(--ui-bg);--ink:var(--ui-ink);--muted:var(--ui-muted);--wine:var(--ui-accent);--gold:var(--ui-accent);--line:var(--ui-line);--mint:var(--ui-soft);color-scheme:light;background:var(--ui-bg);color:var(--ui-ink);scrollbar-color:var(--ui-control) var(--ui-bg)}
[data-theme="dark"]{--ui-bg:#12151b;--ui-ink:#edf0f6;--ui-muted:#afb8c9;--ui-secondary:#c5cddb;--ui-accent:#b3c3ff;--ui-surface:#1b2029;--ui-soft:#202733;--ui-selected:#293241;--ui-hover:#333e50;--ui-line:#434d5e;--ui-control:#7e8b9f;--ui-on-action:#172238;--ui-action-hover:#d1dcff;color-scheme:dark}
body{background:var(--ui-bg);color:var(--ui-ink)}.header-tools,.theme-switch{display:flex;align-items:center;gap:4px}.header-tools{gap:12px}.theme-switch{padding:3px;border:1px solid var(--ui-line);border-radius:9px}.theme-switch button,.motion-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:none;color:var(--ui-muted);font:500 12px 'DM Sans',sans-serif;min-height:36px;padding:7px 10px;border-radius:6px}.theme-switch button[aria-pressed="true"]{background:var(--ui-ink);color:var(--ui-bg)}.theme-switch svg,.motion-toggle svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.motion-toggle{width:38px;height:38px;border:1px solid var(--ui-line)}.motion-toggle .motion-play{display:none}.motion-paused .motion-toggle .motion-play{display:block}.motion-paused .motion-toggle .motion-pause{display:none}.motion-paused *,.tab-hidden *{animation-play-state:paused!important}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-choice{min-width:0;display:flex;flex-direction:column}.project-card{padding:0;gap:0;flex:1;overflow:hidden;background:var(--ui-surface);transition:transform .35s,background .25s}.project-card:hover{transform:translateY(-4px)}.project-card .project-copy{display:flex;flex-direction:column;gap:14px;padding:24px;flex:1;color:var(--ui-ink)}.project-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.project-heading strong{font-size:1.4rem}.choice-mark{width:23px;height:23px;border:1px solid var(--ui-control);border-radius:50%;flex:none}.choice-mark svg{display:block;width:100%;height:100%;fill:none;stroke:transparent;stroke-width:2}.is-selected .choice-mark{background:var(--ui-accent);border-color:transparent}.is-selected .choice-mark svg{stroke:var(--ui-on-action)}.project-description{font-size:.9rem;color:var(--ui-secondary);line-height:1.55}.project-details{font-size:11px;color:var(--ui-muted)}.project-copy em{font:600 12px 'DM Sans';color:var(--ui-accent);letter-spacing:0;text-transform:none;margin-top:auto;padding-top:4px}.project-film{display:block;overflow:hidden;position:relative;background:#e5eaf1;color:#192439}.film-browser{height:27px;display:flex;align-items:center;padding:0 12px;gap:4px;background:#edf0f5;color:#4d596f;font:9px 'DM Sans'}.film-browser i{width:5px;height:5px;border-radius:50%;background:#aab6ca}.film-browser>span{margin-left:8px}.film-stage{height:245px;position:relative;overflow:hidden;display:block}.film-art{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.film-event-title{position:absolute;left:8%;top:30%;font:700 38px/.95 'DM Serif Display';color:#122b54;text-shadow:0 2px 2px #fff}.film-event-title b{color:#a3681d}.film-event-title small{font:italic 12px 'DM Serif Display';display:block;margin-top:15px}.film-invite,.film-menu{position:absolute;bottom:15px;left:8%;padding:8px 15px;font:600 10px 'DM Sans';background:#fff;color:#182944;display:flex;align-items:center;gap:15px;border-radius:20px}.film-invite svg,.film-menu svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.film-landucci-brand{position:absolute;top:10%;left:8%;font:30px 'DM Serif Display';color:white}.film-landucci-brand small{display:block;font:8px 'DM Sans';letter-spacing:.14em}.film-landucci-copy{position:absolute;top:40%;left:8%;font:26px/1.1 'DM Serif Display';color:#fff;max-width:80%}.business-film .film-art{filter:brightness(.64)}.project-example{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 4px 0;font-size:12px;font-weight:600;text-decoration:none}.project-example small{display:block;font-size:11px;font-weight:400;color:var(--ui-muted);margin-top:5px}.project-example svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.project-film video{display:block;width:100%;height:245px;object-fit:cover;object-position:top}.project-film .film-stage:has(video){height:auto}.package-picker{display:block;padding:0;background:none}.package-options{gap:25px}.package-card{padding:0!important;overflow:hidden;gap:0}.package-topline,.package-summary,.package-list,.package-preview-link{margin-inline:24px}.package-topline{padding-top:22px}.package-summary{margin-block:16px}.package-list{margin-top:0;margin-bottom:24px}.package-preview-link{margin-bottom:24px}.package-card video{width:100%;height:210px;object-fit:cover;object-position:top;display:block}.preparing-note{margin-top:25px}.studio-heading{display:none}.studio{padding-top:20px}.template-video{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;object-position:top}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.design-description{min-height:4.5em}.project-card:focus-within{outline:3px solid var(--ui-accent);outline-offset:4px}
@media(max-width:1000px){.project-grid{gap:16px}.project-card .project-copy{padding:19px}.project-heading strong{font-size:1.2rem}.film-stage,.project-film video{height:215px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.project-grid,.template-grid{grid-template-columns:1fr}.header-tools{gap:6px}.site-header{gap:10px;padding-block:18px}.theme-switch button{padding:7px;font-size:11px;gap:5px}.theme-switch svg{width:13px;height:13px}.motion-toggle{width:32px}.project-heading strong{font-size:1.4rem}.film-stage,.project-film video{height:265px}.project-copy{padding:24px}.project-grid{gap:32px}.design-description{min-height:0}.package-card{padding:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-card:hover{transform:none}}
.hero{grid-template-columns:1.05fr 1fr;gap:65px;padding-block:80px 65px;overflow:clip}.hero h1{font-size:clamp(3rem,5.8vw,5rem);max-width:11ch}.hero h1 em{display:inline-block;animation:title-settle 900ms cubic-bezier(.16,1,.3,1) both}.hero-showcase{min-width:0;padding:35px 18px 0 0;align-self:center}.showcase-stack{position:relative;height:350px;isolation:isolate}.showcase-slide{position:absolute;inset:0;overflow:hidden;background:var(--ui-surface);border-radius:12px;box-shadow:0 20px 44px -18px #15284c59;transition:transform 900ms cubic-bezier(.16,1,.3,1),opacity 600ms;transform-origin:50% 75%;pointer-events:none}.showcase-slide.is-front{z-index:3;transform:translate(0,0) rotate(-2deg)}.showcase-slide.is-next{z-index:2;transform:translate(15px,-18px) rotate(4deg);opacity:.75}.showcase-slide.is-last{z-index:1;transform:translate(3px,-32px) rotate(-5deg);opacity:.45}.showcase-bar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:var(--ui-secondary);font-size:10px}.showcase-bar span:first-child{font-weight:600}.showcase-slide video{display:block;width:100%;height:270px;object-fit:cover;object-position:top;background:var(--ui-soft)}.showcase-caption{padding:13px 17px;font-size:11px;color:var(--ui-muted)}.showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:35px}.portfolio-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;font-weight:600;text-decoration:none}.portfolio-link svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;transition:transform .3s}.portfolio-link:hover svg{transform:translateX(4px)}.showcase-controls>div{display:flex;align-items:center;gap:5px}.showcase-controls button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--ui-line);color:var(--ui-accent);border-radius:50%}.showcase-controls button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.showcase-controls button:hover{background:var(--ui-hover)}#showcase-count{font:12px 'DM Sans';color:var(--ui-muted);min-width:35px;text-align:center;font-variant-numeric:tabular-nums}.catalog-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:25px 0}.catalog-actions button{font-weight:600;border:1px solid var(--ui-control);border-radius:7px;text-decoration:none;padding:12px 20px}.catalog-actions p{font-size:12px;color:var(--ui-muted)}.variation-actions{margin-top:0;padding-top:10px}#system-fields fieldset{margin:0;padding:24px;border:1px solid var(--ui-line);border-radius:12px;display:flex;gap:20px;flex-wrap:wrap}#system-fields legend{font-weight:600;padding-inline:6px}#system-fields fieldset label{display:inline-flex;align-items:center;gap:10px;min-height:44px}#system-fields input{width:19px;height:19px;margin:0;accent-color:var(--ui-accent)}#system-module-error{flex-basis:100%}#system-fields textarea{min-height:100px}.project-card:active,.button:active,.showcase-controls button:active{transform:scale(.98)}.theme-switch button,.motion-toggle{min-height:44px}.motion-toggle{width:44px;height:44px}
.portfolio-intro{padding:65px 0 35px;max-width:800px}.portfolio-intro h1{font-size:clamp(2.8rem,6vw,4.6rem);max-width:13ch}.portfolio-intro p{color:var(--ui-muted);margin-top:22px;max-width:55ch}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.portfolio-filters button{background:none;color:var(--ui-secondary);border:1px solid var(--ui-line);border-radius:30px;padding:10px 20px;min-height:44px;font-size:13px}.portfolio-filters button[aria-pressed=true]{background:var(--ui-ink);color:var(--ui-bg);border-color:var(--ui-ink)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-bottom:55px}.portfolio-item{min-width:0}.portfolio-media{background:var(--ui-soft);border-radius:12px;overflow:hidden}.portfolio-media video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.portfolio-item h2{font-size:1.6rem;margin:22px 0 10px}.portfolio-item p{font-size:.95rem;color:var(--ui-muted);max-width:50ch}.portfolio-item a{display:inline-flex;font-size:13px;font-weight:600;margin-top:18px}.portfolio-back{font-size:13px}.portfolio-footnote{font-size:12px;color:var(--ui-muted);padding-bottom:45px;max-width:70ch}
@keyframes title-settle{from{transform:translateY(12px);opacity:.65}to{transform:none;opacity:1}}
@media(max-width:1050px){.hero{gap:38px}.showcase-stack{height:305px}.showcase-slide video{height:228px}.hero h1{font-size:4.2rem}.showcase-caption{font-size:10px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:45px;gap:45px}.hero h1{font-size:3.6rem;max-width:13ch}.hero .lede{max-width:36ch}.hero-showcase{padding:24px 15px 0 0}.showcase-stack{height:320px}.showcase-slide video{height:245px}.portfolio-grid{grid-template-columns:1fr;gap:40px}.project-grid,.template-grid{grid-template-columns:1fr}.catalog-actions{align-items:start;flex-direction:column}.site-header{padding-inline:20px}.site-header .wordmark{font-size:1.1rem}.theme-switch button{padding-inline:6px;font-size:11px;gap:5px}.header-tools{gap:5px}.motion-toggle{width:40px}.theme-switch svg{width:12px;height:12px}.project-film video{height:255px}.portfolio-intro{padding-top:45px}.portfolio-back{font-size:12px}.showcase-controls{gap:5px}.portfolio-link{font-size:13px;gap:7px}.showcase-controls button{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.hero h1 em{animation:none}.showcase-slide{transition:none}.showcase-slide.is-front{transform:none}}
.project-film video,.package-card video,.template-video{height:auto;aspect-ratio:16/9;object-fit:contain;background:#eef1f6}.sample-stage .sample-site{border-radius:0}.theme-switch button:hover:not([aria-pressed=true]){background:var(--ui-soft)}.motion-toggle:hover{background:var(--ui-soft)}.motion-paused .hero h1 em{animation:none}.motion-paused .project-card{transition:none}
.project-card--analysis{padding:0;text-decoration:none;color:var(--ui-ink)}.project-card--analysis:hover{border-color:var(--ui-accent)}.analysis-film{background:#0b0c0e;color:#d1fe17}.analysis-film .film-browser{background:#17191c;color:#d1fe17}.analysis-map{display:flex;align-items:center;justify-content:center;gap:8px;height:245px;padding:16px}.analysis-map span{display:grid;place-items:center;min-width:0;flex:1;min-height:76px;border:1px solid #d1fe17;border-radius:12px;color:#f7f7f4;font:600 clamp(10px,1vw,13px)/1.5 'DM Sans',sans-serif;text-align:center}.analysis-map b{flex:none;color:#d1fe17}.project-choice--analysis .choice-mark{display:grid;place-items:center;border-color:var(--ui-accent);color:var(--ui-accent);font-size:19px}.project-choice--analysis .project-copy em{color:var(--ui-secondary)}
@media(min-width:1101px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.project-card .project-copy{padding:18px}.project-heading strong{font-size:1.18rem}.project-film video,.analysis-map{height:190px}.project-description{font-size:.86rem}.project-example{padding-top:14px}}
@media(min-width:721px) and (max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-piel="agencia"] .project-card--analysis .analysis-film{background:#0b0c0e;color:#d1fe17}html[data-piel="agencia"] .project-card--analysis .analysis-film .film-browser{background:#17191c;color:#d1fe17}
.showcase-bar,.showcase-caption{font-size:11px}.film-browser{font-size:11px;height:34px;padding:8px 12px}.preview-copy{text-shadow:none}

/* Puerta al back office. Discreta a propósito: no es para el visitante. */
.sistema-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid var(--ui-line);border-radius:7px;color:var(--ui-muted);font:600 12px 'DM Sans',sans-serif;text-decoration:none}
.sistema-link:hover{color:var(--ui-ink);border-color:var(--ui-muted)}
.sistema-link svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}
@media(max-width:720px){.sistema-link{padding:7px 9px;font-size:11px;gap:5px}.sistema-link svg{width:13px;height:13px}}