.about-page{background:#06090b;color:#f7f8fa}.about-hero{padding-top:calc(var(--header-h) + 40px);padding-bottom:80px;background:radial-gradient(circle at 80% 15%,rgba(0,140,167,.12),transparent 32%),radial-gradient(circle at 20% 45%,rgba(110,58,190,.08),transparent 28%)}
.about-hero-copy{max-width:950px;margin-bottom:54px}.about-hero h1{font-size:clamp(3.1rem,6.4vw,6.7rem);line-height:.98;letter-spacing:-.055em;max-width:1100px;margin:18px 0 30px}.about-hero-copy>p{max-width:850px;font-size:1.25rem;line-height:1.75;color:#aeb6bb}.about-photo{height:min(62vw,680px);min-height:430px;border-radius:34px;overflow:hidden;position:relative;border:1px solid rgba(73,211,228,.18);box-shadow:0 35px 100px rgba(0,0,0,.42)}.about-photo img{width:100%;height:100%;object-fit:cover;display:block}.about-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(4,8,10,.72))}.photo-caption{position:absolute;bottom:28px;left:32px;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#fff}
.story-section{padding:120px 0}.story-layout{display:grid;grid-template-columns:280px 1fr;gap:100px}.story-nav{position:sticky;top:130px;align-self:start}.story-nav>a{display:flex;justify-content:space-between;color:#7f898e;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1);font-weight:700}.story-nav>a:hover,.story-nav>a.active{color:#38d2e3}.story-nav a span{font-size:.7rem;color:#69747a}.story-content{max-width:880px}.story-block{position:relative;padding:0 0 85px;margin-bottom:75px;border-bottom:1px solid rgba(255,255,255,.1)}.story-index{font-size:.72rem;color:#42d3e4;letter-spacing:.14em}.story-block h2{font-size:clamp(2.3rem,4vw,4rem);letter-spacing:-.04em;margin:12px 0 28px}.story-block p{font-size:1.08rem;line-height:1.85;color:#aeb6bb;margin:0 0 18px}.story-block strong{color:#fff}.story-block blockquote{margin:35px 0;padding:28px 30px;border-left:2px solid #43d7e6;background:linear-gradient(90deg,rgba(55,211,228,.08),transparent);font-size:1.35rem;line-height:1.55;color:#dfe5e8}
.values-section{padding:120px 0;background:radial-gradient(circle at 50% 40%,rgba(109,56,191,.14),transparent 45%),#080a0e}.values-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.values-head h2,.team-head h2{font-size:clamp(3rem,5vw,5.2rem);letter-spacing:-.05em;margin:10px 0}.values-head>p{max-width:480px;color:#99a4aa;line-height:1.7}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{appearance:none;text-align:left;position:relative;min-height:260px;padding:28px;border-radius:24px;border:1px solid rgba(159,112,255,.3);background:radial-gradient(circle at 90% 10%,rgba(128,77,221,.18),transparent 35%),#101016;color:#fff;cursor:pointer;transition:.35s ease;font-family:inherit}.value-card:hover{transform:translateY(-6px);border-color:rgba(52,210,228,.55);box-shadow:0 20px 50px rgba(0,0,0,.35)}.value-no{font-size:.68rem;color:#9c79ef;letter-spacing:.15em}.value-icon{display:block;font-size:2rem;color:#43d7e6;margin:32px 0 20px}.value-card h3{font-size:1.12rem;line-height:1.35;padding-right:25px}.value-plus{position:absolute;right:25px;top:25px;font-size:1.4rem;color:#43d7e6;transition:.3s}.value-card p{max-height:0;opacity:0;overflow:hidden;margin:0;color:#b7bec3;line-height:1.65;font-size:.9rem;transition:max-height .45s ease,opacity .35s ease,margin .35s}.value-card.open{grid-column:span 2;background:radial-gradient(circle at 90% 10%,rgba(44,207,226,.15),transparent 35%),linear-gradient(145deg,#261640,#11151b);border-color:rgba(67,215,230,.5)}.value-card.open p,html:not(.js) .value-card p{max-height:300px;opacity:1;margin-top:20px}.value-card.open .value-plus{transform:rotate(45deg)}
.philosophy-section{padding:120px 0}.philosophy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.philosophy-copy h2{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.02;letter-spacing:-.05em;margin:15px 0 32px}.philosophy-copy h2 span{color:#43d7e6}.philosophy-copy p{color:#aab3b8;line-height:1.8;font-size:1.05rem}.philosophy-system{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(67,215,230,.3);border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(106,60,177,.12),rgba(0,140,167,.05))}.philosophy-system div{padding:38px;min-height:180px;border:1px solid rgba(255,255,255,.06)}.philosophy-system span{color:#8f6de0;font-size:.7rem}.philosophy-system strong{display:block;font-size:1.4rem;margin:20px 0 7px}.philosophy-system small{color:#89949a}
.team-section{padding:120px 0;background:#090c0e}.team-head{max-width:780px;margin-bottom:55px}.team-head p{color:#9ca7ac;font-size:1.1rem}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.team-card{display:grid;grid-template-columns:220px 1fr;gap:35px;padding:25px;border:1px solid rgba(67,215,230,.22);border-radius:28px;background:linear-gradient(145deg,rgba(123,74,207,.1),rgba(10,14,17,.9));transition:.35s}.team-card:hover{transform:translateY(-5px);border-color:rgba(67,215,230,.48)}.team-photo-placeholder{height:280px;border-radius:20px;border:1px solid rgba(156,112,239,.42);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(139,91,220,.16),transparent 65%),#0c1014}.team-photo-placeholder span{font-size:3rem;color:#a987ee;font-weight:800}.team-photo-placeholder small{margin-top:12px;letter-spacing:.2em;color:#667279}.team-info{padding:16px 10px}.team-info h3{font-size:1.75rem;margin:0 0 10px;color:#43d7e6}.team-role{font-size:.72rem;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;color:#d5dadd;border-bottom:1px solid rgba(67,215,230,.25);padding-bottom:18px;margin-bottom:20px}.team-info p{color:#9da8ae;line-height:1.75}
@media(max-width:1050px){.values-grid{grid-template-columns:repeat(2,1fr)}.story-layout{grid-template-columns:1fr;gap:45px}.story-nav{position:static;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.story-nav .section-kicker{grid-column:1/-1}.story-nav>a{padding:14px}.philosophy-grid,.team-grid{grid-template-columns:1fr}.team-card{grid-template-columns:200px 1fr}}
@media(max-width:700px){.about-hero{padding-top:calc(var(--header-h) + 28px)}.about-photo{min-height:330px;border-radius:22px}.story-nav{grid-template-columns:1fr 1fr}.values-head{display:block}.values-grid{grid-template-columns:1fr}.value-card.open{grid-column:span 1}.philosophy-grid{gap:45px}.team-card{grid-template-columns:1fr}.team-photo-placeholder{height:320px}.about-hero h1{font-size:3.25rem}.story-section,.values-section,.philosophy-section,.team-section{padding:80px 0}}

/* V37 — ajustes solicitados */
.about-hero h1{font-size:clamp(2.48rem,5.12vw,5.36rem)!important}
.story-content{position:relative;max-width:920px}
.story-block{display:none;margin:0!important;padding:52px 56px 50px!important;border:1px solid rgba(67,215,230,.22)!important;border-radius:30px;background:radial-gradient(circle at 92% 8%,rgba(126,101,233,.15),transparent 34%),linear-gradient(145deg,rgba(18,22,31,.98),rgba(8,12,15,.98));box-shadow:0 28px 75px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);opacity:0;transform:translateY(10px)}
.story-block.active{display:block;animation:essenceCardIn .42s cubic-bezier(.2,.75,.25,1) forwards}
@keyframes essenceCardIn{to{opacity:1;transform:translateY(0)}}
.story-block h2{margin-bottom:24px}.story-block:last-child{border-bottom:1px solid rgba(67,215,230,.22)!important}
.story-nav>a{cursor:pointer;transition:color .25s ease,border-color .25s ease,padding-left .25s ease}.story-nav>a:hover{padding-left:8px}.story-nav>a.active{color:#38d2e3!important;border-bottom-color:rgba(56,210,227,.65)}
@media(max-width:700px){.about-hero h1{font-size:2.6rem!important}.story-block{padding:34px 28px 32px!important;border-radius:24px}}

/* V38 — SINERGIA 360° interactive framework. Values section intentionally unchanged. */
.framework-section{padding:120px 0;background:radial-gradient(circle at 50% 48%,rgba(0,153,183,.10),transparent 42%),#06090b}
.framework-head{max-width:980px;margin:0 auto 46px;text-align:center}
.framework-head h2{font-size:clamp(2.5rem,4.7vw,5rem);line-height:1.02;letter-spacing:-.045em;margin:14px 0 22px}
.framework-head h2 span{display:block;margin-top:12px;font-size:.42em;letter-spacing:-.01em;color:#43d7e6;font-weight:650}
.framework-head p{max-width:820px;margin:0 auto;color:#aeb6bb;font-size:1.08rem;line-height:1.75}
.framework-stage{position:relative;max-width:1280px;margin:0 auto;border:1px solid rgba(67,215,230,.18);border-radius:30px;overflow:visible;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.36)}
.framework-image{display:block;width:100%;height:auto;border-radius:30px}
.framework-hotspots{position:absolute;inset:0;pointer-events:none}
.framework-hotspot{position:absolute;z-index:3;width:11.5%;aspect-ratio:1;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto;padding:0;outline:none}
.framework-hotspot::after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px solid transparent;transition:.25s ease;box-shadow:0 0 0 0 rgba(67,215,230,0)}
.framework-hotspot:hover::after,.framework-hotspot:focus-visible::after,.framework-hotspot.is-open::after{border-color:rgba(255,255,255,.95);box-shadow:0 0 0 5px rgba(67,215,230,.24),0 0 30px rgba(67,215,230,.48);background:rgba(6,9,11,.08)}
.framework-hotspot span{position:absolute;left:50%;bottom:calc(100% + 14px);width:330px;transform:translate(-50%,10px);padding:20px 22px;border:1px solid rgba(67,215,230,.5);border-radius:18px;background:rgba(6,10,14,.97);box-shadow:0 20px 55px rgba(0,0,0,.45);color:#b7c0c5;text-align:left;font:500 .86rem/1.55 Inter,Arial,sans-serif;opacity:0;visibility:hidden;transition:.22s ease;pointer-events:none}
.framework-hotspot span::after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:rgba(6,10,14,.97)}
.framework-hotspot strong{display:block;color:#fff;font-size:.96rem;line-height:1.3;margin-bottom:3px}
.framework-hotspot em{display:block;color:#43d7e6;font-style:normal;font-size:.78rem;margin-bottom:9px}
.framework-hotspot:hover span,.framework-hotspot:focus-visible span,.framework-hotspot.is-open span{opacity:1;visibility:visible;transform:translate(-50%,0)}
/* Hotspots align with the eight colored central pillars in the supplied framework artwork */
.hs-s{left:44.3%;top:20.0%}.hs-i1{left:54.6%;top:25.0%}.hs-n{left:60.0%;top:36.7%}.hs-e{left:56.4%;top:49.4%}.hs-r{left:44.4%;top:54.1%}.hs-g{left:33.3%;top:49.2%}.hs-i2{left:28.8%;top:37.0%}.hs-a{left:33.0%;top:25.0%}
.hs-i1 span,.hs-n span,.hs-e span{left:auto;right:50%;transform:translate(0,10px)}
.hs-i1:hover span,.hs-n:hover span,.hs-e:hover span,.hs-i1:focus-visible span,.hs-n:focus-visible span,.hs-e:focus-visible span,.hs-i1.is-open span,.hs-n.is-open span,.hs-e.is-open span{transform:translate(0,0)}
.hs-a span,.hs-i2 span,.hs-g span{left:50%;transform:translate(0,10px)}
.hs-a:hover span,.hs-i2:hover span,.hs-g:hover span,.hs-a:focus-visible span,.hs-i2:focus-visible span,.hs-g:focus-visible span,.hs-a.is-open span,.hs-i2.is-open span,.hs-g.is-open span{transform:translate(0,0)}
.framework-hint{text-align:center;padding:15px 20px 17px;color:#56636a;background:#fff;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;border-radius:0 0 30px 30px}
@media(max-width:850px){.framework-section{padding:80px 0}.framework-stage{border-radius:22px;overflow:hidden}.framework-image{border-radius:22px}.framework-hotspot span{position:fixed;z-index:1000;left:50%!important;right:auto!important;bottom:22px!important;top:auto!important;width:min(88vw,420px);transform:translate(-50%,14px)!important}.framework-hotspot:hover span,.framework-hotspot:focus-visible span,.framework-hotspot.is-open span{transform:translate(-50%,0)!important}.framework-hotspot span::after{display:none}.framework-hint{border-radius:0;font-size:.68rem}}

/* V39 — SINERGIA 360 integrado naturalmente en Black Luxury */
.framework-section{
  padding:110px 0 120px;
  background:radial-gradient(circle at 50% 52%,rgba(0,170,205,.09),transparent 35%),#06090b;
  overflow:visible;
}
.framework-head{max-width:980px;margin:0 auto 42px;text-align:center}
.framework-head h2{font-size:clamp(2.3rem,4.2vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:14px 0 0}
.framework-head h2 span{display:block;margin-top:12px;font-size:.42em;letter-spacing:-.01em;color:#43d7e6;font-weight:650}
.framework-head p{display:none!important}

.framework-stage{
  position:relative;
  width:min(760px,86vw);
  margin:0 auto;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
.framework-image{
  display:block;
  width:100%;
  height:auto;
  border-radius:50%;
  background:transparent!important;
  filter:drop-shadow(0 30px 55px rgba(0,0,0,.38));
}
.framework-hotspots{position:absolute;inset:0;pointer-events:none}
.framework-hotspot{
  position:absolute;z-index:5;width:23%;height:23%;
  border:0;border-radius:50%;background:transparent;cursor:pointer;
  pointer-events:auto;padding:0;outline:none;
}
.framework-hotspot::after{
  content:"";position:absolute;inset:18%;border-radius:50%;
  border:1px solid transparent;transition:.24s ease;
}
.framework-hotspot:hover::after,.framework-hotspot:focus-visible::after,.framework-hotspot.is-open::after{
  border-color:rgba(67,215,230,.9);
  box-shadow:0 0 0 4px rgba(67,215,230,.13),0 0 28px rgba(67,215,230,.32);
  background:rgba(67,215,230,.035)
}
.framework-hotspot span{
  position:absolute;z-index:20;left:50%;bottom:calc(100% + 12px);width:330px;
  transform:translate(-50%,10px);padding:19px 21px;
  border:1px solid rgba(67,215,230,.55);border-radius:18px;
  background:rgba(5,10,15,.97);box-shadow:0 22px 60px rgba(0,0,0,.55);
  color:#b9c3c8;text-align:left;font:500 .86rem/1.55 Inter,Arial,sans-serif;
  opacity:0;visibility:hidden;transition:.22s ease;pointer-events:none;
  backdrop-filter:blur(14px)
}
.framework-hotspot span::after{
  content:"";position:absolute;top:100%;left:50%;margin-left:-7px;
  border:7px solid transparent;border-top-color:rgba(5,10,15,.97)
}
.framework-hotspot strong{display:block;color:#fff;font-size:.98rem;line-height:1.3;margin-bottom:3px}
.framework-hotspot em{display:block;color:#43d7e6;font-style:normal;font-size:.8rem;margin-bottom:9px}
.framework-hotspot:hover span,.framework-hotspot:focus-visible span,.framework-hotspot.is-open span{
  opacity:1;visibility:visible;transform:translate(-50%,0)
}

/* Hotspots follow the eight wedges clockwise */
.hs-s{left:38.5%;top:0}
.hs-i1{left:60.5%;top:8%}
.hs-n{left:74%;top:29%}
.hs-e{left:65%;top:56%}
.hs-r{left:38.5%;top:72%}
.hs-g{left:12%;top:56%}
.hs-i2{left:3%;top:29%}
.hs-a{left:16.5%;top:8%}

/* Keep edge tooltips inside the viewport */
.hs-n span,.hs-e span{left:auto;right:5%;transform:translate(0,10px)}
.hs-n:hover span,.hs-n:focus-visible span,.hs-n.is-open span,
.hs-e:hover span,.hs-e:focus-visible span,.hs-e.is-open span{transform:translate(0,0)}
.hs-a span,.hs-i2 span,.hs-g span{left:5%;transform:translate(0,10px)}
.hs-a:hover span,.hs-a:focus-visible span,.hs-a.is-open span,
.hs-i2:hover span,.hs-i2:focus-visible span,.hs-i2.is-open span,
.hs-g:hover span,.hs-g:focus-visible span,.hs-g.is-open span{transform:translate(0,0)}
.framework-hint{
  text-align:center;padding:24px 0 0;color:#66737a;background:transparent!important;
  font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;border-radius:0!important
}
@media(max-width:850px){
  .framework-section{padding:80px 0 90px}
  .framework-stage{width:min(680px,94vw)}
  .framework-hotspot span{
    position:fixed;z-index:1000;left:50%!important;right:auto!important;
    bottom:22px!important;top:auto!important;width:min(88vw,420px);
    transform:translate(-50%,14px)!important
  }
  .framework-hotspot:hover span,.framework-hotspot:focus-visible span,.framework-hotspot.is-open span{
    transform:translate(-50%,0)!important
  }
  .framework-hotspot span::after{display:none}
}

/* V40 — SINERGIA 360: pillar outline + connector + external information card */
.framework-stage{
  width:min(720px,70vw)!important;
  overflow:visible!important;
}
.framework-center-logo{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:20%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#071016;
  box-shadow:0 0 28px rgba(0,0,0,.52);
  pointer-events:none;
}
.framework-center-logo img{
  width:84%;
  height:84%;
  object-fit:contain;
  display:block;
}

/* Remove the previous circular hover treatment */
.framework-hotspot{
  width:28%!important;
  height:34%!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
.framework-hotspot::after{
  inset:0!important;
  border-radius:0!important;
  border:2px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);
  transition:filter .22s ease,border-color .22s ease,background .22s ease!important;
}
.framework-hotspot:hover::after,
.framework-hotspot:focus-visible::after,
.framework-hotspot.is-open::after{
  border-color:var(--pillar)!important;
  background:color-mix(in srgb,var(--pillar) 7%,transparent)!important;
  filter:drop-shadow(0 0 8px var(--pillar)) drop-shadow(0 0 18px color-mix(in srgb,var(--pillar) 45%,transparent));
}

/* Each transparent hotspot is rotated over its corresponding wedge */
.hs-s {--pillar:#154f9c;left:36%;top:-2%;transform:rotate(0deg)}
.hs-i1{--pillar:#17baf4;left:56%;top:6%;transform:rotate(45deg)}
.hs-n {--pillar:#14b6b7;left:68%;top:27%;transform:rotate(90deg)}
.hs-e {--pillar:#62b536;left:61%;top:51%;transform:rotate(135deg)}
.hs-r {--pillar:#f05a19;left:36%;top:66%;transform:rotate(180deg)}
.hs-g {--pillar:#f0ae00;left:11%;top:51%;transform:rotate(225deg)}
.hs-i2{--pillar:#7148bd;left:4%;top:27%;transform:rotate(270deg)}
.hs-a {--pillar:#2c8b5a;left:16%;top:6%;transform:rotate(315deg)}

/* Keep text/cards upright despite rotated hotspot geometry */
.framework-hotspot span{
  position:absolute!important;
  z-index:30!important;
  width:360px!important;
  min-height:150px;
  padding:22px 24px!important;
  border:1.5px solid var(--pillar)!important;
  border-radius:18px!important;
  background:rgba(5,10,15,.98)!important;
  box-shadow:0 20px 65px rgba(0,0,0,.58),0 0 26px color-mix(in srgb,var(--pillar) 24%,transparent)!important;
  color:#c7d0d5!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,transform .2s ease!important;
}
.framework-hotspot span strong{color:#fff!important}
.framework-hotspot span em{color:var(--pillar)!important}

/* Connector line from selected pillar to its external card */
.framework-hotspot span::before{
  content:"";
  position:absolute;
  height:2px;
  width:105px;
  background:var(--pillar);
  box-shadow:0 0 10px color-mix(in srgb,var(--pillar) 65%,transparent);
  top:50%;
}
.framework-hotspot span::after{
  content:"";
  position:absolute;
  width:8px;height:8px;border-radius:50%;
  background:var(--pillar);
  box-shadow:0 0 10px var(--pillar);
  top:calc(50% - 3px);
  border:0!important;
}

/* Right-side cards */
.hs-i1 span,.hs-n span,.hs-e span,.hs-s span{
  left:calc(100% + 190px)!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(20px,-50%) rotate(var(--undo,0deg))!important;
}
.hs-i1 span{--undo:-45deg}
.hs-n span{--undo:-90deg}
.hs-e span{--undo:-135deg}
.hs-s span{--undo:0deg}
.hs-i1 span::before,.hs-n span::before,.hs-e span::before,.hs-s span::before{right:100%}
.hs-i1 span::after,.hs-n span::after,.hs-e span::after,.hs-s span::after{right:calc(100% + 100px)}

/* Left-side cards */
.hs-a span,.hs-i2 span,.hs-g span{
  right:calc(100% + 190px)!important;left:auto!important;top:50%!important;bottom:auto!important;
  transform:translate(-20px,-50%) rotate(var(--undo,0deg))!important;
}
.hs-a span{--undo:-315deg}
.hs-i2 span{--undo:-270deg}
.hs-g span{--undo:-225deg}
.hs-a span::before,.hs-i2 span::before,.hs-g span::before{left:100%}
.hs-a span::after,.hs-i2 span::after,.hs-g span::after{left:calc(100% + 100px)}

/* Revenue card below the circle */
.hs-r span{
  left:50%!important;right:auto!important;top:calc(100% + 145px)!important;bottom:auto!important;
  transform:translate(-50%,20px) rotate(-180deg)!important;
}
.hs-r span::before{
  width:2px!important;height:92px!important;left:50%;top:auto!important;bottom:100%;
}
.hs-r span::after{
  left:calc(50% - 3px);top:auto!important;bottom:calc(100% + 87px);
}

.framework-hotspot:hover span,
.framework-hotspot:focus-visible span,
.framework-hotspot.is-open span{
  opacity:1!important;
  visibility:visible!important;
}
.hs-i1:hover span,.hs-n:hover span,.hs-e:hover span,.hs-s:hover span,
.hs-i1:focus-visible span,.hs-n:focus-visible span,.hs-e:focus-visible span,.hs-s:focus-visible span,
.hs-i1.is-open span,.hs-n.is-open span,.hs-e.is-open span,.hs-s.is-open span{
  transform:translate(0,-50%) rotate(var(--undo,0deg))!important;
}
.hs-a:hover span,.hs-i2:hover span,.hs-g:hover span,
.hs-a:focus-visible span,.hs-i2:focus-visible span,.hs-g:focus-visible span,
.hs-a.is-open span,.hs-i2.is-open span,.hs-g.is-open span{
  transform:translate(0,-50%) rotate(var(--undo,0deg))!important;
}
.hs-r:hover span,.hs-r:focus-visible span,.hs-r.is-open span{
  transform:translate(-50%,0) rotate(-180deg)!important;
}

/* On smaller screens, use tap and a fixed bottom card while retaining pillar-color highlight */
@media(max-width:1100px){
  .framework-stage{width:min(700px,88vw)!important}
  .framework-hotspot span{
    position:fixed!important;
    z-index:1000!important;
    left:50%!important;right:auto!important;top:auto!important;bottom:22px!important;
    width:min(90vw,430px)!important;
    transform:translate(-50%,14px) rotate(0deg)!important;
  }
  .framework-hotspot:hover span,.framework-hotspot:focus-visible span,.framework-hotspot.is-open span{
    transform:translate(-50%,0) rotate(0deg)!important;
  }
  .framework-hotspot span::before,.framework-hotspot span::after{display:none!important}
}

/* V41 click-interactive framework */
.framework-v41-container{max-width:1440px!important}.framework-intro{text-align:center;color:#8b989e;margin:14px auto 30px}.framework-v41{position:relative;min-height:780px;display:flex;align-items:center;justify-content:center;overflow:visible}.framework-wheel-wrap{position:relative;width:min(760px,58vw);z-index:3;transition:.3s}.framework-v41-image{width:100%;display:block;filter:drop-shadow(0 30px 60px #0008)}
.fw41-spot{position:absolute;z-index:8;width:22%;height:24%;border:0;background:transparent;cursor:pointer;clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.fw41-spot:after{content:"";position:absolute;inset:3px;clip-path:inherit;border:2px solid transparent}.fw41-spot.active:after{border-color:var(--pillar);box-shadow:inset 0 0 25px color-mix(in srgb,var(--pillar) 30%,transparent);filter:drop-shadow(0 0 8px var(--pillar))}
.fw41-s{left:39%;top:2%}.fw41-i1{left:60%;top:10%;transform:rotate(45deg)}.fw41-n{left:70%;top:32%;transform:rotate(90deg)}.fw41-e{left:62%;top:57%;transform:rotate(135deg)}.fw41-r{left:39%;top:68%;transform:rotate(180deg)}.fw41-g{left:15%;top:57%;transform:rotate(225deg)}.fw41-i2{left:5%;top:32%;transform:rotate(270deg)}.fw41-a{left:16%;top:10%;transform:rotate(315deg)}
.fw41-card{position:absolute;z-index:12;top:50%;width:min(390px,30vw);padding:27px;border:1.5px solid var(--pillar);border-radius:20px;background:#07111af8;box-shadow:0 25px 75px #0009,0 0 28px color-mix(in srgb,var(--pillar) 20%,transparent);opacity:0;visibility:hidden;transform:translateY(-50%) scale(.97);transition:.22s}.fw41-card-right{right:0}.fw41-card-left{left:0}.fw41-card.show{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.fw41-card-top{display:flex;gap:14px;align-items:center}.fw41-card-top>span{width:52px;height:52px;border-radius:50%;background:#fff;color:#08111a;display:grid;place-items:center;font-size:1.6rem;font-weight:900}.fw41-card h3{margin:0;color:#fff;font-size:1.05rem}.fw41-card h4{margin:5px 0 0;color:var(--pillar)}.fw41-card p{color:#d0d7db;line-height:1.6}.fw41-card hr{border:0;height:1px;background:var(--pillar);opacity:.65}.fw41-card ul{list-style:none;padding:0;display:grid;gap:8px}.fw41-card li{color:#b9c4c9;padding-left:16px;position:relative}.fw41-card li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:var(--pillar)}
.fw41-lines{position:absolute;inset:0;width:100%;height:100%;z-index:10;pointer-events:none;opacity:0}.fw41-lines.show{opacity:1}.fw41-line{fill:none;stroke-width:2.5}.fw41-dot{filter:drop-shadow(0 0 6px currentColor)}
@media(min-width:1201px){.framework-v41:has(.fw41-card-right.show) .framework-wheel-wrap{transform:translateX(-12%)}.framework-v41:has(.fw41-card-left.show) .framework-wheel-wrap{transform:translateX(12%)}}
@media(max-width:1200px){.framework-v41{min-height:900px;align-items:flex-start}.framework-wheel-wrap{width:min(720px,90vw)}.fw41-card{top:auto;bottom:0;left:50%!important;right:auto!important;width:min(92vw,620px);transform:translate(-50%,12px)}.fw41-card.show{transform:translate(-50%,0)}.fw41-lines{display:none}}


/* =========================================================
   V42 — Native SINERGIA 360° interactive circular framework
   ========================================================= */
.s360-container{max-width:1460px!important}
.s360-intro{max-width:760px;margin:14px auto 32px;text-align:center;color:#8d989e;line-height:1.65}
.s360-stage{position:relative;min-height:790px;display:flex;justify-content:center;align-items:center;overflow:visible}
.s360-wheel{position:relative;width:min(700px,55vw);aspect-ratio:1;border-radius:50%;z-index:4;filter:drop-shadow(0 30px 55px rgba(0,0,0,.48))}
.s360-wheel:before{content:"";position:absolute;inset:0;border-radius:50%;background:#071017;box-shadow:inset 0 0 0 2px rgba(255,255,255,.12),inset 0 0 45px rgba(0,0,0,.5)}
.s360-segment{--angle:calc(var(--i)*45deg);position:absolute;inset:0;border:0;padding:0;background:conic-gradient(from calc(-22.5deg + var(--angle)),var(--c) 0deg 43deg,transparent 43deg 360deg);border-radius:50%;cursor:pointer;transition:filter .22s ease,transform .22s ease;z-index:2}
.s360-segment:after{content:"";position:absolute;inset:1.6%;border-radius:50%;background:#071017;clip-path:circle(31% at 50% 50%);pointer-events:none}
.s360-segment:hover{filter:brightness(1.13)}
.s360-segment.active{filter:brightness(1.18) drop-shadow(0 0 8px var(--c)) drop-shadow(0 0 18px var(--c))}
.s360-segment.active:before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 3px var(--c);clip-path:polygon(50% 0,76% 7%,67% 32%,50% 31%,33% 32%,24% 7%)}
.s360-segment .s360-letter,.s360-segment strong,.s360-segment small{position:absolute;left:50%;z-index:6;color:white;text-align:center;transform-origin:50% 350px;pointer-events:none}
.s360-segment .s360-letter{top:5.7%;width:48px;height:48px;margin-left:-24px;border-radius:50%;display:grid;place-items:center;background:#f6f7f8;color:#10202c;font-size:1.6rem;font-weight:900;transform:rotate(var(--angle))}
.s360-segment strong{top:14.7%;width:190px;margin-left:-95px;font-size:.93rem;line-height:1.12;letter-spacing:.01em;transform:rotate(var(--angle))}
.s360-segment small{top:22.3%;width:180px;margin-left:-90px;font-size:.68rem;font-weight:650;opacity:.9;transform:rotate(var(--angle))}
.s360-i1 .s360-letter,.s360-i1 strong,.s360-i1 small{transform:rotate(45deg)}
.s360-n .s360-letter,.s360-n strong,.s360-n small{transform:rotate(90deg)}
.s360-e .s360-letter,.s360-e strong,.s360-e small{transform:rotate(135deg)}
.s360-r .s360-letter,.s360-r strong,.s360-r small{transform:rotate(180deg)}
.s360-g .s360-letter,.s360-g strong,.s360-g small{transform:rotate(225deg)}
.s360-i2 .s360-letter,.s360-i2 strong,.s360-i2 small{transform:rotate(270deg)}
.s360-a .s360-letter,.s360-a strong,.s360-a small{transform:rotate(315deg)}
/* keep all pillar labels visually upright */
.s360-i1 .s360-letter,.s360-i1 strong,.s360-i1 small,.s360-n .s360-letter,.s360-n strong,.s360-n small,.s360-e .s360-letter,.s360-e strong,.s360-e small,.s360-r .s360-letter,.s360-r strong,.s360-r small,.s360-g .s360-letter,.s360-g strong,.s360-g small,.s360-i2 .s360-letter,.s360-i2 strong,.s360-i2 small,.s360-a .s360-letter,.s360-a strong,.s360-a small{transform:none}
.s360-i1 .s360-letter,.s360-i1 strong,.s360-i1 small{transform:rotate(-45deg) translate(0,0)}
.s360-n .s360-letter,.s360-n strong,.s360-n small{transform:rotate(-90deg)}
.s360-e .s360-letter,.s360-e strong,.s360-e small{transform:rotate(-135deg)}
.s360-r .s360-letter,.s360-r strong,.s360-r small{transform:rotate(-180deg)}
.s360-g .s360-letter,.s360-g strong,.s360-g small{transform:rotate(-225deg)}
.s360-i2 .s360-letter,.s360-i2 strong,.s360-i2 small{transform:rotate(-270deg)}
.s360-a .s360-letter,.s360-a strong,.s360-a small{transform:rotate(-315deg)}
.s360-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:43%;aspect-ratio:1;border-radius:50%;z-index:10;background:radial-gradient(circle at 50% 38%,#132a37 0,#071017 62%,#020609 100%);border:2px solid rgba(255,255,255,.26);box-shadow:0 0 0 9px rgba(255,255,255,.06),0 18px 50px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.s360-core img{width:44%;height:37%;object-fit:cover;object-position:50% 5%;margin-bottom:5px}
.s360-core-title{font-size:1.55rem;font-weight:900;letter-spacing:.025em;color:#fff}.s360-core-title::first-line{color:#fff}
.s360-core-copy{margin-top:7px;font-size:.67rem;line-height:1.45;color:#d8e0e4;letter-spacing:.04em}.s360-core-copy b{color:#1cc4d1}
@media(max-width:1200px){.s360-stage{min-height:0}.s360-wheel{width:min(690px,90vw)}}
@media(max-width:700px){.s360-stage{min-height:0}.s360-wheel{width:96vw}.s360-segment strong{font-size:.68rem;width:135px;margin-left:-67px}.s360-segment small{display:none}.s360-segment .s360-letter{width:36px;height:36px;margin-left:-18px;font-size:1.15rem}.s360-core-title{font-size:1.05rem}.s360-core-copy{font-size:.5rem}}

/* V43 FIX: proper SVG wheel; no rotated/colliding labels */
.s360-wheel{position:relative!important;width:min(700px,55vw)!important;aspect-ratio:1!important;z-index:4!important;transition:transform .3s ease!important;filter:drop-shadow(0 28px 55px rgba(0,0,0,.48))!important}
.s360-wheel:before{display:none!important}.s360-svg{display:block;width:100%;height:100%;overflow:visible}.s360-segment{cursor:pointer;outline:none}.s360-wedge{stroke:#071017;stroke-width:8;transition:.22s}.s360-segment:hover .s360-wedge{filter:brightness(1.12)}.s360-segment.active .s360-wedge{filter:brightness(1.16) drop-shadow(0 0 9px var(--active-color))}.s360-segment:focus-visible .s360-wedge{stroke:#fff;stroke-width:7;filter:drop-shadow(0 0 2px #173E49) drop-shadow(0 0 5px #173E49)}
.s360-badge{fill:#f7f8f8}.s360-badge-letter{fill:#10202c;font:900 24px Arial,sans-serif;text-anchor:middle}.s360-label{fill:#fff;font:800 13px Arial,sans-serif;text-anchor:middle}.s360-sub{fill:rgba(255,255,255,.82);font:600 10px Arial,sans-serif;text-anchor:middle}.s360-inner-ring{fill:#071017;stroke:rgba(255,255,255,.13);stroke-width:2}
.s360-core{width:47%!important;overflow:hidden!important}.s360-core img{width:40%!important;height:auto!important;max-height:39%!important;object-fit:contain!important;margin:0 0 7px!important}.s360-core-title{font-size:1.5rem!important}.s360-core-copy{font-size:.67rem!important}
@media(max-width:1200px){.s360-wheel{width:min(690px,90vw)!important}}@media(max-width:700px){.s360-wheel{width:96vw!important}.s360-label{font-size:10px}.s360-sub{display:none}.s360-badge-letter{font-size:18px}.s360-core-title{font-size:1rem!important}}

/* V44 — longer pillars, smaller center, contained labels + pillar icons */
.s360-core{width:37.5%!important}
.s360-core img{width:38%!important;max-height:35%!important}
.s360-core-title{font-size:1.28rem!important}
.s360-core-copy{font-size:.61rem!important}
.s360-label{font:800 12.5px Arial,sans-serif!important;text-anchor:middle;dominant-baseline:middle}
.s360-sub{font:650 9.2px Arial,sans-serif!important;text-anchor:middle;dominant-baseline:middle}
.s360-icon{fill:#fff;font:700 23px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle;opacity:.96}
.s360-inner-ring{fill:#071017;stroke:rgba(255,255,255,.16);stroke-width:2}
@media(max-width:700px){.s360-core{width:38%!important}.s360-label{font-size:9px!important}.s360-sub{display:none!important}.s360-icon{font-size:16px}.s360-core-title{font-size:.85rem!important}.s360-core-copy{font-size:.43rem!important}}

/* V45 — rebuilt native framework inspired by the original SINERGIA 360 composition */
.s360-wheel{width:min(760px,58vw)!important}
.s360-core{width:30.5%!important;border:2px solid rgba(255,255,255,.22)!important;box-shadow:0 0 0 8px rgba(255,255,255,.045),0 18px 50px rgba(0,0,0,.62)!important}
.s360-core img{width:42%!important;max-height:37%!important;margin-bottom:5px!important}
/* Emblema del logo oficial: archivo propio de 1692 px, siempre mostrado por debajo de su tamaño (sin recorte ni ampliación). */
.s360-core-logo{display:block;width:38%;max-width:120px;aspect-ratio:1692/1860;margin-bottom:5px;background:url(assets/logos/logo-sinergia-insights-v117.png) center/contain no-repeat}
.s360-core-title{font-size:1.16rem!important}.s360-core-copy{font-size:.56rem!important}
.s360-wedge{stroke:#071017;stroke-width:5}
.s360-label{font:800 12.5px 'DM Sans',Arial,sans-serif!important;text-anchor:middle!important;dominant-baseline:middle!important}
.s360-sub{font:650 8.7px 'DM Sans',Arial,sans-serif!important;text-anchor:middle!important;dominant-baseline:middle!important;opacity:.92!important}
.s360-icon{fill:#fff!important;font:700 24px Arial,sans-serif!important;text-anchor:middle!important;dominant-baseline:middle!important;opacity:.98!important}
.s360-badge{fill:#f7f8f8!important}.s360-badge-letter{fill:#10202c!important;font:900 23px 'Manrope',Arial,sans-serif!important;text-anchor:middle!important}
.s360-inner-ring{fill:#071017!important;stroke:rgba(255,255,255,.16)!important;stroke-width:2!important}
@media(max-width:1200px){.s360-wheel{width:min(720px,90vw)!important}}
/* Lema y leyenda de pilares: en móvil sustituyen a los rótulos dentro de la rueda; sin JavaScript se muestran siempre. */
.s360-motto,.s360-legend{display:none}
.s360-motto{margin:22px auto 0;text-align:center;font-size:.9375rem;line-height:1.5;letter-spacing:.06em;font-weight:600;color:#173E49}
.s360-motto b{display:block;color:#006F84}
.s360-legend{list-style:none;margin:22px auto 0;padding:0;max-width:640px;flex-direction:column;gap:10px}
.s360-legend-item{border:1px solid #DCECEE;border-left:6px solid var(--pillar);border-radius:6px 22px 6px 22px;background:#fff;box-shadow:0 8px 24px rgba(14,69,82,.06)}
.s360-legend-btn{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:10px 16px 10px 12px;border:0;background:none;text-align:left;font:inherit;color:#173E49;cursor:pointer}
.s360-legend-btn:focus-visible{outline:2px solid #173E49;outline-offset:2px}
.s360-legend-letter{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--pillar);background:#fff;font:800 1.125rem 'Manrope',sans-serif;color:#173E49}
.s360-legend-text{flex:1;min-width:0;display:flex;flex-direction:column}
.s360-legend-text strong{font-size:.875rem;line-height:1.25;letter-spacing:.03em}
.s360-legend-text small{font-size:.8125rem;line-height:1.35;color:#4F6B73}
.s360-legend-plus{font-size:1.375rem;line-height:1;color:#173E49;transition:transform .2s ease}
.s360-legend-item.open .s360-legend-plus{transform:rotate(45deg)}
.s360-legend-panel{padding:0 16px 16px 64px;color:#4F6B73;font-size:.9375rem;line-height:1.6}
.s360-legend-panel p{margin:0 0 10px;color:#4F6B73}
.s360-legend-panel ul{margin:0;padding-left:18px;font-size:.875rem}
.s360-legend-panel li{color:#4F6B73}
:where(.js) .s360-legend-panel{display:none}
:where(.js) .s360-legend-item.open .s360-legend-panel{display:block}
html:not(.js) .s360-legend{display:flex}
html:not(.js) .s360-legend-plus{display:none}
@media (prefers-reduced-motion: reduce){.s360-legend-plus,.s360-wheel,.s360-wedge,.s360-core,.s360-core>*,.s360-label,.s360-sub,.s360-icon{transition:none!important}}
@media(max-width:700px){
  .s360-wheel{width:96vw!important}.s360-core{width:31%!important}
  .s360-label{display:none}.s360-sub{display:none!important}
  .s360-icon{font-size:27px!important}
  .s360-badge,.s360-badge-letter{transform-box:fill-box;transform-origin:center;transform:scale(1.45)}
  .s360-badge-letter{font-size:21px!important}
  .s360-core-logo{width:42%}.s360-core-title{font-size:clamp(.6875rem,2.9vw,.78rem)!important;line-height:1.1}.s360-core-copy{display:none}
  .s360-motto{display:block}.s360-legend{display:flex}
}

/* Centro blanco (pedido de Nicole) y pilar que se expande dentro de la propia rueda (pedido de Alfonso).
   Al abrir un pilar, su cuña crece sobre su eje y rodea el centro, que se agranda y muestra el detalle;
   la geometría la anima el script de quienes-somos.html. Sin tarjeta ni ventana aparte. */
.s360-core{background:#fff!important;border:0!important;box-shadow:0 0 0 5px #071017,0 16px 40px rgba(7,16,23,.32)!important;transition:width .45s cubic-bezier(.65,0,.35,1)}
.s360-core-title,.s360-core-title::first-line{color:#10202c!important}
.s360-core-copy{color:#173E49!important}.s360-core-copy b{color:#006F84!important}
.s360-core>:not(.s360-detail){transition:opacity .18s ease .27s}
.s360-fill{fill:#071017;stroke:#071017;stroke-width:5}
.s360-wedge{transition:filter .22s ease,stroke .22s ease}
.s360-label,.s360-sub,.s360-icon{transition:opacity .2s ease .3s}
.s360-wheel.is-open .s360-label,.s360-wheel.is-open .s360-sub,.s360-wheel.is-open .s360-icon{opacity:0!important;transition-delay:0s}
.s360-wheel.is-open .s360-segment.active,.s360-wheel.is-open .s360-segment.active .s360-wedge{filter:none}
.s360-wheel.is-open .s360-segment:not(.active):hover .s360-wedge{filter:brightness(1.15)}
.s360-wheel.is-open .s360-core{width:61.5%!important}
.s360-wheel.is-open .s360-core>:not(.s360-detail){opacity:0;transition-delay:0s}
.s360-detail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9% 12.5% 10%;text-align:center;color:#173E49;background:radial-gradient(circle at 50% 50%,#fff 58%,color-mix(in srgb,var(--pillar) 9%,#fff) 100%);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}
.s360-wheel.is-open .s360-detail{opacity:1;visibility:visible;transition:opacity .25s ease .28s,visibility 0s}
.s360-detail h3{margin:0;font:800 1.12rem/1.15 'Manrope',sans-serif;letter-spacing:.01em;color:#10202c!important}
.s360-detail-sub{margin:4px 0 0;font-size:.86rem;font-weight:600;color:#4F6B73}
.s360-detail-sub:after{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--pillar);margin:10px auto 0}
.s360-detail-lead{margin:10px 0 12px;font-size:.88rem;line-height:1.48;color:#173E49}
.s360-detail-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.s360-detail-items li{padding:4px 10px;border-radius:999px;font-size:.75rem;line-height:1.3;font-weight:600;color:#173E49;background:color-mix(in srgb,var(--pillar) 11%,#fff);border:1px solid color-mix(in srgb,var(--pillar) 40%,#fff)}
.s360-close{position:absolute;top:4.5%;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;border:1px solid #d5dfe2;background:#fff;color:#173E49;font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0 0 2px}
.s360-close:hover{border-color:#173E49}
.s360-close:focus-visible{outline:2px solid #173E49;outline-offset:2px}
@media(max-width:1000px){.s360-detail{padding:9% 11% 9.5%}.s360-detail h3{font-size:1rem}.s360-detail-lead{font-size:.8rem;margin:8px 0 10px}.s360-detail-items li{font-size:.69rem;padding:3px 8px}}
@media(max-width:700px){
  .s360-detail{padding:14% 10% 12%}
  .s360-detail-lead,.s360-detail-items{display:none}
  .s360-detail h3{font-size:clamp(.82rem,3.6vw,.95rem)}
  .s360-detail-sub{font-size:.78rem}
  .s360-close{width:30px;height:30px;top:5%;font-size:1.1rem}
}

/* V46 — Nuestra Esencia: tech control-panel layout */
.story-section{padding:88px 0 110px}
.story-layout{display:grid;grid-template-columns:430px minmax(0,1fr);gap:34px;align-items:start;padding:32px;border:1px solid rgba(38,210,226,.14);border-radius:30px;background:linear-gradient(145deg,rgba(4,12,18,.96),rgba(5,9,14,.98));box-shadow:0 26px 80px rgba(0,0,0,.32),0 0 50px rgba(0,180,205,.035)}
.story-nav{position:static;display:flex;flex-direction:column;gap:16px}.story-nav .section-kicker{font-size:1.55rem;letter-spacing:-.02em;color:#fff;margin:2px 8px 10px;text-transform:none;font-weight:800}
.story-nav>a{position:relative;display:grid;grid-template-columns:58px 1fr 22px;align-items:center;gap:16px;min-height:86px;padding:14px 18px!important;border:1px solid rgba(164,181,196,.22)!important;border-radius:18px;color:#f4f7f8!important;background:linear-gradient(135deg,rgba(21,27,38,.94),rgba(11,15,22,.96));font-size:1.05rem;font-weight:800;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:.25s ease}
.story-nav>a::before{content:attr(data-icon);display:grid;place-items:center;width:54px;height:54px;color:#19d2dc;font-size:1.85rem;font-weight:400;line-height:1;text-shadow:0 0 18px rgba(25,210,220,.28)}
.story-nav>a::after{content:'›';justify-self:end;color:#d9e4e8;font-size:2rem;font-weight:300;line-height:1}
.story-nav>a span{display:none}.story-nav>a:hover{padding-left:18px!important;transform:translateY(-1px);border-color:rgba(25,210,220,.55)!important}.story-nav>a.active{color:#20dce5!important;border-color:#20dce5!important;background:linear-gradient(135deg,rgba(16,43,55,.96),rgba(13,24,34,.98));box-shadow:0 0 0 1px rgba(32,220,229,.22),0 0 28px rgba(32,220,229,.08),inset 0 0 28px rgba(32,220,229,.055)}.story-nav>a.active::after{color:#20dce5}
.story-content{max-width:none;min-height:430px}.story-block{display:none!important;min-height:430px;margin:16px 0 0!important;padding:42px 48px 44px!important;border:1px solid rgba(31,206,220,.38)!important;border-radius:22px;background:radial-gradient(circle at 88% 0%,rgba(24,187,211,.08),transparent 32%),linear-gradient(145deg,rgba(5,16,25,.98),rgba(3,10,16,.99));box-shadow:0 0 0 1px rgba(23,142,160,.08),0 25px 65px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025);opacity:0;transform:translateY(7px)}
.story-block.active{display:block!important;animation:essenceCardIn .35s cubic-bezier(.2,.75,.25,1) forwards}.story-index{display:none}.story-block h2{position:relative;margin:0 0 28px;padding-left:72px;font-size:1.75rem;letter-spacing:-.025em;color:#20dce5}.story-block h2::before{content:attr(data-icon);position:absolute;left:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:54px;font-size:1.9rem;color:#20dce5}.story-block p{font-size:1.03rem;line-height:1.72;color:#c0c7cc;margin:0 0 20px}.story-block blockquote{margin:26px 0;padding:22px 25px;border-left:2px solid #20dce5;background:linear-gradient(90deg,rgba(32,220,229,.075),transparent);font-size:1.13rem;line-height:1.6;color:#e2e7ea}
@media(max-width:1050px){.story-layout{grid-template-columns:1fr;padding:24px}.story-nav{display:grid;grid-template-columns:1fr 1fr}.story-nav .section-kicker{grid-column:1/-1}.story-content,.story-block{min-height:0}.story-block{margin-top:0!important}}
@media(max-width:700px){.story-layout{padding:16px;border-radius:22px}.story-nav{grid-template-columns:1fr}.story-nav>a{min-height:72px;grid-template-columns:46px 1fr 18px}.story-nav>a::before{width:42px;height:42px;font-size:1.45rem}.story-block{padding:32px 25px!important}.story-block h2{padding-left:0;font-size:1.55rem}.story-block h2::before{display:none}}


/* V47 — Nuestra Esencia rebuilt as a real tech control panel */
.essence-panel{padding:82px 0 110px;background:radial-gradient(circle at 80% 20%,rgba(16,170,194,.055),transparent 34%)}
.essence-shell{display:grid;grid-template-columns:420px minmax(0,1fr);gap:44px;padding:28px 30px;border:1px solid rgba(30,205,221,.16);border-radius:30px;background:linear-gradient(145deg,#061018 0%,#03090f 100%);box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)}
.essence-menu h2{margin:4px 10px 28px;font-size:1.55rem;color:#f5f8f9;letter-spacing:-.02em}.essence-menu{display:flex;flex-direction:column;gap:16px}
.essence-tab{appearance:none;width:100%;min-height:92px;display:grid;grid-template-columns:66px 1fr 24px;align-items:center;gap:16px;padding:12px 18px;border:1px solid rgba(153,174,190,.24);border-radius:18px;background:linear-gradient(135deg,#111a24,#080e15);color:#f2f6f7;text-align:left;font:800 1.05rem Manrope,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.essence-tab:hover{transform:translateY(-2px);border-color:rgba(28,218,229,.52)}.essence-tab.active{color:#24dce6;border-color:#22d9e4;background:linear-gradient(135deg,rgba(15,47,59,.98),rgba(8,21,30,.98));box-shadow:0 0 0 1px rgba(34,217,228,.25),0 0 28px rgba(34,217,228,.1),inset 0 0 30px rgba(34,217,228,.05)}
.essence-tab b{justify-self:end;font-size:2rem;font-weight:300;color:#d6e2e6}.essence-tab.active b{color:#22d9e4}.essence-icon,.essence-title-icon{display:grid;place-items:center;color:#20d7e2}.essence-icon svg{width:54px;height:54px}.essence-title-icon svg{width:62px;height:62px}.essence-icon svg,.essence-title-icon svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(32,215,226,.16))}
.essence-stage{min-height:520px}:where(.js) .essence-card{display:none}.essence-card{min-height:520px;padding:40px 46px;border:1px solid rgba(31,210,222,.43);border-radius:22px;background:radial-gradient(circle at 88% 5%,rgba(24,190,214,.09),transparent 30%),linear-gradient(145deg,#06131d,#020910);box-shadow:0 0 0 1px rgba(22,150,168,.07),0 20px 60px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025)}.essence-card.active{display:block;animation:essence47 .3s ease both}@keyframes essence47{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.essence-title{display:flex;align-items:center;gap:22px;margin-bottom:28px;color:#22d9e4}.essence-title h3{margin:0;color:#22d9e4;font-size:1.72rem;letter-spacing:-.025em}.essence-card p{margin:0 0 20px;color:#c2c9ce;font-size:1.02rem;line-height:1.72}.essence-card strong{color:#f5f7f8}.essence-card blockquote{margin:25px 0;padding:20px 24px;border-left:2px solid #22d9e4;background:linear-gradient(90deg,rgba(34,217,228,.075),transparent);color:#e5eaec;font-size:1.08rem;line-height:1.6}
@media(max-width:1050px){.essence-shell{grid-template-columns:1fr}.essence-menu{display:grid;grid-template-columns:1fr 1fr}.essence-menu h2{grid-column:1/-1}.essence-stage,.essence-card{min-height:0}}
@media(max-width:680px){.essence-shell{padding:18px;border-radius:22px}.essence-menu{grid-template-columns:1fr}.essence-menu h2{grid-column:auto}.essence-tab{min-height:76px;grid-template-columns:50px 1fr 20px}.essence-icon svg{width:42px;height:42px}.essence-card{padding:30px 24px}.essence-title-icon svg{width:48px;height:48px}.essence-title h3{font-size:1.45rem}}

/* V48 — enforce one active Nuestra Esencia content card */
:where(.js) .essence-stage > .essence-card{display:none !important;opacity:0;visibility:hidden;pointer-events:none}
.essence-stage > .essence-card.active{display:block !important;opacity:1;visibility:visible;pointer-events:auto;animation:essence48in .32s cubic-bezier(.2,.8,.2,1) both}
@keyframes essence48in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* V49 — Hero kerning/line-height + larger numeric hierarchy */
/* Prevent tight line boxes from visually colliding between “para la” and the next line. */
.about-hero h1{
  line-height:1.08!important;
  letter-spacing:-.045em!important;
}
/* Larger numbering in Valores cards. */
.value-no{
  font-size:1.15rem!important;
  font-weight:800;
  line-height:1;
  letter-spacing:.12em;
}
/* Larger 01–04 numbering in Nuestra Filosofía. */
.philosophy-system span{
  font-size:1.2rem!important;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
}
@media(max-width:700px){
  .about-hero h1{line-height:1.1!important;letter-spacing:-.035em!important}
  .value-no{font-size:1.05rem!important}
  .philosophy-system span{font-size:1.1rem!important}
}