:root{--color-light-bg-page: #f7f4ef;--color-light-bg-surface: #ffffff;--color-light-bg-surface-alt: #f1ebe0;--color-light-text-main: #2b251b;--color-light-text-soft: #5c5344;--color-light-accent-gold: #d4af37;--color-light-accent-gold-soft: rgba(212, 175, 55, .14);--color-light-border-subtle: rgba(0, 0, 0, .06);--color-light-text-heading: #000000;--color-light-text-secondary: rgba(0, 0, 0, .85);--color-dark-bg-page: #14120d;--color-dark-bg-surface: #1d1a13;--color-dark-bg-surface-alt: #222018;--color-dark-text-main: #f5efe3;--color-dark-text-soft: #c0b39a;--color-dark-accent-gold: #f0c85a;--color-dark-accent-gold-soft: rgba(240, 200, 90, .16);--color-dark-border-subtle: rgba(255, 255, 255, .08);--color-dark-text-heading: #ffffff;--color-dark-text-secondary: rgba(255, 255, 255, .9);--color-white: #ffffff;--color-black: #000000;--color-header-overlay: rgba(12, 10, 6, .85);--color-header-overlay-scrolled: rgba(12, 10, 6, .95);--color-hero-dark-overlay: rgba(0, 0, 0, .8);--color-hero-dark-secondary: rgba(30, 25, 16, .98);--color-button-text: #211c11;--color-whatsapp: #25d366;--color-instagram-start: #feda77;--color-instagram-mid: #e1306c;--color-instagram-end: #c13584}html[data-theme=light]{--bg-page: var(--color-light-bg-page);--bg-surface: var(--color-light-bg-surface);--bg-surface-alt: var(--color-light-bg-surface-alt);--text-main: var(--color-light-text-main);--text-soft: var(--color-light-text-soft);--accent-gold: var(--color-light-accent-gold);--accent-gold-soft: var(--color-light-accent-gold-soft);--border-subtle: var(--color-light-border-subtle)}html[data-theme=dark]{--bg-page: var(--color-dark-bg-page);--bg-surface: var(--color-dark-bg-surface);--bg-surface-alt: var(--color-dark-bg-surface-alt);--text-main: var(--color-dark-text-main);--text-soft: var(--color-dark-text-soft);--accent-gold: var(--color-dark-accent-gold);--accent-gold-soft: var(--color-dark-accent-gold-soft);--border-subtle: var(--color-dark-border-subtle)}:root{--font-sans: system-ui, "Segoe UI", Roboto, sans-serif;--font-heading: "Georgia", "Times New Roman", serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 32px;--font-size-4xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.1;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-normal: 0;--letter-spacing-wide: .08em;--letter-spacing-wider: .14em;--letter-spacing-widest: .16em}:root{--radius-xs: 8px;--radius-sm: 18px;--radius-md: 24px;--radius-lg: 26px;--radius-xl: 32px;--radius-full: 999px;--space-xs: 4px;--space-sm: 6px;--space-md: 10px;--space-lg: 12px;--space-xl: 14px;--space-2xl: 16px;--space-3xl: 18px;--space-4xl: 20px;--space-5xl: 24px;--space-6xl: 28px;--space-7xl: 32px;--space-8xl: 40px;--space-9xl: 56px;--shadow-soft: 0 18px 35px rgba(0, 0, 0, .16);--shadow-header: 0 16px 35px rgba(0, 0, 0, .35);--shadow-header-scrolled: 0 9px 22px rgba(0, 0, 0, .28);--shadow-hero: 0 22px 40px rgba(0, 0, 0, .7);--shadow-button: 0 12px 28px rgba(0, 0, 0, .5);--z-header: 999;--z-menu-toggle: 1000;--container-max: 1120px;--container-padding-mobile: 20px;--container-padding-desktop: 32px;--header-height: 86px;--header-padding: 14px 20px;--gap-mobile: 40px;--gap-desktop: 56px}@media(max-width:768px){:root{--container-padding: var(--container-padding-mobile)}}@media(min-width:900px){:root{--container-padding: var(--container-padding-desktop)}}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2xl);padding:var(--header-padding);border-radius:0;background:linear-gradient(120deg,rgba(0,0,0,.14),transparent),var(--color-header-overlay);color:var(--color-dark-text-main);position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--z-header);box-shadow:var(--shadow-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:box-shadow .25s ease,background-color .25s ease}.header.scrolled{box-shadow:var(--shadow-header-scrolled);background:linear-gradient(120deg,rgba(0,0,0,.2),transparent),var(--color-header-overlay-scrolled)}.header-brand{display:flex;align-items:center;gap:var(--space-md);min-width:0;flex:1;text-decoration:none;color:inherit;border-radius:var(--radius-md);outline-offset:4px}.header-brand:hover{opacity:.95}.header-brand:focus-visible{outline:2px solid rgba(240,200,90,.85)}.logo-mark{width:38px;height:38px;border-radius:50%;border:1px solid rgba(240,200,90,.75);background:radial-gradient(circle at top,#f0c85a,transparent 60%),radial-gradient(circle at bottom,rgba(0,0,0,.8),transparent 55%);flex-shrink:0}.header-title{display:flex;flex-direction:column;line-height:var(--line-height-tight)}.brand-name{font-family:var(--font-heading);font-size:var(--font-size-lg);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;font-weight:var(--font-weight-medium)}.brand-subtitle{font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;opacity:.8}.header-nav{display:none}@media(min-width:900px){.header-nav{display:flex;align-items:center;gap:var(--space-sm)}}.nav-link{border:none;background:transparent;color:inherit;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);cursor:pointer;opacity:.8;transition:background .2s ease,opacity .2s ease,transform .1s ease}.nav-link:hover{opacity:1;background:#00000042;transform:translateY(-1px)}a.nav-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.theme-toggle{border:1px solid rgba(240,200,90,.7);background:radial-gradient(circle at top,rgba(240,200,90,.6),transparent 60%),#000000d9;color:var(--color-dark-text-main);width:36px;height:36px;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:filter .2s ease}.theme-toggle:hover{filter:brightness(1.1)}.header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.header-icon-button{border:1px solid rgba(240,200,90,.7);background:radial-gradient(circle at top,rgba(240,200,90,.6),transparent 60%),#000000d9;color:var(--color-dark-text-main);min-height:36px;padding:0 var(--space-lg);border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;text-decoration:none;transition:filter .2s ease;box-sizing:border-box}.header-icon-button:hover{opacity:1;filter:brightness(1.1)}.header-icon-button:focus-visible{outline:2px solid rgba(240,200,90,.85);outline-offset:2px}button.header-icon-button{font-family:inherit}.theme-icon{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-dark-text-main);box-shadow:inset -4px -4px #000000b3}html[data-theme=light] .theme-icon{box-shadow:inset -4px -4px #f0c85acc}.menu-toggle{display:none;font-size:26px;background:none;border:none;color:#fff;cursor:pointer;flex-shrink:0;position:relative;z-index:auto;line-height:1;padding:var(--space-xs)}@media(max-width:768px){.header{gap:var(--space-sm);align-items:center}.header-title{min-width:0;overflow:hidden}.brand-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-subtitle{display:none}.logo-mark{width:32px;height:32px}.header-back-cta.button{padding:6px 12px;font-size:var(--font-size-xs);min-height:36px;letter-spacing:var(--letter-spacing-wide)}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:60px;right:0;width:100%;background:#111;flex-direction:column;padding:var(--space-5xl);z-index:calc(var(--z-header) + 2);box-shadow:var(--shadow-header)}.header-nav.open{display:flex}.nav-link{padding:var(--space-3xl) 0;text-align:left;color:#fff}}.footer{margin-top:var(--space-md);font-size:var(--font-size-sm);text-align:center;color:var(--text-soft);width:100%}.footer-shortcuts{margin:0 0 var(--space-md)}.footer-shortcuts a:hover{opacity:.85;text-decoration:underline}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr);gap:var(--space-7xl);align-items:center;padding:var(--space-7xl) var(--space-5xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-hero-dark-overlay),var(--color-hero-dark-secondary));color:var(--color-dark-text-main);box-shadow:var(--shadow-soft)}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);padding:var(--space-5xl);text-align:center}}.hero-logo-wrapper{display:flex;align-items:center;justify-content:center}.hero-logo{max-width:280px;width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-hero)}.hero-content h1{font-family:var(--font-heading);font-size:var(--font-size-3xl);line-height:var(--line-height-tight);margin:0 0 var(--space-xl)}@media(min-width:900px){.hero-content h1{font-size:var(--font-size-4xl)}}.hero-content p{margin:0 0 var(--space-5xl);font-size:var(--font-size-md)}html[data-theme=light] .hero-content h1{color:var(--color-black)}html[data-theme=light] .hero-content p{color:var(--color-light-text-secondary)}html[data-theme=dark] .hero-content h1{color:var(--color-white)}html[data-theme=dark] .hero-content p{color:var(--color-dark-text-secondary)}.primary-button{background:linear-gradient(135deg,#f0c85a,#d4af37);color:var(--color-button-text);box-shadow:var(--shadow-button)}.primary-button:hover{filter:brightness(1.05)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center}@media(max-width:900px){.hero-actions{justify-content:center}}.section{border-radius:var(--radius-lg);padding:var(--space-6xl) var(--space-5xl) var(--space-7xl);background:var(--bg-surface);border:1px solid var(--border-subtle)}.section-alt{background:radial-gradient(circle at top left,var(--accent-gold-soft),transparent 60%),var(--bg-surface-alt)}@media(min-width:900px){.section{padding:var(--space-7xl) var(--space-7xl) var(--space-7xl)}}.section-header{margin-bottom:var(--space-xl)}.section-header h2{margin:0 0 var(--space-sm);font-family:var(--font-heading);font-size:var(--font-size-2xl)}.section-subtitle{margin:0;font-size:var(--font-size-base);color:var(--text-soft)}.section-body{display:flex;flex-direction:column;gap:var(--space-lg);font-size:var(--font-size-md);color:var(--text-main)}.section-body p{margin:0;line-height:var(--line-height-normal)}.list-title{font-size:var(--font-size-md);margin:var(--space-lg) 0 var(--space-sm);font-weight:var(--font-weight-medium)}.bullet-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--font-size-base);color:var(--text-main);line-height:var(--line-height-normal)}.mission-grid{display:grid;gap:var(--space-2xl)}@media(min-width:900px){.mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mission-card{padding:var(--space-5xl) var(--space-4xl);border-radius:var(--radius-sm);background:#0000000a;border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-lg)}html[data-theme=dark] .mission-card{background:#00000059}.mission-manifesto{margin-bottom:var(--space-5xl);padding:var(--space-5xl);border-left:4px solid var(--accent-gold);background:#d4af3714;border-radius:var(--radius-xs)}.mission-manifesto p{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-main);font-style:italic}html[data-theme=dark] .mission-manifesto{background:#f0c85a14}.mission-card h3{margin:0;font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--accent-gold)}.mission-card p{margin:0;font-size:var(--font-size-base);color:var(--text-main);line-height:var(--line-height-normal)}.mission-values{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--text-main);list-style-type:disc;line-height:var(--line-height-normal)}.contact-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.contact-button{flex:0 0 180px;min-height:50px;text-align:center;text-decoration:none;padding:var(--space-md) var(--space-3xl);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);transition:filter .2s ease,transform .1s ease}.contact-button:hover{filter:brightness(1.05)}.contact-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.contact-button.whatsapp{background:var(--color-whatsapp);color:var(--color-white)}.contact-button.instagram{background:linear-gradient(135deg,var(--color-instagram-start),var(--color-instagram-mid),var(--color-instagram-end));color:var(--color-white)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-sans);background:radial-gradient(circle at top,rgba(212,175,55,.25),transparent 55%),var(--bg-page);color:var(--text-main);transition:background-color .25s ease,color .25s ease}#app{min-height:100vh}.page{max-width:var(--container-max);margin:0 auto;padding:var(--space-5xl) var(--container-padding-mobile) var(--space-10) var(--container-padding-mobile);display:flex;flex-direction:column;gap:var(--gap-mobile);padding-top:calc(var(--header-height) + var(--space-5xl))}@media(min-width:1024px){.page{padding:var(--space-7xl) var(--container-padding-desktop) var(--space-9xl) var(--container-padding-desktop);gap:var(--gap-desktop);padding-top:calc(var(--header-height) + var(--space-7xl))}}.page-main{display:flex;flex-direction:column;gap:var(--gap-mobile)}@media(min-width:1024px){.page-main{gap:var(--gap-desktop)}}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:var(--radius-full);border:none;cursor:pointer;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-size:var(--font-size-sm);background:var(--button-bg, linear-gradient(135deg, #f0c85a, #d4af37));color:var(--color-button-text);transition:filter .2s ease,transform .1s ease}.button:hover{filter:brightness(1.05)}h1,h2,h3,h4,h5,h6{margin:0}ul,ol{margin:0;padding:0}a{color:inherit;text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--accent-gold);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-gold);filter:brightness(.9)}.home-page{display:flex;flex-direction:column;gap:var(--gap-mobile)}@media(min-width:900px){.home-page{gap:var(--gap-desktop)}}.portfolio-page{max-width:880px;margin:0 auto;width:100%}.portfolio-offer{padding:var(--space-6xl) var(--space-5xl);border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);scroll-margin-top:calc(var(--header-height) + var(--space-md))}.portfolio-offer h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin:0 0 var(--space-sm);color:var(--text-main)}.portfolio-offer .offer-meta{font-size:var(--font-size-sm);color:var(--text-soft);margin:0 0 var(--space-5xl);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.portfolio-offer .offer-body p{margin:0 0 var(--space-xl);font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-main)}.portfolio-offer .offer-body p:last-child{margin-bottom:0}.portfolio-offer h3{font-family:var(--font-heading);font-size:var(--font-size-lg);margin:var(--space-5xl) 0 var(--space-md);color:var(--text-main)}.portfolio-offer ul{margin:0 0 var(--space-xl);padding-left:var(--space-5xl)}.portfolio-offer li{margin-bottom:var(--space-md);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.portfolio-offer .journey-step{margin-bottom:var(--space-5xl)}.portfolio-offer .journey-step:last-child{margin-bottom:0}.portfolio-offer .journey-step h4{font-family:var(--font-sans);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-sm);color:var(--text-main)}.portfolio-offer .journey-step p{margin:0;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.portfolio-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:center;justify-content:center;padding:var(--space-xl) 0 var(--space-5xl)}.notfound-page{min-height:calc(100vh - var(--header-height) - 40px);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top,rgba(212,175,55,.25),transparent 55%),var(--bg-page)}.notfound-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-7xl);align-items:center;padding:var(--space-7xl) var(--space-5xl);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-hero-dark-overlay),var(--color-hero-dark-secondary));color:var(--color-dark-text-main);box-shadow:var(--shadow-soft);text-align:center;max-width:800px;width:100%}@media(max-width:900px){.notfound-hero{padding:var(--space-5xl)}}.notfound-content h1{font-family:var(--font-heading);font-size:var(--font-size-4xl);line-height:var(--line-height-tight);margin:0 0 var(--space-xl);color:var(--color-white)}@media(max-width:900px){.notfound-content h1{font-size:var(--font-size-3xl)}}.notfound-content .subtitle{font-size:var(--font-size-md);margin:0 0 var(--space-5xl);color:var(--color-dark-text-secondary);opacity:.9}.notfound-content p{margin:0 0 var(--space-5xl);font-size:var(--font-size-md);color:var(--color-dark-text-secondary);line-height:var(--line-height-normal)}.notfound-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-md)}.notfound-actions .button{min-height:50px;padding:var(--space-md) var(--space-3xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-lg);transition:filter .2s ease,transform .1s ease}.notfound-actions .button:hover{filter:brightness(1.05)}.notfound-actions .primary-button{background:linear-gradient(135deg,#f0c85a,#d4af37);color:var(--color-button-text);box-shadow:var(--shadow-button)}.notfound-actions .secondary-button{background:#ffffff1a;color:var(--color-white);border:1px solid rgba(255,255,255,.3)}.notfound-actions .secondary-button:hover{background:#fff3;border-color:#ffffff80}