:root{color-scheme:dark;--bg:#101719;--text:#f4f3eb;--muted:#a6b0b1;--yellow:#eaca4b;--line:#ffffff20}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;inset:0 0 auto;height:720px;pointer-events:none;background:radial-gradient(ellipse at 12% 25%,#284b4630,transparent 55%)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}
.shell{position:relative;width:min(1180px,calc(100% - 96px));margin:auto}
.skip{position:absolute;top:-100px;left:20px;background:var(--yellow);color:var(--bg);padding:15px;z-index:10}
.skip:focus{top:10px}
.header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;background:#fff;padding:10px 15px;border-radius:3px}
.brand img{width:121px;height:auto;display:block}
.portal-label{font-size:11px;letter-spacing:2px;color:#c8cecb;display:flex;align-items:center;gap:10px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 15px #eaca4b50}
.contact{font-size:14px;display:flex;gap:28px;align-items:center}
.contact span{color:var(--yellow);font-size:24px}
.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:30px;padding:38px 0 40px}
.hero-copy{position:relative;z-index:1}
.eyebrow{color:var(--yellow);font-size:11px;font-weight:600;letter-spacing:2px;margin:0 0 28px;display:flex;align-items:center;gap:12px}
.eyebrow span{font-size:26px;font-weight:400}
h1{font-size:clamp(46px,5.5vw,76px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:0 0 27px}
h1 span{color:var(--yellow)}
.intro{color:var(--muted);font-size:17px;line-height:1.8;margin:0;max-width:430px}
.access-note{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);margin-top:30px;padding-top:22px;max-width:415px}
.access-note svg{width:22px;flex-shrink:0;margin-top:2px;color:var(--yellow)}
.access-note p{font-size:13px;line-height:1.7;margin:0}
.access-note p span{color:var(--muted)}
.access-note a{text-decoration:underline;text-underline-offset:3px;color:var(--text)}
.portrait{position:relative;margin:0;align-self:stretch;min-height:465px;overflow:hidden;border-radius:4px;background:#0c1114}
.portrait>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portrait::after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#090f13e8);pointer-events:none}
.portrait figcaption{position:absolute;z-index:1;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;gap:10px}
.signature{font-size:16px;font-weight:600}.signature small{font-size:11px;font-weight:400;display:block;margin-top:7px;color:#c4cbcb}
.ai-label{font-size:9px;color:#b9c0c4;text-align:right;max-width:90px;line-height:1.5}
.destinations{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.destination{position:relative;display:block;border:1px solid var(--line);padding:27px 30px 25px;background:#ffffff03;transition:background .2s,border-color .2s,transform .2s}
.destination:hover{background:#eaca4b09;border-color:#eaca4b70;transform:translateY(-3px)}
.card-index{font-size:10px;letter-spacing:1.7px;color:var(--muted)}
.card-arrow{position:absolute;top:23px;right:28px;color:var(--yellow);font-size:26px}
.destination h2{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:25px 0 10px}
.destination p{font-size:13px;color:var(--muted);margin:0 0 27px;line-height:1.6}
.domain{font-size:13px;color:var(--yellow);display:flex;align-items:center;gap:18px}
.domain span{transition:transform .2s}.destination:hover .domain span{transform:translateX(4px)}
footer{margin-top:34px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:0 0 28px;border-bottom:1px solid var(--line)}
.footer-main p{font-size:14px;margin:0}.footer-main p>span{display:block;color:var(--muted);font-size:12px;margin-top:7px}
.socials{display:flex;gap:24px;flex-wrap:wrap}.socials a{font-size:12px;min-height:44px;display:flex;align-items:center;gap:9px}.socials a span{color:#7b888a}.socials a:hover{color:var(--yellow)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;padding:20px 0 25px}
@media(min-width:1450px){.hero{padding-top:48px;padding-bottom:48px}.portrait{max-height:510px}}
@media(max-width:900px){.shell{width:calc(100% - 48px)}.hero{gap:20px}h1{letter-spacing:-2.7px;font-size:52px}.portrait{min-height:440px}.intro{font-size:15px}.signature small{max-width:140px;line-height:1.5}.portrait figcaption{left:18px;right:18px}.destination{padding:24px}.destination h2{font-size:21px}.socials{gap:15px}}
@media(max-width:680px){.shell{width:calc(100% - 40px)}.header{padding:22px 0;flex-wrap:wrap;gap:16px}.brand img{width:104px}.brand{padding:8px 12px}.portal-label{font-size:9px;letter-spacing:1.2px}.contact{display:none}.hero{grid-template-columns:1fr;gap:28px;padding:36px 0 26px}.eyebrow{margin-bottom:19px;font-size:10px}h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.6px;margin-bottom:21px}.intro{font-size:15px}.access-note{max-width:none;margin-top:25px;padding-top:18px}.portrait{min-height:0;aspect-ratio:1.1}.portrait>img{object-position:center 42%}.portrait figcaption{bottom:20px}.signature small{max-width:none}.destinations{grid-template-columns:1fr;gap:14px}.destination{padding:25px}.destination h2{margin-top:23px}.destination p{margin-bottom:22px}.footer-main{align-items:flex-start;flex-direction:column;gap:14px;padding-bottom:15px}.socials{gap:10px 20px}.footer-bottom{line-height:1.6;font-size:9px;gap:15px}.footer-bottom>span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.inline-icon{width:17px;height:17px;flex-shrink:0;vertical-align:middle}
.open-contact{max-width:415px;margin:18px 0 0;font-size:13px;line-height:1.8;color:var(--muted)}
.open-contact a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
.open-contact .inline-icon{color:var(--yellow)}
.domain{gap:10px}
.contact{gap:10px;min-height:44px}.contact .whatsapp{width:21px;height:21px;color:#65d68d}
.email-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.access-note .email-link .inline-icon{width:16px;height:16px;margin:0}
@media(max-width:680px){.header .contact{display:flex;margin-left:auto}.socials{gap:8px 18px}}

/* Luz localizada sobre el cerebro; la fotografía original no se modifica. */
.portrait{isolation:isolate}
.portrait::before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 19% 18% at 76% 44%,#77faff85 0%,#64e8ff35 44%,transparent 74%),radial-gradient(ellipse 15% 18% at 83% 47%,#d983ff65 0%,transparent 76%);mix-blend-mode:screen;transition:opacity .65s ease}
@media(hover:hover) and (pointer:fine){
  .portrait:hover::before{opacity:1;animation:brain-glow 2.8s ease-in-out infinite}
}
@keyframes brain-glow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.55)}}
@media(prefers-reduced-motion:reduce){.portrait:hover::before{animation:none}}

/* Entrada breve, solo al cargar y sin retener el transform del hover. */
@media(prefers-reduced-motion:no-preference){
  .hero-copy{animation:soft-entry .65s ease-out backwards}
  .destination{animation:soft-entry .65s ease-out .12s backwards}
  .destination:nth-child(2){animation-delay:.22s}
}
@keyframes soft-entry{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* Acentos de las redes también accesibles mediante teclado. */
.socials a[href*="linkedin.com"]{--social-color:#70b5f9}
.socials a[href*="instagram.com"]{--social-color:#f777a8}
.socials a[href*="facebook.com"]{--social-color:#6aa9ff}
.socials a[href*="maps.app.goo.gl"]{--social-color:#81c995}
.socials .inline-icon{transition:color .22s ease}
.socials a:is(:hover,:focus-visible) .inline-icon{color:var(--social-color)}