*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Work Sans',sans-serif;background:#050608;color:#f5f2eb}main{display:block;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}
:root{--accent:#c89d4d;--muted:#b7b1a6;--line:rgba(255,255,255,.08);--card:rgba(10,13,19,.82);--shadow:0 30px 80px rgba(0,0,0,.55)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(to bottom,rgba(4,6,10,.94),rgba(4,6,10,.62));backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04);overflow:visible}
.header-shell{max-width:1360px;margin:0 auto;padding:8px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px; overflow: visible;}.brand-lockup{display:flex;align-items:center;gap: 14px;min-width: max-content;position: relative;}.brand-logo{width: 140px;max-width: none;height:auto;object-fit:contain;box-shadow: none;display: block;background: transparent;margin: -14px 0;position:relative;z-index:2;}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-name{font-family:'Playfair Display',serif;font-size:1rem;letter-spacing:.08em}.brand-sub{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.main-nav{display:flex;align-items:center;justify-content:center;gap:28px}.main-nav a{font-size:.92rem;color:var(--muted)}.header-ctas{display:flex;align-items:center;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.92rem 1.5rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;transition:transform .25s ease,background .25s ease,border-color .25s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#101114}.btn-ghost{background:rgba(7,10,16,.55);border-color:rgba(200,157,77,.22);color:#f5f2eb}
.hero-panel,.learning-panel,.results-block{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:138px 24px 92px;overflow:hidden}.dynamic-bg{position:absolute;inset:-2%;border:none;cursor:zoom-in;background-size:cover;background-position:center;transition:opacity 1.8s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1);will-change:opacity,transform;transform:scale(1.01)}.dynamic-bg::before,.dynamic-bg::after{content:'';position:absolute;inset:0;pointer-events:none}.dynamic-bg::before{background:inherit;opacity:1;transition:opacity 1.8s cubic-bezier(.22,1,.36,1),transform 1.8s cubic-bezier(.22,1,.36,1)}.dynamic-bg.is-shifting{opacity:.96;transform:scale(1.008)}.dynamic-bg.is-shifting::before{opacity:.72;transform:translateX(-.4%) scale(1.012)}.dynamic-bg::after{background:linear-gradient(to right,rgba(6,8,12,.14),rgba(6,8,12,.28))}.bg-clickable::after{content:'Haz clic para ampliar';position:absolute;right:24px;bottom:24px;padding:.38rem .86rem;border-radius:999px;background:rgba(7,10,16,.76);border:1px solid rgba(255,255,255,.14);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.hero-overlay,.panel-overlay{position:absolute;inset:0;pointer-events:none}.hero-overlay{background:linear-gradient(to right,rgba(4,6,10,.72),rgba(4,6,10,.44) 45%,rgba(4,6,10,.75) 100%),radial-gradient(circle at 18% 22%,rgba(200,157,77,.18),transparent 42%)}.panel-overlay{background:linear-gradient(to bottom,rgba(4,6,10,.5),rgba(4,6,10,.78))}
.hero-shell,.panel-shell,.contact-shell,.results-inner{position:relative;z-index:3;width:100%;max-width:1360px;display:flex;justify-content:center;align-items:center;margin-inline:auto}.hero-copy,.panel-shell,.results-inner{width:min(1080px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.eyebrow,.panel-subtitle{font-size:1rem;letter-spacing:.24em;text-transform:uppercase;color:#ddd0b0;margin-bottom:18px;text-align:center}h1,h2{font-family:'Playfair Display',serif}h1{font-size:clamp(3.5rem,6.8vw,6rem);line-height:.96;letter-spacing:-.03em;max-width:1120px;text-align:center;text-wrap:balance}h2{font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.02}.hero-subtitle,.panel-description,.results-inner p,.contact-copy p,.info-card p{margin-top:18px;max-width:760px;font-size:1.08rem;line-height:1.55;color:#e0dbd2;text-align:center}.hero-actions,.card-actions,.contact-shortcuts{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.quick-links{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.quick-links a{padding:.62rem 1rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);font-size:.9rem;color:#f4efe6}.panel-title-button{border:none;background:none;color:#f5f2eb;font-family:'Playfair Display',serif;font-size:clamp(3rem,5.8vw,5rem);line-height:1;cursor:pointer;text-align:center}.panel-title-button:hover{text-decoration:underline;text-underline-offset:8px}
.results-card,.info-card{padding:34px;border-radius:30px;background:rgba(5,7,10,.52);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow)}
.ecosystem-section{padding:120px 24px;background:linear-gradient(to bottom,#050608,#090b0e);border-top:1px solid var(--line)}.ecosystem-grid{max-width:1360px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.social-card .card-actions.vertical{flex-direction:column;align-items:stretch}.social-card .btn{width:100%}
.contact-section{padding:120px 24px 80px;border-top:1px solid var(--line);background:radial-gradient(circle at top left,rgba(200,157,77,.12),transparent 28%),#050608}.contact-shell{display:grid;grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:42px;align-items:start}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px;border-radius:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.contact-form label{display:grid;gap:10px;color:#ece5d8;font-size:.92rem}.contact-form input,.contact-form textarea{width:100%;padding:1rem 1rem;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(9,12,18,.88);color:#f5f2eb;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(200,157,77,.55);box-shadow:0 0 0 3px rgba(200,157,77,.12)}.full-span{grid-column:1/-1}.form-note{font-size:.88rem;color:var(--muted);text-align:left}
.lightbox,.topic-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(5,6,8,.96);z-index:120;padding:24px}.lightbox-inner{position:relative;width:min(1120px,92vw);transform:translateZ(0)}.lightbox-image{width:100%;max-height:80vh;object-fit:contain;border-radius:20px;box-shadow:var(--shadow);transition:opacity .28s ease,transform .28s ease;will-change:opacity,transform}.lightbox-caption{margin-top:12px;color:var(--muted);text-align:center}.lightbox-close,.topic-modal-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border:none;border-radius:999px;background:rgba(14,18,24,.92);color:#fff;font-size:1.6rem;cursor:pointer}.topic-modal-card{position:relative;width:min(920px,92vw);max-height:84vh;overflow:auto;padding:36px 30px 28px;border-radius:28px;background:linear-gradient(to bottom,rgba(11,14,20,.98),rgba(11,14,20,.92));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)}.topic-modal-eyebrow{font-size:.86rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;text-align:center}.topic-modal-card h2{text-align:center;font-size:2.3rem;margin-bottom:18px}.topic-modal-card ul{list-style:none;display:grid;gap:10px}.topic-modal-card li{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);color:#e5e0d6;line-height:1.35}.topic-modal-card li::before{content:'• ';color:var(--accent)}
.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border:none;border-radius:999px;background:rgba(14,18,24,.72);color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.lightbox-nav:hover{background:rgba(200,157,77,.18)}.lightbox-prev{left:-70px}.lightbox-next{right:-70px}
@media (max-width:980px){.header-shell{grid-template-columns:1fr;justify-items:center}.main-nav,.header-ctas{justify-content:center;flex-wrap:wrap}.hero-panel,.learning-panel,.results-block{padding-top:190px}.ecosystem-grid,.contact-shell{grid-template-columns:1fr}h1{font-size:clamp(3rem,7vw,4.8rem)}}
@media (max-width:640px){.main-nav{display:none}.hero-panel,.learning-panel,.results-block{padding:180px 18px 82px}.eyebrow,.panel-subtitle{font-size:.82rem;letter-spacing:.18em}h1{font-size:clamp(2.5rem,12vw,3.8rem)}.hero-subtitle,.panel-description,.results-inner p,.contact-copy p,.info-card p{font-size:1rem}.hero-actions .btn,.header-ctas .btn,.contact-form button,.card-actions .btn{width:100%}.panel-title-button{font-size:clamp(2.2rem,10vw,3rem)}.topic-modal-card{padding:30px 18px 24px}.contact-form{grid-template-columns:1fr;padding:20px}.full-span{grid-column:auto}.brand-logo{width: 110px;height:auto}.brand-sub{font-size:.64rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-nav{width:46px;height:46px;font-size:1.6rem}}