﻿.wish-entry { position:absolute; z-index:4; left:50%; top:708px; display:flex; align-items:center; gap:17px; min-height:53px; padding:9px 22px; transform:translateX(-50%); border:1px solid rgb(var(--gold-base-rgb) / 0.4667); border-radius:999px; background:#15171dcc; color:var(--gold-light); text-decoration:none; opacity:0; box-shadow:0 0 30px rgb(var(--gold-muted-rgb) / 0.1882); transition:opacity .5s 8s, box-shadow .25s, background .25s; }
.is-opening .wish-entry { opacity:1; }
.wish-entry:hover,.wish-entry:focus-visible { background:#26221c; box-shadow:0 0 35px rgb(var(--gold-base-rgb) / 0.3333); outline:2px solid var(--gold-base); outline-offset:4px; }
.wish-entry>span:first-child { font-size:10px; letter-spacing:.16em; color:var(--gold-light); white-space:nowrap; }
.wish-entry strong { font:18px Georgia,serif; white-space:nowrap; }
.wish-entry>span:last-child { font-size:20px; }

.hex-slot { transform:translateX(calc((var(--side, -1)) * 590px)) translateY(-80px) rotate(-18deg) scale(.35); }
.honeycomb--right .hex-slot { --side:1; }
.is-opening .hex-slot { transform:translateX(0) translateY(0) rotate(0) scale(1); }
.hex__border::before { background-image:linear-gradient(180deg,#08101a44,#060912dd),url('./assets/hex-scenes.webp'); background-size:100% 100%,400% 300%; background-position:center,var(--scene-x) var(--scene-y); background-repeat:no-repeat; }
.hex__title { color:var(--gold-light); font-weight:600; text-shadow:0 2px 5px #02040d,0 0 12px #02040d; }
.menu-core__orbit { animation:core-orbit 17s linear infinite; }
.menu-core__emblem { animation:core-breathe 4s ease-in-out infinite; }
@keyframes core-orbit { to { transform:rotate(360deg); } }
@keyframes core-breathe { 50% { filter:brightness(1.4) drop-shadow(0 0 34px rgb(var(--gold-base-rgb) / 0.5333)); transform:scale(1.025); } }
.door { background-image:radial-gradient(ellipse at 100% 50%,#363023,#10151e 45%,#060810 85%),repeating-linear-gradient(90deg,transparent 0 29px,rgb(var(--gold-base-rgb) / 0.0627) 30px 31px); box-shadow:inset 0 0 90px rgb(var(--gold-muted-rgb) / 0.1333); }
.door--right { background-image:radial-gradient(ellipse at 0 50%,#363023,#10151e 45%,#060810 85%),repeating-linear-gradient(90deg,transparent 0 29px,rgb(var(--gold-base-rgb) / 0.0627) 30px 31px); }
.door::after { content:""; position:absolute; inset:7%; border:1px solid rgb(var(--gold-muted-rgb) / 0.2078); background:repeating-linear-gradient(0deg,transparent 0 64px,rgb(var(--gold-base-rgb) / 0.0431) 65px 66px); pointer-events:none; }
.door__lines { filter:drop-shadow(0 0 8px rgb(var(--gold-base-rgb) / 0.5333)); }
.portal__phrase { position:absolute; z-index:2; left:50%; bottom:135px; width:850px; margin:0; transform:translateX(-50%); color:var(--gold-light); font-size:24px; line-height:1.5; text-align:center; text-shadow:0 0 20px #05070d; opacity:1; transition:opacity .6s; }
.portal__phrase strong { color:var(--gold-light); font:34px Georgia,serif; }
.is-opening .portal__phrase { opacity:0; }

.discovery-page { position:absolute; inset:0; z-index:12; overflow:hidden; color:var(--gold-light); background:radial-gradient(ellipse at 50% 42%,rgb(var(--gold-deep-rgb) / 0.1647),transparent 53%),#05070d; }
.discovery-page__back { position:absolute; top:60px; left:64px; }
.discovery-page__logo { position:absolute; top:54px; left:50%; width:180px; height:auto; transform:translateX(-50%); }
.discovery-page__header { position:absolute; top:162px; left:0; right:0; text-align:center; }
.discovery-page__header p,.discovery-heading>p { margin:0 0 13px; color:var(--gold-light); font-size:11px; letter-spacing:.18em; }
.discovery-page__header h1 { margin:0 0 12px; color:var(--gold-light); font:42px Georgia,serif; outline:none; }
.discovery-page__header span { color:var(--gold-light); font-size:16px; }
.discovery-body { position:absolute; top:303px; bottom:45px; left:210px; right:210px; overflow:auto; padding:0 50px 35px; scrollbar-color:var(--gold-muted) #151920; scrollbar-width:thin; }
.discovery-section { padding:45px 0 70px; border-top:1px solid rgb(var(--gold-base-rgb) / 0.2); scroll-margin-top:8px; }
.discovery-section:first-child { border-top:0; padding-top:22px; }
.discovery-heading { margin-bottom:29px; }
.discovery-heading h2 { margin:0 0 12px; color:var(--gold-light); font:36px Georgia,serif; }
.discovery-heading>span { color:#b8b3a8; font-size:16px; line-height:1.55; }
.wish-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.wish-card { position:relative; display:flex; align-items:flex-start; gap:14px; min-height:114px; padding:22px 36px 20px 20px; border:1px solid rgb(var(--gold-base-rgb) / 0.2196); border-radius:15px; background:linear-gradient(145deg,#171b24,#0d1119); color:var(--gold-light); cursor:pointer; font-size:14px; line-height:1.5; transition:background .25s,border-color .25s,transform .25s; }
.wish-card:hover,.wish-card:focus-within { background:#24241f; border-color:rgb(var(--gold-base-rgb) / 0.5333); transform:translateY(-2px); }
.wish-card input { position:absolute; top:17px; right:16px; accent-color:var(--gold-base); }
.wish-card:has(input:checked) { border-color:var(--gold-base); background:#30291d; }
.wish-card__icon { font-size:27px; line-height:1; }
.wish-card__check { position:absolute; bottom:10px; right:15px; color:var(--gold-light); opacity:0; }
.wish-card:has(input:checked) .wish-card__check { opacity:1; }
.discovery-next { display:inline-flex; align-items:center; justify-content:center; gap:17px; min-height:48px; margin-top:26px; padding:12px 22px; border:1px solid var(--gold-base); border-radius:999px; background:var(--gold-deep); color:var(--gold-light); cursor:pointer; font-size:14px; text-decoration:none; }
.discovery-next:hover,.discovery-next:focus-visible { background:var(--gold-deep); outline:2px solid var(--gold-light); outline-offset:4px; }
.discovery-tabs { display:flex; gap:9px; margin-bottom:19px; }
.discovery-tabs button { padding:12px 20px; border:1px solid rgb(var(--gold-muted-rgb) / 0.3333); border-radius:999px; background:#141821; color:var(--gold-light); cursor:pointer; }
.discovery-tabs button[aria-selected="true"] { border-color:var(--gold-base); background:var(--gold-deep); color:var(--gold-light); }
.discovery-tabs button:focus-visible,.path-card button:focus-visible,.path-card a:focus-visible { outline:2px solid var(--gold-light); outline-offset:3px; }
.path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.path-card { display:flex; flex-direction:column; min-height:218px; padding:23px; border:1px solid rgb(var(--gold-base-rgb) / 0.2824); border-radius:16px; background:linear-gradient(145deg,#1d2028,#0e121b); }
.path-card>span { color:var(--gold-light); font-size:12px; }
.path-card h3 { margin:13px 0 8px; color:var(--gold-light); font:23px Georgia,serif; }
.path-card p { margin:0 0 21px; color:#bbb5a7; font-size:14px; line-height:1.5; }
.path-card>div { display:flex; align-items:center; gap:18px; margin-top:auto; }
.path-card button,.path-card a,.path-selection a { padding:0; border:0; background:none; color:var(--gold-light); font-size:13px; text-decoration:none; cursor:pointer; }
.path-card button:hover,.path-card a:hover,.path-selection a:hover { color:var(--gold-light); text-decoration:underline; }
.path-selection { margin-top:17px; padding:20px 24px; border-left:3px solid var(--gold-base); background:#2b251c; }
.path-selection strong { color:var(--gold-light); font:23px Georgia,serif; }
.path-selection p { color:var(--gold-light); line-height:1.5; }
.assessment-groups { display:grid; gap:22px; }
.assessment-block h3 { margin:0 0 10px 22px; color:var(--gold-light); font:27px/1.2 Georgia,serif; }
.assessment-group { margin:0; padding:20px 22px; border:1px solid rgb(var(--gold-base-rgb) / 0.3333); border-radius:16px; background:#10151c; }
.assessment-group legend { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.assessment-question { display:grid; grid-template-columns:1fr 300px; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid rgb(var(--gold-base-rgb) / 0.1412); }
.assessment-question:last-child { border-bottom:0; }
.assessment-question p { display:flex; gap:13px; margin:0; color:#ddd6c8; font-size:14px; line-height:1.5; }
.assessment-question p span { color:var(--gold-light); }
.assessment-question>div { display:flex; gap:4px; }
.assessment-question label { flex:1; cursor:pointer; }
.assessment-question input { position:absolute; opacity:0; }
.assessment-question label span { display:block; padding:9px 5px; border:1px solid rgb(var(--gold-base-rgb) / 0.2667); border-radius:7px; color:var(--gold-light); font-size:12px; text-align:center; }
.assessment-question input:checked+span { border-color:var(--gold-base); background:var(--gold-deep); color:var(--gold-light); }
.assessment-question input:focus-visible+span { outline:2px solid var(--gold-light); outline-offset:2px; }
.assessment-result { margin-top:24px; padding:24px; border:1px solid var(--gold-base); border-radius:16px; background:#231e18; }
.assessment-result h3 { margin:0 0 10px; color:var(--gold-light); font:28px Georgia,serif; }
.assessment-result p { color:var(--gold-light); font-size:14px; }
.assessment-result>div { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.assessment-result article { display:grid; gap:9px; padding:17px; border:1px solid rgb(var(--gold-muted-rgb) / 0.4); border-radius:10px; }
.assessment-result article strong { color:var(--gold-light); }
.assessment-result article span { color:#fff; font:29px Georgia,serif; }
.assessment-result article em { color:var(--gold-light); font-size:13px; font-style:normal; }
.challenge-label { display:block; margin-bottom:9px; color:var(--gold-light); }
#challenge-text { width:100%; padding:16px; border:1px solid rgb(var(--gold-base-rgb) / 0.4667); border-radius:11px; outline:none; background:#111720; color:var(--gold-light); font:inherit; font-size:16px; line-height:1.5; resize:vertical; }
#challenge-text:focus-visible { border-color:var(--gold-light); box-shadow:0 0 0 2px rgb(var(--gold-light-rgb) / 0.3333); }
.discovery-actions { display:flex; gap:14px; }
.discovery-next--secondary { background:#181d23; }
.discovery-closing small { display:block; margin-top:14px; color:#99988f; }
@media (prefers-reduced-motion:reduce) { .wish-entry,.wish-card,.menu-core__orbit,.menu-core__emblem { animation:none; transition:none; } .hex-slot { transition:opacity .2s; } .is-opening .hex-slot { transform:none; } }

.product-difference { margin:22px 0 30px; padding:30px; border:1px solid rgb(var(--gold-base-rgb) / 0.4); border-radius:16px; background:linear-gradient(135deg,#242018,#121820); }
.product-difference h2 { margin:0 0 22px; color:var(--gold-light); font:30px Georgia,serif; }
.product-difference h3 { margin:22px 0 13px; color:var(--gold-light); font:23px Georgia,serif; }
.product-difference h4 { margin:0 0 10px; color:var(--gold-light); font:20px Georgia,serif; }
.product-difference p { color:#c9c2b3; line-height:1.6; }
.product-difference__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.product-difference__grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-difference__grid article { padding:19px; border:1px solid rgb(var(--gold-muted-rgb) / 0.2902); border-radius:11px; background:#11161ddc; }
.product-difference__grid h3 { margin:0 0 9px; }
.product-difference__grid p { margin:0; font-size:14px; }
.product-difference .product-text-link { display:inline-block; margin-top:22px; }

.chat-launcher::after { content:"Cu\00e9ntanos tu necesidad \0000b7  Miss Cuality"; top:13px; right:63px; width:155px; padding:7px 10px; border:1px solid rgb(var(--gold-base-rgb) / 0.4667); border-radius:10px; background:#141820e8; color:var(--gold-light); opacity:1; white-space:normal; text-align:center; line-height:1.3; }
.whatsapp-launcher { position:fixed; z-index:44; right:33px; bottom:80px; display:grid; place-items:center; width:44px; height:44px; border:1px solid #74dca3; border-radius:50%; background:#145c3b; color:#fff; box-shadow:0 0 16px #39c77a77; transition:transform .2s,box-shadow .2s; }
.whatsapp-launcher svg { width:27px; height:27px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.whatsapp-launcher:hover,.whatsapp-launcher:focus-visible { transform:scale(1.08); box-shadow:0 0 20px #46d78cbb; outline:2px solid #a8ecca; outline-offset:3px; }
@media(max-width:600px) { .chat-launcher::after { width:118px; top:5px; right:57px; font-size:10px; } .whatsapp-launcher { right:17px; bottom:65px; width:42px; height:42px; } }

.triangle-map__atom { position:absolute; left:600px; top:429px; width:176px; height:110px; transform:translate(-50%,-50%); pointer-events:none; }
.triangle-map__atom i { position:absolute; inset:14px 0; border:1px solid rgb(var(--gold-base-rgb) / 0.6); border-radius:50%; box-shadow:0 0 12px rgb(var(--gold-base-rgb) / 0.3333); animation:atom-orbit 6s linear infinite; }
.triangle-map__atom i:nth-child(2) { transform:rotate(60deg); animation-delay:-2s; }
.triangle-map__atom i:nth-child(3) { transform:rotate(-60deg); animation-delay:-4s; }
.triangle-map__atom i::after { content:""; position:absolute; left:50%; top:-5px; width:9px; height:9px; border-radius:50%; background:var(--gold-light); box-shadow:0 0 16px var(--gold-base); }
.triangle-map__atom b { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:var(--gold-light); font-size:25px; text-shadow:0 0 20px var(--gold-base); }
.triangle-map__center { z-index:1; }
.triangle-map__center .triangle-map__spark { opacity:0; }
.triangle-node__point::after { content:""; position:absolute; top:-15px; left:calc(50% - 12px); width:24px; height:22px; clip-path:polygon(50% 0,100% 100%,0 100%); background:var(--gold-base); filter:drop-shadow(0 0 9px var(--gold-base)); animation:vertex-pulse 2.6s ease-in-out infinite; }
.triangle-node--systems .triangle-node__point::after { background:#82b8cf; }
.triangle-node--leadership .triangle-node__point::after { background:#bd9bd9; }
.triangle-node__label>span { color:var(--gold-light); }
.triangle-map__flow { stroke-dasharray:14 45; opacity:.68; animation-duration:7s; }
@keyframes atom-orbit { to { rotate:360deg; } }
@keyframes vertex-pulse { 50% { transform:translateY(-4px) scale(1.12); opacity:.7; } }
@media(prefers-reduced-motion:reduce) { .triangle-map__atom i,.triangle-node__point::after { animation:none; } }

@media(max-width:700px) {
  .stage.is-discovery { left:0; top:0; width:100%; height:100%; transform:none; }
  .stage.is-discovery .site-panels { display:none; }
  .discovery-page__back { top:16px; left:14px; min-height:36px; padding:6px 11px; font-size:11px; }
  .discovery-page__logo { top:16px; width:116px; }
  .discovery-page__header { top:99px; left:17px; right:17px; }
  .discovery-page__header p { margin-bottom:8px; font-size:9px; }
  .discovery-page__header h1 { font-size:29px; line-height:1.1; }
  .discovery-page__header span { font-size:13px; line-height:1.35; }
  .discovery-body { top:232px; bottom:0; left:0; right:0; padding:0 17px 110px; }
  .discovery-section { padding:30px 0 50px; }
  .discovery-section:first-child { padding-top:15px; }
  .discovery-heading { margin-bottom:20px; }
  .discovery-heading h2 { font-size:28px; }
  .discovery-heading>span { font-size:14px; }
  .wish-grid,.path-grid,.product-difference__grid,.product-difference__grid--three { grid-template-columns:1fr; }
  .wish-card { min-height:80px; padding:18px 36px 16px 16px; font-size:14px; }
  .wish-card__icon { font-size:23px; }
  .discovery-tabs { overflow:auto; }
  .discovery-tabs button { flex:0 0 auto; font-size:12px; padding:10px 12px; }
  .path-card { min-height:0; padding:18px; }
  .path-card h3 { font-size:21px; }
  .assessment-group { padding:15px; }
  .assessment-block h3 { font-size:23px; }
  .assessment-question { grid-template-columns:1fr; gap:10px; }
  .assessment-question>div { width:100%; }
  .assessment-result>div { grid-template-columns:1fr; }
  .discovery-actions { flex-direction:column; align-items:flex-start; gap:0; }
  .discovery-next { font-size:13px; }
  .product-difference { padding:20px; }
}

/* Names sit beneath the pictures, with a separate row gap for legibility. */
.hex-slot > .hex__title { position:absolute; top:calc(100% + 5px); left:12%; width:76%; margin:0; font-size:18px; line-height:1.3; text-align:center; pointer-events:none; }
.hex-slot:has(.hex[data-topic="recursos-humanos"]) > .hex__title { top:calc(100% + 8px); left:22%; font-size:16px; white-space:nowrap; }
.hex__border::before { clip-path:none; background-image:linear-gradient(180deg,#08101a11,#06091277),url('./assets/hex-scenes.webp'); transform:none; animation:none; }

/* Continuous photographic footage inside each honeycomb cell. */
.hex__scene { position:absolute; z-index:1; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; filter:none; }
.hex__scene.is-loaded { opacity:1; }
.hex__border::after { z-index:2; }

.is-staging .hex-slot { opacity:0; transform:none; transition:none; }
.is-staging .hex-slot.is-placed { opacity:1; }
.is-staging .honeycomb { z-index:6; }

/* Gold and black corporate doors, hinged opening followed by forward travel. */
.portal { z-index:8; perspective:1400px; transform-origin:50% 44%; }
.portal::before {
  content:""; position:absolute; inset:0;
  background:url('./assets/puerta-cuality-dorado.png') center / 100% 100% no-repeat;
  clip-path:polygon(evenodd,0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,28.2% 5.3%,28.2% 81.6%,71.8% 81.6%,71.8% 5.3%,28.2% 5.3%);
}
.portal .door {
  top:5.3%; bottom:18.4%; width:21.8%;
  background-image:url('./assets/puerta-cuality-dorado.png');
  background-size:458.715596% 131.061599%;
  background-repeat:no-repeat; background-color:#080c14;
  border:0; box-shadow:none; backface-visibility:hidden;
  transition:transform 1.6s cubic-bezier(.25,.65,.2,1);
}
.portal .door--left { left:28.2%; background-position:36.061381% 22.362869%; transform-origin:left center; }
.portal .door--right { right:28.2%; background-position:63.938619% 22.362869%; transform-origin:right center; }
.portal .door::after, .portal .door__lines, .portal .door__seal { display:none; }
.is-opening .portal .door--left { transform:rotateY(-105deg); }
.is-opening .portal .door--right { transform:rotateY(105deg); }
.is-opening .portal { animation:enter-corporate-world 2s 1.3s cubic-bezier(.4,0,.2,1) both; }
.portal__phrase { bottom:30px; padding:12px; text-shadow:0 2px 8px #02040d,0 0 24px #02040d; background:radial-gradient(ellipse,#060810c9,transparent 72%); }
@keyframes enter-corporate-world {
  0% { transform:scale(1); opacity:1; }
  65% { opacity:1; }
  100% { transform:scale(3); opacity:0; }
}
@media(prefers-reduced-motion:reduce) {
  .is-opening .portal { animation:none; opacity:0; transition:opacity .3s; }
  .is-opening .portal .door { transform:none; }
}
.portal__phrase { display:none; }

/* Live text keeps the entrance labels sharp at every screen size. */
.portal__values { position:absolute; z-index:2; inset:0; color:var(--gold-light); font-size:16px; font-weight:500; letter-spacing:.15em; text-align:center; text-shadow:0 2px 9px #03040b; }
.portal__values span { position:absolute; left:3.3%; width:13.2%; }
.portal__values span:nth-child(1) { top:22.2%; }
.portal__values span:nth-child(2) { top:34.9%; }
.portal__values span:nth-child(3) { top:47.6%; }
.portal__values span:nth-child(4) { top:60.3%; }
.portal__values span:nth-child(5) { top:73%; }
.portal__promise { position:absolute; z-index:2; left:83.5%; top:32%; width:15%; color:var(--gold-light); font-size:23px; font-weight:500; line-height:1.8; letter-spacing:.12em; text-align:center; text-shadow:0 2px 9px #03040b; }
.portal__promise small { font-size:17px; letter-spacing:.08em; white-space:nowrap; }
.portal__promise::after { content:""; display:block; width:44%; height:1px; margin:28px auto 0; background:var(--gold-base); }

/* Seventh cell closes the lower point of the left honeycomb. */
.honeycomb--left .hex-slot:nth-child(7) { --col:1; --row:2; }
.honeycomb--left .hex-slot:nth-child(7) { z-index:5; }

.hex__border--control::before { background-image:linear-gradient(180deg,#08101a11,#06091277),url('./assets/panal-color/kpis-equipo.png'); background-size:100% 100%,cover; background-position:center; }
/* Keep center copy inside the gap of the regular honeycomb grid. */
.approach__phrase { max-width:260px; margin-left:auto; margin-right:auto; font-size:18px; }
.approach__phrase strong { font-size:22px; }
.wish-entry { top:660px; width:260px; flex-direction:column; gap:3px; padding:8px 18px; }
.wish-entry>span:first-child { font-size:8px; letter-spacing:.1em; }
.wish-entry strong { font-size:15px; }
.wish-entry>span:last-child { position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:15px; }

/* Matching lower vertex for the right honeycomb. */
.honeycomb--right .hex-slot:nth-child(7) { --col:1; --row:2; z-index:5; }
.hex__border--innovation::before { background-image:linear-gradient(180deg,#08101a11,#06091277),url('./assets/panal-color/innovacion-equipo.jpg'); background-size:100% 100%,cover; background-position:center; }

/* Business challenges inside the original honeycomb arrangement. */
.pain-card__help { margin:16px 0 0; padding-top:13px; border-top:1px solid rgb(var(--gold-base-rgb) / .25); color:var(--gold-light); font-size:14px; line-height:1.5; }

.hex__border--control::before { background-image:linear-gradient(180deg,#08101a08,#06091222),url('./assets/panal-color/kpis-equipo.png'); background-position:center; }


/* Raise the central homepage content together, keeping its spacing. */
.menu-core { top: -200px; }
.wish-entry { top: 460px; }
.approach { bottom: 245px; }
.honeycomb--left { transform: translateX(-75px); } .honeycomb--right { transform: translateX(75px); }
.approach__question { position:absolute; top:100%; left:50%; transform:translateX(-50%); width:650px; max-width:100%; margin:28px 0 0; color:var(--gold-light); font:20px/1.4 Georgia,"Times New Roman",serif; text-align:center; }
body:has(#experience.is-visible:not([hidden])) .chat-launcher { position:absolute; left:calc(50% + 90px); right:auto; bottom:90px; width:52px; height:58px; } body:has(#experience.is-visible:not([hidden])) .chat-launcher::after { right:63px; top:10px; width:175px; font-size:12px; }
.chamber:has(.menu-center.has-topic) .wish-entry { top:auto; bottom:25px; z-index:4; pointer-events:auto; }
.chamber:has(.menu-center.has-topic) .wish-entry { visibility:hidden !important; pointer-events:none; }
.menu-core__caption { position:relative; top:-28px; line-height:1.6; }

.wish-entry { opacity:1; transition:border-color .25s, box-shadow .25s, background .25s; }
body:has(#discovery-page:not([hidden])) #site-panels, body:has(#discovery-page:not([hidden])) #chat-launcher, body:has(#discovery-page:not([hidden])) #whatsapp-launcher, #discovery-page .discovery-page__logo, #discovery-page .discovery-page__header > p { display:none !important; }
#discovery-page .discovery-next[data-scroll-to="discovery-paths"] { display:none; }
#discovery-wishes .discovery-heading { text-align:center; margin-bottom:35px; }
.wish-grid.wish-journey { position:relative; display:block; width:1000px; max-width:100%; margin:0 auto; }
.wish-journey__line { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.wish-journey__line polyline { stroke:var(--gold-muted); stroke-width:1.5; }
.wish-journey .wish-card { height:130px; min-height:130px; padding:0; border:0; border-radius:0; background:transparent; display:block; transform:none; }
.wish-journey .wish-card:hover,.wish-journey .wish-card:has(input:checked) { background:transparent; transform:none; }
.wish-journey .wish-card__icon { position:absolute; width:80px; height:92px; left:55.5%; top:65px; transform:translate(-50%,-50%); }
.wish-journey .wish-card:nth-of-type(even) .wish-card__icon { left:44.5%; }
.wish-journey__hex { position:absolute; inset:0; width:100%; height:100%; fill:#10131b; stroke:var(--gold-base); stroke-width:1.5; }
.wish-journey__inset { fill:none; stroke:var(--gold-deep); stroke-width:.7; }
.wish-journey__symbol { position:absolute; width:38px; height:38px; top:27px; left:21px; fill:none; stroke:var(--gold-light); stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.wish-journey__copy { position:absolute; left:calc(55.5% + 62px); top:50%; transform:translateY(-50%); width:calc(44.5% - 74px); }
.wish-journey .wish-card:nth-of-type(even) .wish-journey__copy { left:12px; width:calc(44.5% - 74px); text-align:right; }
.wish-journey__copy strong { display:block; color:var(--gold-light); font:22px/1.25 Georgia,serif; margin-bottom:7px; }
.wish-journey__copy > span { display:block; color:#c3bfb5; font-size:16px; line-height:1.45; }
.wish-journey .wish-card input { position:absolute; left:55.5%; top:65px; width:80px; height:92px; transform:translate(-50%,-50%); margin:0; opacity:0; z-index:2; cursor:pointer; }
.wish-journey .wish-card:nth-of-type(even) input { left:44.5%; }
.wish-journey .wish-card:focus-within .wish-journey__hex,.wish-journey .wish-card:hover .wish-journey__hex { stroke:var(--gold-light); filter:drop-shadow(0 0 7px rgb(var(--gold-base-rgb) / 30%)); }
.wish-journey .wish-card:has(input:checked) .wish-journey__hex { fill:#30291d; stroke:var(--gold-light); }
.wish-journey .wish-card__check { right:8px; bottom:13px; font-size:13px; }
@media(max-width:600px) {
.wish-journey__copy strong { font-size:17px; }.wish-journey__copy > span { font-size:13px; }
.wish-journey .wish-card__icon { width:58px;height:67px; }.wish-journey__symbol { width:28px;height:28px;top:19px;left:15px; }
.wish-journey__copy { left:calc(55.5% + 38px);width:calc(44.5% - 42px); }.wish-journey .wish-card:nth-of-type(even) .wish-journey__copy { left:0;width:calc(44.5% - 38px); }
}
#discovery-page .discovery-body { top:30px; padding-top:15px; } #discovery-page .discovery-page__header { position:relative; top:auto; left:auto; right:auto; margin:0 0 35px; } #discovery-wishes { padding-top:10px; border-top:0; } @media(max-width:600px) { #discovery-page .discovery-body { top:65px; } }
#discovery-wishes .discovery-heading { display:none; } #discovery-wishes { padding-top:0; }
#discovery-wishes .discovery-heading { display:block; margin-bottom:16px; } #discovery-wishes .discovery-heading h2, #discovery-wishes .discovery-heading > span { display:none; } #discovery-wishes .discovery-heading > p { margin:0; }
.approach__pillars { position:relative; } .approach__pillars::before { content:"3 SOLUCIONES"; position:absolute; top:-20px; left:50%; transform:translateX(-50%); color:var(--gold-light); font:10px/1.2 "Segoe UI",sans-serif; letter-spacing:.18em; white-space:nowrap; }
.whatsapp-launcher { right:28px; bottom:28px; } @media(max-width:600px) { .whatsapp-launcher { right:20px; bottom:20px; } }
.whatsapp-launcher { position:absolute; right:28px; bottom:28px; } @media(max-width:600px) { .whatsapp-launcher { right:20px; bottom:20px; } }
#stage > #sound-toggle { width:36px; height:36px; padding:8px; left:40px; right:auto; bottom:40px; border:1px solid var(--gold-base); border-radius:50%; } #stage > #sound-toggle svg { width:18px; height:18px; } #stage > #sound-toggle:focus { outline:none; } #stage > #sound-toggle:focus-visible { box-shadow:0 0 0 2px rgb(var(--gold-base-rgb) / 30%); } #stage > #whatsapp-launcher { position:absolute; right:40px; bottom:40px; margin:0; transform:none; }
.chamber > .approach__question { position:absolute; top:55px; bottom:auto; margin:0; left:50%; } body:has(#experience.is-visible:not([hidden])) .chat-launcher { top:110px; bottom:auto; } .menu-core { top:-70px; } .wish-entry { top:590px; } .approach { bottom:115px; }
.approach__phrase { max-width:620px; } .approach__lead { white-space:nowrap; } .approach__phrase strong { white-space:nowrap; }
.wish-entry { width:310px; min-height:64px; padding:11px 22px; border:1.5px solid var(--gold-base); background:#151820f2; box-shadow:0 0 18px rgb(var(--gold-base-rgb) / 16%); } .wish-entry > span:first-child { font-size:10px; color:var(--gold-light); } .wish-entry strong { font-size:18px; color:var(--gold-light); } .wish-entry > span:last-child { font-size:19px; right:14px; }
.menu-core { top:-30px; } .wish-entry { top:630px; } .approach { bottom:75px; } .approach__phrase { margin-bottom:40px; } .approach__pillars::before { top:-24px; }
body:has(#experience[hidden]) #chat-launcher, body:has(#experience[hidden]) #whatsapp-launcher { display:none !important; }

/* Keep the invitation centered beside its hexagon from the home entrance. */
body:has(#experience.is-visible:not([hidden])) .chat-launcher::after {
  top:50%; transform:translateY(-50%); height:48px;
  display:grid; place-items:center; pointer-events:auto;
}

/* Miss Cuality belongs only to the finished primary homepage screen. */
body:not(:has(#experience.is-visible:not([hidden]))) #chat-launcher { display:none !important; }
/* Illuminate the existing wishlist border without drawing extra outlines. */
#experience .wish-entry:is(:hover,:focus-visible) { outline:none; border-color:var(--gold-bright); background:#26221c; box-shadow:0 0 25px rgb(var(--gold-base-rgb) / .4),inset 0 0 16px rgb(var(--gold-light-rgb) / .12); }
/* Match Miss Cuality's hover lighting on the wishlist button. */
#experience .wish-entry:is(:hover,:focus-visible) { outline:none; border-color:var(--gold-light); background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .20),rgb(var(--gold-base-rgb) / .08)),#141820; box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .35),inset 0 0 18px rgb(var(--gold-light-rgb) / .14); filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .4)); }
/* Match the WhatsApp gap to both gold frame edges, accounting for the scrollbar. */
#stage > #whatsapp-launcher { right:calc(40px + var(--home-scrollbar-width,0px)); bottom:40px; }
/* Illuminate WhatsApp inside its existing circle without an extra hover outline. */
body #whatsapp-launcher:is(:hover,:focus-visible) { outline:none; outline-offset:0; border-color:#a8ecca; background:#208052; background-image:none; box-shadow:inset 0 0 18px rgb(168 236 202 / .42); transform:none; filter:none; }
/* Use a distinctly green inner light for WhatsApp hover. */
body #whatsapp-launcher:is(:hover,:focus-visible) { border-color:#39e889; background:#168b4c; background-image:none; box-shadow:inset 0 0 20px rgb(57 232 137 / .7); outline:none; filter:none; }/* Show the complete central interface together, without animation. */
#experience:not(.is-opening) > .chamber :is(.approach__question,.menu-core,.wish-entry,.approach) { visibility:hidden; }
#experience.is-opening > .chamber :is(.approach__question,.menu-core,.wish-entry,.approach) { visibility:visible; opacity:1; }
#experience > .chamber :is(.approach__question,.menu-core,.menu-core *,.wish-entry,.wish-entry *,.approach,.approach *,#chat-launcher,#chat-launcher *),
#experience > .chamber :is(.wish-entry,.pillar__button,#chat-launcher)::before,
#experience > .chamber :is(.wish-entry,.pillar__button,#chat-launcher)::after { animation:none !important; transition:none !important; }
#experience > .chamber .menu-core { transform:none; }
#experience > .chamber .welcome-word { opacity:1 !important; color:inherit !important; text-shadow:none !important; transform:none !important; }
#experience > .chamber .pillar__button.is-narrated:not(:hover):not(:focus-visible) { filter:none; }
#experience > .chamber .pillar__button.is-narrated:not(:hover):not(:focus-visible) .pillar__surface::after { opacity:0; }
#experience > .chamber .approach__phrase.is-complete strong { text-shadow:none; }
#experience > .chamber .approach__question.is-invitation-lit { color:var(--gold-light); text-shadow:none; }

/* Keep all central controls visually unchanged, including pointer and voice cues. */
#experience > .chamber .pillar__button { animation:none !important; transition:none !important; transform:none !important; filter:none !important; }
#experience > .chamber .pillar__surface::after { opacity:0 !important; transition:none !important; }
#experience > .chamber .wish-entry { animation:none !important; transition:none !important; }
body:has(#experience.is-opening:not([hidden])) #chat-launcher { animation:none !important; transition:none !important; transform:none !important; filter:none !important; }
body:has(#experience.is-opening:not([hidden])) #chat-launcher::after { animation:none !important; transition:none !important; box-shadow:none !important; border-color:rgb(var(--gold-base-rgb) / .4667) !important; color:var(--gold-light) !important; }
/* The button belongs to the same already-rendered central content as the other elements. */
#experience:not(.is-opening) > .chamber #chat-launcher { visibility:hidden; }
#experience.is-opening > .chamber #chat-launcher { visibility:visible; opacity:1; }
/* ISO, IA and IH use the same hover lift and gold light as the six shortcuts. */
#experience .approach__pillars .pillar__button { transition:transform .3s ease,filter .3s ease !important; }
#experience .approach__pillars .pillar__surface::after { transition:opacity .3s ease !important; }
#experience .approach__pillars .pillar__button:is(:hover,:focus-visible) { transform:translateY(-3px) !important; filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .4)) !important; }
#experience .approach__pillars .pillar__button:is(:hover,:focus-visible) .pillar__surface { background:var(--gold-light); }
#experience .approach__pillars .pillar__button:is(:hover,:focus-visible) .pillar__surface::after { background:rgb(var(--gold-base-rgb) / .25); opacity:1 !important; }
#experience .approach__pillars .pillar__button:is(:hover,:focus-visible) .pillar__inset { stroke:var(--gold-light); stroke-opacity:.65; opacity:1; }
/* Mouse hover and the bee's visit use the exact same button illumination. */
#experience > .chamber #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit) { filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .4)) !important; }
#experience > .chamber #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit) > svg { fill:rgb(var(--gold-base-rgb) / .25); stroke:var(--gold-light); }
#experience > .chamber #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit)::after { border-color:var(--gold-light) !important; color:var(--gold-light) !important; background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .20),rgb(var(--gold-base-rgb) / .08)),#141820; box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .35),inset 0 0 18px rgb(var(--gold-light-rgb) / .14) !important; }
/* Wishlist hover and Miss Cuality's hover/bee visit share the same visual response. */
#experience > .chamber .wish-entry,
#experience > .chamber #chat-launcher { transition:translate .25s ease,filter .25s ease !important; }
#experience > .chamber #chat-launcher::after { transition:border-color .25s ease,box-shadow .25s ease,background .25s ease !important; }
#experience > .chamber #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit) { translate:0 -4px; filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .4)) !important; }
#experience > .chamber #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit)::after { outline:none; border-color:var(--gold-light) !important; background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .20),rgb(var(--gold-base-rgb) / .08)),#141820; box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .35),inset 0 0 18px rgb(var(--gold-light-rgb) / .14) !important; }
@media(prefers-reduced-motion:reduce) { #experience > .chamber .wish-entry,#experience > .chamber #chat-launcher,#experience > .chamber #chat-launcher::after { transition:none !important; } }
/* Override the earlier static-entry styles only while interacting or hosting the bee. */
#experience.is-visible.is-opening > .chamber #chat-launcher.chat-launcher:is(:hover,:focus-visible,.is-invitation-lit) { translate:0 -4px; filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .4)) !important; }
#experience.is-visible.is-opening > .chamber #chat-launcher.chat-launcher:is(:hover,:focus-visible,.is-invitation-lit)::after { border-color:var(--gold-light) !important; color:var(--gold-light) !important; background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .20),rgb(var(--gold-base-rgb) / .08)),#141820; box-shadow:0 0 18px rgb(var(--gold-base-rgb) / .35),inset 0 0 18px rgb(var(--gold-light-rgb) / .14) !important; }
#experience.is-visible.is-opening > .chamber #chat-launcher.chat-launcher.is-invitation-lit { filter:drop-shadow(0 0 30px rgb(var(--gold-base-rgb) / .9)) !important; }
#experience.is-visible.is-opening > .chamber #chat-launcher.chat-launcher.is-invitation-lit::after { border-color:var(--gold-light) !important; background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .28),rgb(var(--gold-base-rgb) / .14)),#141820; box-shadow:0 0 34px rgb(var(--gold-base-rgb) / .88),inset 0 0 22px rgb(var(--gold-light-rgb) / .3) !important; }
#stage > #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit) { filter:drop-shadow(0 0 30px rgb(var(--gold-base-rgb) / .9)) !important; }
#stage > #chat-launcher:is(:hover,:focus-visible,.is-invitation-lit)::after { border-color:var(--gold-light) !important; background:linear-gradient(135deg,rgb(var(--gold-light-rgb) / .28),rgb(var(--gold-base-rgb) / .14)),#141820; box-shadow:0 0 34px rgb(var(--gold-base-rgb) / .88),inset 0 0 22px rgb(var(--gold-light-rgb) / .3) !important; }
/* Remove the floating WhatsApp logo from every screen. */


#experience > .chamber .approach__pillars .pillar.is-awaiting-narration { visibility:hidden !important; }


/* Gold outline, warm interior and halo while each solution is introduced. */
#experience > .chamber .pillar.is-arrival-lit .pillar__button { filter:drop-shadow(0 0 14px rgb(var(--gold-base-rgb) / .65)) !important; }
#experience > .chamber .pillar.is-arrival-lit .pillar__surface { background:var(--gold-bright); }
#experience > .chamber .pillar.is-arrival-lit .pillar__surface::after { background:rgb(var(--gold-base-rgb) / .32); opacity:1 !important; }
#experience > .chamber .pillar.is-arrival-lit .pillar__inset { stroke:var(--gold-light); stroke-opacity:1; opacity:1; }
#experience > .chamber .pillar.is-arrival-lit .pillar__name { color:var(--gold-light); text-shadow:0 0 12px rgb(var(--gold-base-rgb) / .5); }
/* Shared vertical scroll indicator across the site's independent panels. */
:is(#experience, #triangle-page, .iso-solutions, .products-body, .company-body, .discovery-body, .proposal-form, .proposal-preview, .proposal-workspace, .chat-messages) {
  scrollbar-width: thin !important;
  scrollbar-color: var(--gold-muted) #0a0d12 !important;
}
:is(#experience, #triangle-page, .iso-solutions, .products-body, .company-body, .discovery-body, .proposal-form, .proposal-preview, .proposal-workspace, .chat-messages)::-webkit-scrollbar {
  width: 8px;
}
:is(#experience, #triangle-page, .iso-solutions, .products-body, .company-body, .discovery-body, .proposal-form, .proposal-preview, .proposal-workspace, .chat-messages)::-webkit-scrollbar-track {
  background: #0a0d12;
}
:is(#experience, #triangle-page, .iso-solutions, .products-body, .company-body, .discovery-body, .proposal-form, .proposal-preview, .proposal-workspace, .chat-messages)::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--gold-muted), var(--gold-base));
  border-radius: 8px;
}
:is(#experience, #triangle-page, .iso-solutions, .products-body, .company-body, .discovery-body, .proposal-form, .proposal-preview, .proposal-workspace, .chat-messages)::-webkit-scrollbar-button {
  display: none;
}

/* Keep the return control and the page scroll rail aligned across sections. */
:is(.discovery-page__back, .company-back, .products-page .products-breadcrumbs, #triangle-page > .triangle-page__back, .iso-solutions__back) {
  left: auto !important;
  right: 65px !important;
  top: 35px !important;
}
:is(.products-body, .company-body, .discovery-body) { right: 65px !important; }
#company-page[data-company-route="garantias"] .company-body { right: 65px !important; }
@media(max-width:700px) {
  :is(.discovery-page__back, .company-back, .products-page .products-breadcrumbs, #triangle-page > .triangle-page__back, .iso-solutions__back) {
    right: 14px !important;
    top: 16px !important;
  }
  :is(.products-body, .company-body, .discovery-body) { right: 20px !important; }
  #company-page[data-company-route="garantias"] .company-body { right: 20px !important; }
}

/* Keep the triangle frame and return button outside its scrolling content. */
#triangle-page { inset:0; overflow:hidden; }
#triangle-page > .triangle-page__back { top:35px !important; right:65px !important; left:auto !important; z-index:30; }
.triangle-body { position:absolute; top:195px; bottom:88px; left:0; right:65px; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:var(--gold-muted) #0a0d12; }
.triangle-body__content { position:relative; display:flow-root; width:var(--stage-width,1920px); }
#triangle-page .triangle-body__content > .triangle-map { top:10px; left:50%; transform:translateX(-50%); transform-origin:top center; }
#triangle-page .triangle-body__content > .triangle-details { margin-top:905px; transform:none; }

/* Make the three solution labels readable at the fitted stage size. */
#experience .approach__pillars .pillar__caption { color:var(--gold-light); font-size:13px; font-weight:600; letter-spacing:.04em; }
#experience .approach__pillars .pillar__promise { color:#c0b9ab; font-size:12px; letter-spacing:.01em; }

/* Start the diploma scroll rail below its top navigation, like the Triangle page. */
#products-page.is-diplomas .products-body::-webkit-scrollbar-track { margin-top:125px; margin-bottom:0; }

/* Keep scroll rails and return controls in one shared position on every section. */
:is(.discovery-page__back, .company-back, .products-page .products-breadcrumbs, #triangle-page > .triangle-page__back, .iso-solutions__back) { right:65px !important; top:35px !important; }
:is(.products-body, .company-body, .discovery-body) { right:65px !important; }
#company-page[data-company-route="garantias"] .company-body { right:65px !important; }
:is(.iso-solutions, .products-body, .company-body, .discovery-body)::-webkit-scrollbar-track { margin-top:125px !important; margin-bottom:30px !important; }
@media(max-width:700px) {
  :is(.discovery-page__back, .company-back, .products-page .products-breadcrumbs, #triangle-page > .triangle-page__back, .iso-solutions__back) { right:65px !important; top:35px !important; }
  :is(.products-body, .company-body, .discovery-body) { right:65px !important; }
  #company-page[data-company-route="garantias"] .company-body { right:65px !important; }
}
