/* Final UI refinements shared by the home and every skill page. */

/* A compact strategic instrument, without changing the section's layout. */
#reason .reason-stat--orbit{
  position:relative;
  width:190px!important;
  height:190px!important;
  min-width:190px!important;
  align-items:center!important;
  justify-content:center!important;
  isolation:isolate;
}
#reason .reason-stat-orbit-art{
  position:absolute;
  inset:0;
  width:100%;height:100%;overflow:visible;
  pointer-events:none;
}
#reason .reason-stat-orbit-art .orbit-sweep{transform-origin:120px 120px;animation:reason-stat-orbit 18s linear infinite;filter:drop-shadow(0 0 3px rgba(239,0,140,.65))}
#reason .reason-stat-orbit-art .orbit-counter{transform-origin:120px 120px;animation:reason-stat-orbit 30s linear infinite reverse}
#reason .reason-stat--orbit strong{font-size:72px!important;position:relative}
#reason .reason-stat--orbit small{font-size:8px!important;letter-spacing:.1em!important;margin-top:15px!important;position:relative}
@keyframes reason-stat-orbit{to{transform:rotate(1turn)}}
@media(prefers-reduced-motion:reduce){#reason .reason-stat-orbit-art .orbit-sweep,#reason .reason-stat-orbit-art .orbit-counter{animation:none}}

/* One light follows the pointer across the entire site, never intercepting input. */
.revolt-pointer-light{position:fixed;left:0;top:0;width:700px;height:700px;margin:-350px 0 0 -350px;z-index:2147482000;pointer-events:none!important;border-radius:50%;background:radial-gradient(circle,rgba(239,0,140,.19),rgba(239,0,140,.055) 34%,transparent 70%);mix-blend-mode:screen;opacity:0;transition:opacity .28s ease;will-change:transform}
.revolt-pointer-light.is-visible{opacity:1}
/* Both panels reveal the exact same fixed film; no independent tint may create a seam. */
body.revolt-curated #inicio.hero::before,
body.revolt-curated #inicio.hero::after,
body.revolt-curated #servicios.skills-v42::before,
body.revolt-curated #servicios.skills-v42::after{
  content:none!important;
  display:none!important;
  background:none!important;
  opacity:0!important;
}
#inicio .hero-glow{display:none!important}
body.revolt-curated #servicios.home-skills-editorial>.hero-glow{position:absolute!important;display:block!important;z-index:0!important;pointer-events:none!important;top:48%!important;left:58%!important;width:min(75vw,1000px)!important;opacity:.9; background:radial-gradient(circle,rgba(239,0,140,.12),transparent 66%)}
#servicios .home-skills-shell{position:relative;z-index:2}
/* Chapter 02 takes its left guide from the real start of the chapter 01 headline. */
@media(min-width:901px){
  body.revolt-curated #servicios.home-skills-editorial.has-hero-guide .home-skills-shell{
    --skills-guide-gap:clamp(24px,3vw,58px);
    grid-template-columns:max(250px,calc(var(--hero-copy-guide) - var(--site-gutter,clamp(24px,5.5vw,96px)) - var(--skills-guide-gap))) minmax(0,1fr)!important;
    gap:var(--skills-guide-gap)!important;
  }
  /* The skill selector becomes a compact horizontal rail, preserving width for the hero call. */
  body.revolt-curated #servicios.home-skills-editorial .home-skills-workspace{
    grid-template-columns:1fr!important;
    grid-template-rows:94px minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.revolt-curated #servicios.home-skills-editorial .home-skill-tabs{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:1fr!important;
    min-height:94px!important;
    max-height:94px!important;
    overflow:hidden!important;
  }
  body.revolt-curated #servicios.home-skills-editorial .home-skill-tab{
    min-height:94px!important;
    padding:12px 14px!important;
    border-right:1px solid rgba(255,255,255,.11)!important;
    border-bottom:0!important;
  }
  body.revolt-curated #servicios.home-skills-editorial .home-skill-tab:last-child{border-right:0!important}
  body.revolt-curated #servicios.home-skills-editorial .home-skill-tab::before{
    left:0!important;
    top:auto!important;
    bottom:0!important;
    width:0!important;
    height:3px!important;
    transform:none!important;
    transition:width .25s ease!important;
  }
  body.revolt-curated #servicios.home-skills-editorial .home-skill-tab.is-current::before{width:100%!important;height:3px!important}
  body.revolt-curated #servicios.home-skills-editorial .home-skills-track{min-height:clamp(520px,56vh,640px)!important}
  body.revolt-curated #servicios.home-skills-editorial .home-skills-footer{padding-left:0!important;margin-top:18px!important}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.revolt-pointer-light{display:none!important}}

/* Keep the video itself and its corner cuts, remove every colored frame layer. */
body #reason .reason-video-frame{border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
body #reason .reason-video-frame::before,body #reason .reason-video-frame::after{content:none!important;display:none!important;border:0!important;box-shadow:none!important}

/* The supplied Revolt R draws first, then fills from the base upward. */
.retro-loader.revolt-r-loader{
  display:grid!important;
  place-items:center!important;
  background:#07060a!important;
}
.revolt-r-loader__mark{
  width:clamp(92px,10vw,156px);
  aspect-ratio:1;
  filter:drop-shadow(0 0 22px rgba(239,0,140,.22));
}
.revolt-r-loader__mark svg{display:block;width:100%;height:100%;overflow:visible}
.revolt-r-loader__outline{
  fill:transparent;
  stroke:var(--pink,#ef008c);
  stroke-width:8;
  stroke-linejoin:round;
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:1;
  animation:revolt-r-draw 1.15s cubic-bezier(.55,.08,.35,1) forwards;
}
.revolt-r-loader__fill{
  fill:var(--pink,#ef008c);
  clip-path:inset(100% 0 0 0);
  animation:revolt-r-fill .78s cubic-bezier(.65,0,.35,1) .82s forwards;
}
@keyframes revolt-r-draw{to{stroke-dashoffset:0}}
@keyframes revolt-r-fill{to{clip-path:inset(0 0 0 0)}}

/* Reason Why follows the same 1680px alignment standard as 06 / Explora. */
@media(min-width:981px){
  #servicios .home-skill-card{flex:0 0 48%!important;min-width:380px!important;min-height:600px!important}
  #servicios .home-skill-card{display:flex!important;flex-direction:column!important}
  #servicios .home-skill-candy{position:relative!important;inset:auto!important;order:-1!important;width:72%!important;margin:-26px auto 2px!important;transform:rotate(-8deg)!important}
  #servicios .home-skill-card .home-skill-links{margin-top:auto!important}
  #servicios .home-skill-card h3,#servicios .home-skill-card>p,#servicios .home-skill-links{width:100%!important}
  #servicios .home-skill-number{min-width:44px!important;width:44px!important;height:24px!important;font-size:10px!important}
  #servicios .home-skill-card h3{min-height:2.12em!important;display:block!important}
  #servicios .home-skill-card h3{width:78%!important;max-width:12ch!important;min-height:2.2em!important;line-height:1.06!important}
  #servicios .home-skill-card{display:block!important;position:relative!important;overflow:hidden!important}
  #servicios .home-skill-card{padding:32px 36px!important;box-sizing:border-box!important}
  #servicios .home-skill-candy{position:absolute!important;z-index:1!important;right:-14%!important;bottom:-10%!important;top:auto!important;left:auto!important;width:68%!important;margin:0!important;transform:rotate(-8deg)!important;pointer-events:none!important}
  #servicios .home-skill-candy{width:94%!important;right:-28%!important;bottom:-18%!important}
  #servicios .home-skill-card .home-skill-links{position:relative!important;z-index:3!important;margin-top:clamp(70px,8vh,120px)!important}
  #servicios .home-skill-links a{min-height:58px!important;padding:16px 20px!important;font-size:15px!important}
  #servicios .home-skill-links{width:90%!important}
  #servicios .home-skill-links{width:100%!important;min-height:176px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  #servicios .home-skill-links>span{display:block!important;min-height:22px!important}
  #servicios .home-skill-links a{width:100%!important;box-sizing:border-box!important;flex:0 0 52px!important}
  #servicios .home-skill-card .home-skill-links{position:absolute!important;left:36px!important;right:36px!important;bottom:32px!important;width:auto!important;margin:0!important;min-height:176px!important}
  #reason.reason-section{padding-inline:var(--site-gutter,clamp(24px,5.5vw,96px))!important}
  #reason .reason-editorial.reason-layout{
    width:min(100%,var(--content-max,1680px))!important;
    max-width:1680px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr) min(52rem,47vw)!important;
    gap:clamp(36px,5vw,96px)!important;
    align-items:start!important;
  }
  #reason .reason-copy-column{justify-self:start!important;width:100%!important;margin:0!important}
  #reason .reason-video-slot{
    width:100%!important;
    margin:0!important;
    padding-top:clamp(62px,7vh,88px)!important;
    justify-self:end!important;
  }
#reason .reason-video-frame{inset:0!important;width:100%!important;max-width:none!important;margin:0!important}
  #reason .reason-copy-column{align-self:center!important}
}

/* Give the Revolt wordmark a stronger presence without moving the nav links. */
.header.header--minimal .logo{
  position:relative!important;
  z-index:4!important;
  overflow:visible!important;
}
.header.header--minimal .logo img{
  --revolt-logo-scale:1.38;
  --revolt-logo-x:-24px;
  --revolt-logo-y:0px;
  max-width:none!important;
  transform-origin:left center!important;
  transform:translate(var(--revolt-logo-x),var(--revolt-logo-y)) scale(var(--revolt-logo-scale))!important;
}
@media(min-width:1500px){
  .header.header--minimal .logo img{
    --revolt-logo-scale:1.74;
    --revolt-logo-x:-28px;
    --revolt-logo-y:10px;
  }
}
@media(max-width:1180px){
  .header.header--minimal .logo img{
    --revolt-logo-scale:1.23;
    --revolt-logo-x:-8px;
  }
}
/* ===== 03 / COPY WIDTH + CLEAN 360 ===== */
@media(min-width:981px){
  /* Leave enough real column width for the supporting paragraph. */
  body.revolt-curated #reason .reason-editorial.reason-layout{
    width:100%!important;
    column-gap:32px!important;
    grid-template-columns:minmax(0,1fr) var(--reason-film-width) var(--reason-orbit-gutter)!important;
  }
  body.revolt-curated #reason .reason-copy-column{max-width:none!important;width:100%!important}
  body.revolt-curated #reason .reason-support,
  body.revolt-curated #reason .reason-lead{
    width:min(100%,420px)!important;
    max-width:420px!important;
    line-height:1.55!important;
  }
  /* The dial remains graphic, but without a glowing aura. */
  body.revolt-curated #reason .reason-stat--orbit,
  body.revolt-curated #reason .reason-stat--orbit::before,
  body.revolt-curated #reason .reason-stat--orbit::after{box-shadow:none!important}
}

/* ===== 04 / FULL-WIDTH FOUNDATION ACCORDION ===== */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-cards-row{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0!important;
    margin-top:0!important;
  }
  body.revolt-curated #fundamentos .foundation-cards-row::before,
  body.revolt-curated #fundamentos .foundation-rail-line,
  body.revolt-curated #fundamentos .foundation-rail-link{display:none!important}
  body.revolt-curated #fundamentos .foundation-note{
    display:grid!important;
    grid-template-columns:clamp(150px,13vw,220px) minmax(0,1fr) 64px!important;
    align-items:center!important;
    min-height:172px!important;
    padding:30px 38px!important;
    gap:34px!important;
    overflow:hidden!important;
    background:rgba(7,6,10,.74)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)!important;
    box-shadow:none!important;
    transition:min-height .35s ease,background .35s ease,border-color .35s ease!important;
  }
  body.revolt-curated #fundamentos .foundation-note::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-note::after{
    display:none!important;
  }
  body.revolt-curated #fundamentos .foundation-index{
    display:block!important;
    position:relative!important;
    z-index:1!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    margin:0!important;
    color:transparent!important;
    font-size:0!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-index::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-index::after{
    display:block!important;
    font-family:"Space Grotesk",Arial,sans-serif!important;
    font-size:clamp(88px,8.6vw,152px)!important;
    font-weight:700!important;
    line-height:.72!important;
    letter-spacing:-.1em!important;
    color:rgba(239,0,140,.18)!important;
  }
  body.revolt-curated #fundamentos .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
  body.revolt-curated #fundamentos .foundation-note-content{
    position:relative!important;
    z-index:1!important;
    margin:0!important;
    padding:0!important;
    max-width:68ch!important;
  }
  body.revolt-curated #fundamentos .foundation-note h3{
    margin:0 0 10px!important;
    font-size:clamp(31px,2.6vw,48px)!important;
    line-height:.92!important;
  }
  body.revolt-curated #fundamentos .foundation-note p{
    display:block!important;
    max-width:68ch!important;
    margin:0!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    color:rgba(244,239,246,.82)!important;
    font-size:clamp(14px,1.02vw,18px)!important;
    line-height:1.45!important;
  }
  body.revolt-curated #fundamentos .foundation-note button{
    position:relative!important;
    z-index:2!important;
    width:54px!important;
    height:54px!important;
    justify-self:end!important;
    border-color:rgba(255,255,255,.65)!important;
    background:transparent!important;
    color:#fff!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-expanded{
    min-height:250px!important;
    border-color:#ff008c!important;
    background:linear-gradient(105deg,rgba(255,0,140,.12),rgba(7,6,10,.82) 48%,rgba(7,6,10,.72))!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-expanded button{
    background:#ff008c!important;
    border-color:#ff008c!important;
    color:#08070b!important;
    transform:rotate(45deg)!important;
  }
}

/* ===== FUNDAMENTOS 120 / PERSISTENT TITLES, LOW COPY, SOCIAL 3D ===== */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
    position:sticky!important;
    overflow:hidden!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
    position:absolute!important;
    top:0!important;
    left:8px!important;
    z-index:5!important;
    grid-column:1!important;
    grid-row:1!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{
    font-size:clamp(64px,8vw,108px)!important;
    line-height:.82!important;
    color:rgba(255,0,140,.32)!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
    position:absolute!important;
    inset:0!important;
    left:0!important;
    right:0!important;
    top:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{
    position:absolute!important;
    top:0!important;
    left:52%!important;
    right:82px!important;
    margin:0!important;
    font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;
    line-height:.95!important;
    letter-spacing:-.095em!important;
    white-space:nowrap!important;
    overflow:visible!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p{
    display:block!important;
    position:absolute!important;
    left:52%!important;
    right:82px!important;
    top:auto!important;
    bottom:28px!important;
    max-width:62ch!important;
    margin:0!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
    position:absolute!important;
    top:7px!important;
    right:18px!important;
    z-index:6!important;
    grid-column:auto!important;
    grid-row:auto!important;
    pointer-events:auto!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{
    display:block!important;
    position:absolute!important;
    top:50vh!important;
    left:34vw!important;
    z-index:1!important;
    width:clamp(290px,27vw,390px)!important;
    height:clamp(290px,27vw,390px)!important;
    border:0!important;
    background:transparent!important;
    transform:translate(-50%,-50%)!important;
    pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{
    content:"REDES SOCIALES  /  ELEMENTO 3D"!important;
    top:calc(50vh + clamp(150px,14vw,205px))!important;
    left:34vw!important;
    width:clamp(290px,27vw,390px)!important;
  }
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{
    display:block!important;
    position:absolute!important;
    top:0!important;
    left:50%!important;
    width:min(76vw,330px)!important;
    height:min(76vw,330px)!important;
    border:0!important;
    background:transparent!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important}
}

/* The primary navigation remains available while reading down the page. */
body:not(.menu-open):not(.contact-open) .header.header--minimal.is-scroll-hidden,
.header.header--minimal.is-scroll-hidden{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}
.header.header--minimal{position:fixed!important;top:0!important;z-index:2147483000!important;opacity:1!important;visibility:visible!important;transform:none!important;display:flex!important}

/* Current page and its category parent use the brand accent consistently. */
.header .nav>a.active,
.header .nav .nav-submenu a.active,
.header .nav .nav-parent.is-active>.nav-parent__label,
.menu-overlay__navigation nav>a.active,
.footer-navigation nav>a.active{
  color:var(--pink,#ef008c)!important;
}
.header .nav .nav-parent.is-active>.nav-parent__label::after{
  opacity:1!important;
  transform:scale(1)!important;
}

/* Methodology: hierarchy first, process second, decisions at the end. */
#metodologia.methodology-v42 .skills-v42__shell{
  display:block!important;
  width:min(100%,1240px)!important;
  max-width:1240px!important;
  min-height:auto!important;
  margin-inline:auto!important;
}
#metodologia .skills-v42__marker{
  position:relative!important;
  inset:auto!important;
  width:min(100%,1080px)!important;
  max-width:none!important;
  margin:0 auto clamp(34px,4vw,56px)!important;
  padding:0!important;
  transform:none!important;
}
#metodologia .skills-v42__marker>span{
  display:block!important;
  margin-bottom:clamp(18px,2vw,28px)!important;
  color:var(--pink,#ef008c)!important;
}
#metodologia .skills-v42__marker h2{
  max-width:840px!important;
  margin:0!important;
  color:#fff!important;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:clamp(38px,4.3vw,70px)!important;
  font-weight:600!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-transform:none!important;
}
#metodologia .methodology-v42__lead{
  max-width:760px!important;
  margin:22px 0 0!important;
  color:rgba(255,255,255,.7)!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:clamp(16px,1.15vw,19px)!important;
  line-height:1.65!important;
  letter-spacing:0!important;
}
#metodologia .skills-v42__content{
  width:min(100%,1080px)!important;
  max-width:none!important;
  margin-inline:auto!important;
  transform:none!important;
}
#metodologia .skills-v42__rule{display:none!important}
#metodologia .skills-v42__accordion{margin-top:0!important}
#metodologia .methodology-v27__actions--after-steps{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:12px!important;
  width:100%!important;
  margin:clamp(28px,3vw,42px) 0 0!important;
}
#metodologia .methodology-v27__actions--after-steps .methodology-v27__button{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
}

/* Impact metrics live in their own quiet half-screen module. */
.impact-metrics-mini{
  min-height:50vh!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(52px,8vh,96px) var(--site-gutter,clamp(24px,5.5vw,96px))!important;
  background:#100d14!important;
}
#impacto .impact-background{background-image:url("../impact-background-faithful-4k.webp")!important;background-size:cover!important;background-position:center!important}
.impact-metrics-mini__inner{width:min(100%,var(--content-max,1680px));margin-inline:auto}
.impact-metrics-mini__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,96px)}
.impact-metrics-mini__grid article{padding:clamp(24px,3vw,48px) 0}
.impact-metrics-mini__grid strong{display:block;color:#fff;font:600 clamp(58px,8vw,128px)/.86 "Space Grotesk",Arial,sans-serif;letter-spacing:-.07em}
.impact-metrics-mini__grid strong span{color:var(--pink,#ef008c)}
.impact-metrics-mini__grid p{margin:14px 0 0;color:#ffffff9c;font:400 14px/1.3 Inter,Arial,sans-serif}
@media(max-width:600px){.impact-metrics-mini{min-height:50svh!important}.impact-metrics-mini__grid{grid-template-columns:1fr;gap:10px}.impact-metrics-mini__grid article{border:0;padding-block:18px}.impact-metrics-mini__grid strong{font-size:clamp(52px,16vw,82px)}}

/* Clean, single-pass layout for Impacto and footer. */
#impacto.impact-section{position:relative!important;left:auto!important;transform:none!important;min-height:100svh!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;padding:clamp(92px,9vh,132px) var(--site-gutter,clamp(24px,5.5vw,96px)) clamp(64px,7vh,104px)!important}
#impacto .impact-shell{width:100%!important;max-width:var(--content-max,1680px)!important;min-height:calc(100svh - 180px)!important;padding:0!important;margin:0 auto!important}
#impacto .impact-background{background-image:url("../impact-background-faithful-4k.webp")!important;background-size:cover!important;background-position:center!important}
#impacto .impact-background{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
#impacto .impact-background::after{display:none!important}
#impacto .impact-overlay{background:linear-gradient(180deg,rgba(7,6,10,.08),rgba(7,6,10,.18) 52%,rgba(7,6,10,.58))!important}
#impacto .impact-overlay{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
#impacto .impact-label{display:block!important;width:max-content!important;margin:0 0 28px!important;padding:0!important;border:0!important;background:none!important;color:var(--pink,#ef008c)!important}
#impacto .impact-top{display:block!important}
#impacto .impact-statement{max-width:34ch!important;margin:0 0 0 auto!important}
#impacto .impact-title-block h2{font-family:"Space Grotesk",Arial,sans-serif!important;text-transform:none!important}
#impacto .impact-connect-cta{display:inline-flex!important;margin-top:30px!important}
#impacto .impact-title-block,#impacto .impact-statement,#impacto .impact-label{animation:impact-rise .8s cubic-bezier(.22,.8,.3,1) both}
#impacto .impact-statement{animation-delay:.12s}
#impacto .impact-connect-cta{background:var(--pink,#ef008c)!important;color:#fff!important;padding:16px 24px!important;text-decoration:none!important;font:600 14px/1 Inter,Arial,sans-serif!important;border:0!important;align-items:center!important;gap:18px!important}
@keyframes impact-rise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
.revolt-footer{position:relative!important;left:50%!important;transform:translateX(-50%)!important;width:100vw!important;margin:0!important;padding-inline:var(--site-gutter,clamp(24px,5.5vw,96px))!important}
.revolt-footer .footer-shell{width:100%!important;max-width:var(--content-max,1680px)!important;margin:0 auto!important;padding-inline:0!important}
.back-to-top,.scroll-to-top,[aria-label*="arriba"],[aria-label*="Arriba"]{background:var(--pink,#ef008c)!important;border-color:var(--pink,#ef008c)!important;color:#fff!important}
.section-index a.is-active span{opacity:0!important;visibility:hidden!important}
@media(max-width:900px){#impacto.impact-section{min-height:100svh!important}.impact-metrics-mini__inner{width:100%}.revolt-footer .footer-shell{padding-inline:0!important}#impacto .impact-background{background-image:url("../impact-background-mobile.webp")!important;background-position:center center!important}}
@media(min-width:1401px){#impacto .impact-background{background-image:url("../impact-background-faithful-4k.webp")!important;background-position:center center!important}}
@media(max-width:900px){#impacto.impact-section{min-height:100svh!important;padding-inline:var(--site-gutter,24px)!important}#impacto .impact-shell{width:100%!important}.impact-metrics-mini__inner{width:100%}}

@media(max-width:900px){
  #reason.reason-section{padding-inline:var(--site-gutter,24px)!important}
  #reason .reason-editorial.reason-layout{width:100%!important;max-width:none!important;grid-template-columns:1fr!important;gap:32px!important}
  #reason .reason-video-slot{padding-top:0!important;width:100%!important}
  #metodologia .skills-v42__marker,
  #metodologia .skills-v42__content{width:100%!important}
  #metodologia .skills-v42__marker h2{font-size:clamp(36px,10vw,54px)!important}
  #metodologia .methodology-v27__actions--after-steps{justify-content:flex-start!important}
}

@media(max-width:560px){
  #metodologia .methodology-v27__actions--after-steps{display:grid!important;grid-template-columns:1fr!important}
  #metodologia .methodology-v27__actions--after-steps .methodology-v27__button{width:100%!important;justify-content:space-between!important}
}

@media(prefers-reduced-motion:reduce){
  .header.header--minimal{transition:none!important}
  .revolt-r-loader__outline{stroke-dashoffset:0;animation:none!important}
  .revolt-r-loader__fill{clip-path:inset(0);animation:none!important}
}

/* ===== FUNDAMENTOS / RAIL EDITORIAL (APPROVED VISUAL) ===== */
body.revolt-curated #fundamentos.foundations-section{
  position:relative!important;
  overflow:visible!important;
  min-height:auto!important;
  background:#08070b!important;
  color:#fff!important;
  padding:0!important;
}
body.revolt-curated #fundamentos.foundations-section::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.28!important;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;
  background-size:88px 88px!important;
  mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)!important;
}
body.revolt-curated #fundamentos .foundation-shell{
  position:relative!important;
  z-index:1!important;
  /* The approved reference uses the same full-width content rail as the
     other chapters. The former 1428px cap squeezed the title and rows. */
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:clamp(78px,7.2vw,112px) clamp(28px,5.4vw,96px) clamp(72px,6vw,94px)!important;
  min-height:0!important;
  display:block!important;
}
body.revolt-curated #fundamentos .foundation-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(310px,.72fr)!important;
  align-items:end!important;
  gap:clamp(48px,7vw,124px)!important;
  margin:0 0 clamp(34px,3.2vw,54px)!important;
}
body.revolt-curated #fundamentos .foundation-heading-copy{min-width:0!important}
body.revolt-curated #fundamentos .foundation-heading .eyebrow{
  margin:0 0 26px!important;
  color:#ff008c!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.22em!important;
}
body.revolt-curated #fundamentos .foundation-title{
  display:block!important;
  max-width:920px!important;
  margin:0!important;
  color:#fff!important;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  /* Reuse the exact display scale of the Reason Why title. */
  font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;
  font-weight:800!important;
  line-height:.95!important;
  letter-spacing:-.095em!important;
  text-transform:uppercase!important;
}
body.revolt-curated #fundamentos .foundation-title span{display:block!important;white-space:nowrap!important;color:#fff!important}
body.revolt-curated #fundamentos .foundation-title span:last-child{color:#ff008c!important}
body.revolt-curated #fundamentos .foundation-intro{
  max-width:500px!important;
  margin:0 0 4px!important;
  color:rgba(240,235,243,.72)!important;
  font-size:clamp(17px,1.25vw,21px)!important;
  line-height:1.5!important;
}
body.revolt-curated #fundamentos .foundation-divider{display:none!important}
body.revolt-curated #fundamentos .foundation-cards-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
}
body.revolt-curated #fundamentos .foundation-note{
  position:relative!important;
  display:grid!important;
  grid-template-columns:clamp(190px,16vw,255px) 1fr 58px!important;
  align-items:center!important;
  gap:clamp(20px,3.8vw,58px)!important;
  min-height:180px!important;
  margin:0!important;
  padding:24px 34px 24px 46px!important;
  overflow:hidden!important;
  color:#fff!important;
  background:#08070b!important;
  border:1px solid rgba(255,255,255,.32)!important;
  clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .3s ease,border-color .3s ease,transform .3s ease!important;
}
body.revolt-curated #fundamentos .foundation-note::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,rgba(255,0,140,.2),rgba(126,0,74,.28) 62%,rgba(255,0,140,.55))!important;
  opacity:0!important;
  transition:opacity .3s ease!important;
}
body.revolt-curated #fundamentos .foundation-note:first-child,
body.revolt-curated #fundamentos .foundation-note:hover,
body.revolt-curated #fundamentos .foundation-note:focus-within{
  border-color:#ff008c!important;
  background:linear-gradient(100deg,#110a13 0%,#160d19 48%,#320c29 82%,#4a0a35 100%)!important;
  transform:translateX(6px)!important;
}
body.revolt-curated #fundamentos .foundation-note:first-child::before,
body.revolt-curated #fundamentos .foundation-note:hover::before,
body.revolt-curated #fundamentos .foundation-note:focus-within::before{opacity:.22!important}
body.revolt-curated #fundamentos .foundation-index{
  position:relative!important;
  z-index:1!important;
  align-self:center!important;
  margin:0!important;
  color:#fff!important;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:clamp(78px,8vw,136px)!important;
  font-weight:700!important;
  line-height:.7!important;
  letter-spacing:-.08em!important;
  /* The approved reference uses clean numerals without the source hash. */
  font-size:0!important;
}
body.revolt-curated #fundamentos .foundation-index::after{
  display:block!important;
  font-size:clamp(78px,8vw,136px)!important;
  line-height:.7!important;
  letter-spacing:-.08em!important;
}
body.revolt-curated #fundamentos .foundation-index::before{
  content:""!important;
  position:absolute!important;
  top:8%!important;
  right:0!important;
  width:1px!important;
  height:84%!important;
  background:rgba(255,255,255,.42)!important;
}
body.revolt-curated #fundamentos .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
body.revolt-curated #fundamentos .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
body.revolt-curated #fundamentos .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
body.revolt-curated #fundamentos .foundation-note-content{position:relative!important;z-index:1!important;min-width:0!important}
body.revolt-curated #fundamentos .foundation-note h3{
  margin:0 0 14px!important;
  color:#fff!important;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-size:clamp(30px,2.7vw,48px)!important;
  font-weight:800!important;
  line-height:.9!important;
  letter-spacing:-.065em!important;
  text-transform:uppercase!important;
}
body.revolt-curated #fundamentos .foundation-note p{
  display:-webkit-box!important;
  max-width:720px!important;
  margin:0!important;
  overflow:hidden!important;
  color:rgba(242,237,245,.72)!important;
  font-size:16px!important;
  line-height:1.42!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
body.revolt-curated #fundamentos .foundation-note button{
  position:relative!important;
  z-index:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#fff!important;
  font-size:22px!important;
  clip-path:none!important;
  transition:background .25s ease,color .25s ease,transform .25s ease,border-color .25s ease!important;
}
body.revolt-curated #fundamentos .foundation-note button:hover,
body.revolt-curated #fundamentos .foundation-note button:focus-visible{
  background:#ff008c!important;
  border-color:#ff008c!important;
  color:#09070b!important;
  transform:rotate(45deg)!important;
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-heading{grid-template-columns:1fr!important;gap:26px!important}
  body.revolt-curated #fundamentos .foundation-intro{max-width:620px!important}
  body.revolt-curated #fundamentos .foundation-note{grid-template-columns:150px 1fr 50px!important;min-height:150px!important}
}
@media(max-width:640px){
  body.revolt-curated #fundamentos .foundation-shell{padding:78px 20px 96px!important}
  body.revolt-curated #fundamentos .foundation-title{font-size:clamp(46px,13vw,74px)!important;line-height:.9!important}
  body.revolt-curated #fundamentos .foundation-title span{white-space:normal!important}
  body.revolt-curated #fundamentos .foundation-intro{font-size:16px!important}
  body.revolt-curated #fundamentos .foundation-note{grid-template-columns:78px 1fr 42px!important;gap:14px!important;min-height:136px!important;padding:22px 16px 22px 18px!important}
  body.revolt-curated #fundamentos .foundation-index{font-size:0!important}
  body.revolt-curated #fundamentos .foundation-index::after{font-size:55px!important}
  body.revolt-curated #fundamentos .foundation-note h3{font-size:29px!important;margin-bottom:9px!important}
  body.revolt-curated #fundamentos .foundation-note p{font-size:12px!important;line-height:1.35!important}
  body.revolt-curated #fundamentos .foundation-note button{width:38px!important;height:38px!important;font-size:16px!important}
}

/* Interior skill titles use the same uppercase, two-line editorial system. */
.internal-page .ip-hero h1{
  max-width:10ch!important;
  font-family:"Space Grotesk",Arial,sans-serif!important;
  font-weight:700!important;
  line-height:.86!important;
  letter-spacing:-.065em!important;
  text-transform:uppercase!important;
}
.internal-page .ip-hero h1>span{
  display:block!important;
}
body:not(.contact-open) .header.header--minimal,body:not(.contact-open) .header.header--minimal.is-scroll-hidden{position:fixed!important;top:16px!important;display:flex!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important;z-index:2147483000!important}
body.contact-open .header.header--minimal{z-index:40!important;pointer-events:none!important}
body.contact-open .contact-backdrop{z-index:9000!important}
body.contact-open .contact-canvas.contact-v46{z-index:9001!important}
#servicios .home-skill-card,#reason.reason-section,#fundamentos{background:#08070b!important}
#fundamentos .foundation-note,#fundamentos .foundation-card{background:#08070b!important;background-image:none!important}
#inicio a[href="#servicios"],#impacto-metricas,#explora{background:#08070b!important;background-image:none!important}
#reason.reason-section::before,#reason.reason-section::after,#fundamentos::before,#fundamentos::after{background:none!important;background-image:none!important;opacity:0!important}
body #fundamentos,body #reason.reason-section,body #impacto-metricas,body #explora{background:#08070b!important;background-image:none!important}
body .foundations-section,body .reason-section{background:#08070b!important;background-image:none!important}
body section#fundamentos.foundations-section,body section#reason.reason-section{background-color:#08070b!important;background-image:none!important}
body section#explora,body section.explore-section{background-color:#08070b!important;background-image:none!important}
body section#conocimiento.explore-v38,body section#conocimiento.explore-v38::before,body section#conocimiento.explore-v38::after{background-color:#08070b!important;background-image:none!important}
#servicios,#fundamentos{scroll-margin-top:104px!important}

/* ===== FUNDAMENTOS / RIGHT-HAND EDITORIAL RAIL =====
   On desktop the chapter copy owns the left column while the three pillars
   become a deliberate right-hand rail. Each row receives its light only when
   it crosses the reading window during scroll. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-shell{
    display:grid!important;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    column-gap:clamp(30px,3vw,58px)!important;
    align-items:start!important;
  }
  body.revolt-curated #fundamentos .foundation-heading{
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    margin:0!important;
    align-self:start!important;
  }
  body.revolt-curated #fundamentos .foundation-heading .eyebrow{margin-bottom:28px!important}
  body.revolt-curated #fundamentos .foundation-title{
    max-width:100%!important;
    letter-spacing:-.105em!important;
  }
  body.revolt-curated #fundamentos .foundation-intro{
    max-width:470px!important;
    margin:clamp(36px,4vw,68px) 0 0!important;
  }
  body.revolt-curated #fundamentos .foundation-cards-row{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin-top:clamp(48px,4.2vw,78px)!important;
    gap:16px!important;
  }
  body.revolt-curated #fundamentos .foundation-note{
    grid-template-columns:minmax(0,1fr) 52px!important;
    gap:28px!important;
    padding-left:36px!important;
    padding-right:26px!important;
  }
  body.revolt-curated #fundamentos .foundation-note:first-child{
    border-color:rgba(255,255,255,.32)!important;
    background:#08070b!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-note:hover,
  body.revolt-curated #fundamentos .foundation-note:focus-within{
    border-color:rgba(255,0,140,.72)!important;
    background:#120b15!important;
    box-shadow:0 0 0 1px rgba(255,0,140,.2),0 0 34px rgba(255,0,140,.13)!important;
    transform:translateX(-4px)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview,
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview{
    border-color:#ff008c!important;
    background:#08070b!important;
    box-shadow:0 0 0 1px rgba(255,0,140,.23),0 0 38px rgba(255,0,140,.16)!important;
    transform:translateX(-4px)!important;
    animation:foundation-border-glow .85s ease both!important;
  }
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview{
    background:linear-gradient(100deg,#110a13 0%,#160d19 48%,#320c29 82%,#4a0a35 100%)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview::before,
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview::before{opacity:.22!important}
}
@keyframes foundation-border-glow{
  0%{border-color:rgba(255,255,255,.25);box-shadow:0 0 0 0 rgba(255,0,140,0)}
  55%{border-color:#ff008c;box-shadow:0 0 0 1px rgba(255,0,140,.38),0 0 42px rgba(255,0,140,.22)}
  100%{border-color:#ff008c;box-shadow:0 0 0 1px rgba(255,0,140,.23),0 0 38px rgba(255,0,140,.16)}
}
@media(prefers-reduced-motion:reduce){
  body.revolt-curated #fundamentos .foundation-note.is-inview{animation:none!important}
}

/* Foundations now borrow the large translucent card index from Skills. */
body.revolt-curated #fundamentos .foundation-index{
  display:none!important;
}
body.revolt-curated #fundamentos .foundation-note::after{
  position:absolute!important;
  z-index:0!important;
  top:-9%!important;
  right:-1.5%!important;
  color:rgba(239,0,140,.105)!important;
  font:700 clamp(138px,14vw,242px)/.8 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:-.12em!important;
  pointer-events:none!important;
  transition:color .45s ease,transform .45s ease!important;
}
body.revolt-curated #fundamentos .foundation-note:nth-child(1)::after{content:"01"!important}
body.revolt-curated #fundamentos .foundation-note:nth-child(2)::after{content:"02"!important}
body.revolt-curated #fundamentos .foundation-note:nth-child(3)::after{content:"03"!important}
body.revolt-curated #fundamentos .foundation-note.is-inview::after,
body.revolt-curated #fundamentos .foundation-note:hover::after,
body.revolt-curated #fundamentos .foundation-note:focus-within::after{
  color:rgba(239,0,140,.18)!important;
  transform:translateX(-4px)!important;
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-note{
    grid-template-columns:minmax(0,1fr) 50px!important;
    padding-left:28px!important;
  }
}

/* ===== FINAL / 03 COPY + 04 HORIZONTAL PILLARS ===== */
@media(min-width:981px){
  body.revolt-curated #reason .reason-editorial.reason-layout{
    width:100%!important;
    column-gap:32px!important;
    grid-template-columns:minmax(0,1fr) var(--reason-film-width) var(--reason-orbit-gutter)!important;
  }
  body.revolt-curated #reason .reason-copy-column{width:100%!important;max-width:none!important}
  body.revolt-curated #reason .reason-support,
  body.revolt-curated #reason .reason-lead{width:min(100%,420px)!important;max-width:420px!important;line-height:1.55!important}
  body.revolt-curated #reason .reason-stat--orbit,
  body.revolt-curated #reason .reason-stat--orbit::before,
  body.revolt-curated #reason .reason-stat--orbit::after{box-shadow:none!important}

  body.revolt-curated #fundamentos .foundation-cards-row{
    grid-column:1 / -1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:0!important;
    margin:0!important;
  }
  body.revolt-curated #fundamentos .foundation-cards-row::before,
  body.revolt-curated #fundamentos .foundation-rail-line,
  body.revolt-curated #fundamentos .foundation-rail-link{display:none!important}
  body.revolt-curated #fundamentos .foundation-note{
    display:grid!important;
    grid-template-columns:clamp(150px,13vw,220px) minmax(0,1fr) 64px!important;
    align-items:center!important;
    min-height:172px!important;
    padding:30px 38px!important;
    gap:34px!important;
    overflow:hidden!important;
    background:rgba(7,6,10,.74)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-note::before,
  body.revolt-curated #fundamentos .foundation-note::after{display:none!important}
  body.revolt-curated #fundamentos .foundation-index{
    display:block!important;position:relative!important;z-index:1!important;top:auto!important;left:auto!important;width:auto!important;margin:0!important;color:transparent!important;font-size:0!important;transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-index::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-index::after{
    display:block!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:clamp(88px,8.6vw,152px)!important;font-weight:700!important;line-height:.72!important;letter-spacing:-.1em!important;color:rgba(239,0,140,.18)!important;
  }
  body.revolt-curated #fundamentos .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
  body.revolt-curated #fundamentos .foundation-note-content{position:relative!important;z-index:1!important;margin:0!important;padding:0!important;max-width:68ch!important}
  body.revolt-curated #fundamentos .foundation-note h3{margin:0 0 10px!important;font-size:clamp(31px,2.6vw,48px)!important;line-height:.92!important}
  body.revolt-curated #fundamentos .foundation-note p{display:block!important;max-width:68ch!important;margin:0!important;overflow:visible!important;-webkit-line-clamp:unset!important;color:rgba(244,239,246,.82)!important;font-size:clamp(14px,1.02vw,18px)!important;line-height:1.45!important}
  body.revolt-curated #fundamentos .foundation-note button{position:relative!important;z-index:2!important;width:54px!important;height:54px!important;justify-self:end!important;border-color:rgba(255,255,255,.65)!important;background:transparent!important;color:#fff!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded{min-height:250px!important;border-color:#ff008c!important;background:linear-gradient(105deg,rgba(255,0,140,.12),rgba(7,6,10,.82) 48%,rgba(7,6,10,.72))!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded button{background:#ff008c!important;border-color:#ff008c!important;color:#08070b!important;transform:rotate(45deg)!important}
}

/* ===== REASON WHY / NARROW FILM + ORBIT =====
   Preserve the film's current height, reduce only its width, and let the
   360º marker deliberately break the outer edge of the picture. */
@media(min-width:981px){
  #reason.reason-section,
  #reason.reason-section .reason-editorial.reason-layout{overflow:visible!important}

  #reason .reason-editorial.reason-layout{
    --reason-film-width:clamp(400px,calc(var(--skills-workspace-width,620px) * .8),500px);
    --reason-orbit-gutter:144px;
    /* The third track is deliberately empty: it makes room for the dial,
       instead of asking it to overflow beyond the visible page edge. */
    grid-template-columns:minmax(0,1fr) var(--reason-film-width) var(--reason-orbit-gutter)!important;
  }
  #reason .reason-video-slot{
    grid-column:2!important;
    width:var(--reason-film-width)!important;
    justify-self:end!important;
  }

  #reason .reason-stat--orbit{
    /* 25% of the dial overlaps the film; the rest lives beyond its right edge. */
    z-index:8!important;
    /* 48px of the 192px dial enters the film; the remaining three quarters
       sit in the reserved track. The grid's 40px visual inset is included. */
    left:calc(100% - var(--reason-orbit-gutter) + 8px)!important;
    top:50%!important;
    width:192px!important;
    height:192px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(255,0,140,.9)!important;
    background:rgba(9,7,12,.64)!important;
    box-shadow:0 0 0 1px rgba(255,0,140,.16),0 0 32px rgba(255,0,140,.28),inset 0 0 28px rgba(255,0,140,.09)!important;
  }
  #reason .reason-stat--orbit::before{
    inset:12px!important;
    border-color:rgba(255,0,140,.68)!important;
    box-shadow:inset 0 0 20px rgba(255,0,140,.08)!important;
    animation:reason-proposal-ring-spin 10s linear infinite!important;
  }
  #reason .reason-stat--orbit::after{
    width:16px!important;
    height:16px!important;
    top:50%!important;
    left:50%!important;
    background:#ff008c!important;
    box-shadow:0 0 0 4px rgba(8,7,11,.82),0 0 22px 5px rgba(255,0,140,.92)!important;
    transform:translate(-50%,-50%) rotate(0deg) translateX(84px)!important;
    transform-origin:center!important;
    animation:reason-orbit-dot-192 6.5s linear infinite!important;
  }
  #reason .reason-stat--orbit strong{
    color:#ff008c!important;
    font-size:46px!important;
    text-shadow:0 0 18px rgba(255,0,140,.35)!important;
  }
}

@keyframes reason-orbit-dot-192{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(84px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(84px)}
}

@media(prefers-reduced-motion:reduce){
  #reason .reason-stat--orbit::after{
    animation:none!important;
    transform:translate(-50%,-50%) translateX(84px)!important;
  }
}

/* Resolve the legacy chapter overrides with the same curated specificity.
   The dial must calculate against the full editorial canvas, never against
   the old zero-width support grid. */
@media(min-width:981px){
  body.revolt-curated #reason .reason-editorial.reason-layout{
    /* Reserve the orbit track inside the visible editorial canvas. */
    /* The film keeps its left edge and grows into the approved orange extension. */
    /* Exact rendered width of the Skills CTA action — no inferred gutters. */
    --reason-film-width:var(--skills-cta-width,calc(var(--skills-workspace-width,745px) - 96px));
    --reason-dial-size:clamp(136px,11.2vw,216px);
    width:calc(100% - var(--reason-orbit-gutter))!important;
    margin-left:0!important;
    margin-right:auto!important;
    /* Keep the editorial breathing room visible between the narrative and film. */
    column-gap:clamp(92px,10.4vw,200px)!important;
    grid-template-columns:minmax(0,1fr) var(--reason-film-width) var(--reason-orbit-gutter)!important;
  }
  body.revolt-curated #reason .reason-bottom-grid{display:contents!important}
  body.revolt-curated #reason .reason-video-slot{
    /* Do not let the legacy 2 / 4 span consume the orbit track. */
    grid-column:2!important;
    width:var(--reason-film-width)!important;
    justify-self:end!important;
    /* Its actual horizontal position is measured in final-ui.js against the
       live CTA guide. Do not approximate the guide with a viewport offset. */
    transform:none!important;
    /* The position is a layout guide, never an entrance animation. */
    transition:none!important;
    animation:none!important;
  }
  body.revolt-curated #reason .reason-stat--orbit{
    z-index:8!important;
    /* The dial now sits beside the film, matching the approved composition. */
    /* Follow the added film width, keeping the same controlled overlap. */
    left:calc(100% - var(--reason-orbit-gutter) + 213px)!important;
    top:50%!important;
    width:var(--reason-dial-size)!important;
    height:var(--reason-dial-size)!important;
    transform:translate(-50%,-50%)!important;
    border-color:rgba(239,0,140,.72)!important;
    background:rgba(9,7,12,.64)!important;
    box-shadow:0 0 0 1px rgba(255,0,140,.16),0 0 32px rgba(255,0,140,.28),inset 0 0 28px rgba(255,0,140,.09)!important;
  }
  body.revolt-curated #reason .reason-stat--orbit::before{
    inset:12px!important;
    border-color:rgba(239,0,140,.68)!important;
    box-shadow:inset 0 0 20px rgba(255,0,140,.08)!important;
    animation:reason-proposal-ring-spin 10s linear infinite!important;
  }
  body.revolt-curated #reason .reason-stat--orbit::after{
    width:clamp(12px,.72vw,14px)!important;
    height:clamp(12px,.72vw,14px)!important;
    top:50%!important;
    left:50%!important;
    background:#ff008c!important;
    box-shadow:0 0 0 4px rgba(8,7,11,.82),0 0 22px 5px rgba(255,0,140,.92)!important;
    transform:translate(-50%,-50%) rotate(0deg) translateX(calc(var(--reason-dial-size)/2 - 12px))!important;
    transform-origin:center!important;
    animation:reason-orbit-dot-fluid 6.5s linear infinite!important;
  }
  body.revolt-curated #reason .reason-stat--orbit strong{
    color:#ff008c!important;
    font-size:clamp(36px,3.3vw,58px)!important;
    text-shadow:0 0 18px rgba(255,0,140,.35)!important;
  }
}

@keyframes reason-orbit-dot-fluid{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(calc(var(--reason-dial-size)/2 - 12px))}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(calc(var(--reason-dial-size)/2 - 12px))}
}
@media(max-width:640px){
  body.revolt-curated #fundamentos .foundation-note{
    grid-template-columns:minmax(0,1fr) 42px!important;
    padding-left:18px!important;
  }
}

/* Share the exact dark-glass material language used by the Skills CTAs. */
body.revolt-curated #fundamentos .foundation-note{
  background:rgba(6,5,8,.66)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(24px) saturate(128%)!important;
  backdrop-filter:blur(24px) saturate(128%)!important;
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),inset 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.2)!important;
}
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-note:first-child{
    background:rgba(6,5,8,.66)!important;
    border-color:rgba(255,255,255,.16)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.17),inset 1px 0 rgba(255,255,255,.06),0 24px 60px rgba(0,0,0,.2)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview,
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview{
    background:linear-gradient(108deg,rgba(255,0,140,.09),rgba(6,5,8,.7) 42%,rgba(6,5,8,.66))!important;
    border-color:rgba(255,0,140,.78)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.17),inset 1px 0 rgba(255,0,140,.3),0 0 0 1px rgba(255,0,140,.15),0 0 38px rgba(255,0,140,.14),0 24px 60px rgba(0,0,0,.2)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview::before,
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview::before{opacity:.12!important}
}
#servicios .home-skill-card>img{display:none!important}
#servicios .home-skill-card img{display:block!important;visibility:visible!important}
#servicios .home-skill-card.loop-clone img{opacity:0!important}
#servicios .home-skill-card,#servicios .home-skill-card.is-current{border-color:rgba(255,255,255,.16)!important}
#servicios .home-skill-number{border-color:rgba(255,255,255,.2)!important;color:rgba(255,255,255,.68)!important}
#servicios .home-skill-card.is-current .home-skill-number{background:#ef008c!important;border-color:#ef008c!important;color:#fff!important}
#servicios .home-skill-links a{border-color:rgba(255,255,255,.18)!important;background:transparent!important}
#servicios .home-skill-links a:hover,#servicios .home-skill-links a:focus-visible{border-color:rgba(255,255,255,.18)!important;background:#ef008c!important}

/* Approved 03 / Reason Why composition — proposal C with the editorial orbit of B.
   The live video stays intact; only the hierarchy and spatial order change. */
@media(min-width:981px){
  #reason.reason-section{
    min-height:clamp(860px,105vh,1280px)!important;
    padding-top:clamp(86px,10vw,156px)!important;
    padding-bottom:clamp(88px,11vw,178px)!important;
  }
  #reason .reason-editorial.reason-layout{
    position:relative!important;
    width:min(100%,var(--content-max,1680px))!important;
    max-width:1680px!important;
    min-height:clamp(660px,78vh,940px)!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(0,1fr) minmax(320px,var(--skills-workspace-width,620px))!important;
    grid-template-rows:auto 1fr auto!important;
    gap:28px var(--skills-shell-gap,48px)!important;
    align-items:stretch!important;
  }
  body.revolt-curated #reason .reason-copy-column{
    grid-column:1!important;
    grid-row:2!important;
    align-self:end!important;
    width:min(100%,465px)!important;
    max-width:465px!important;
    padding-bottom:0!important;
    position:static!important;
    margin-bottom:25px!important;
  }
  body.revolt-curated #reason .reason-copy-column .reason-kicker{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:auto!important;
    margin:0!important;
  }
  body.revolt-curated #reason .reason-main h2.reason-title{
    max-width:none!important;
    font-size:clamp(44px,5.15vw,94px)!important;
    line-height:.86!important;
    letter-spacing:-.07em!important;
  }
  body.revolt-curated #reason .reason-main .reason-title-line{white-space:normal!important}
  #reason .reason-main{position:static!important;transform:none!important}
  #reason .reason-title,
  #reason .reason-support{transform:none!important}
  #reason .reason-support,
  #reason .reason-lead{
    width:min(100%,360px)!important;
    max-width:360px!important;
    margin-left:0!important;
  }
  #reason .reason-support{margin-top:28px!important}
  #reason .reason-bottom-grid{
    position:static!important;
    display:block!important;
    width:0!important;
    height:0!important;
    margin:0!important;
  }
  /* The approved C composition carries one concise supporting paragraph. */
  #reason .reason-secondary{display:none!important}
  #reason .reason-stat--orbit{
    position:absolute!important;
    z-index:3!important;
    left:48%!important;
    top:46%!important;
    display:grid!important;
    place-items:center!important;
    width:116px!important;
    height:116px!important;
    min-width:0!important;
    margin:0!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(239,0,140,.45)!important;
    border-radius:50%!important;
    animation:none!important;
  }
  #reason .reason-stat--orbit .reason-stat-orbit-art{display:none!important}
  #reason .reason-stat--orbit::before{content:""!important;position:absolute!important;inset:10px!important;border:1px dashed rgba(255,255,255,.35)!important;border-radius:inherit!important;animation:reason-proposal-ring-spin 13s linear infinite!important}
  #reason .reason-stat--orbit::after{content:""!important;position:absolute!important;width:8px!important;height:8px!important;border-radius:50%!important;background:var(--pink,#ef008c)!important;top:-4px!important;left:50%!important;box-shadow:0 0 18px var(--pink,#ef008c)!important}
  #reason .reason-stat--orbit strong{position:relative!important;z-index:1!important;font-size:30px!important;line-height:1!important;letter-spacing:-.08em!important;animation:none!important}
  #reason .reason-stat--orbit strong span{font-size:.58em!important;vertical-align:top!important}
  #reason .reason-stat--orbit small{display:none!important}
  #reason .reason-video-slot{
    grid-column:2!important;
    grid-row:2 / 4!important;
    align-self:start!important;
    justify-self:end!important;
    width:100%!important;
    padding-top:0!important;
    height:calc(100% + 128px)!important;
    transform:translateY(-96px)!important;
  }
  #reason .reason-video-frame{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    aspect-ratio:auto!important;
  }
  #reason .reason-loop-video{height:100%!important}
}

@keyframes reason-proposal-ring-spin{to{transform:rotate(360deg)}}
@keyframes reason-orbit-dot{
  from{transform:translate(-50%,-50%) rotate(0deg) translateX(76px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateX(76px)}
}

/* Keep the quote on the same quiet black as the browser chrome. The author
   portrait remains intact; only the decorative central aura is removed. */
body.revolt-curated #filosofia,
body.revolt-curated #filosofia .heidegger-quote,
body.revolt-curated #filosofia .quote-body,
body.revolt-curated #filosofia .heidegger-author{
  background-color:#08070b!important;
  background-image:none!important;
}
body.revolt-curated #filosofia .quote-aura,
body.revolt-curated #filosofia::before,
body.revolt-curated #filosofia::after,
body.revolt-curated #filosofia .heidegger-quote::before,
body.revolt-curated #filosofia .heidegger-quote::after{
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* Registered mask channels let the animated reveal pass through the site's
   existing !important clip-path inheritance rule without losing interpolation. */
@property --reason-mask-v{syntax:"<percentage>";inherits:false;initial-value:36%}
@property --reason-mask-h{syntax:"<percentage>";inherits:false;initial-value:19%}
@property --reason-mask-radius{syntax:"<length>";inherits:false;initial-value:46px}
@property --reason-mask-scale{syntax:"<number>";inherits:false;initial-value:.94}
@property --reason-mask-opacity{syntax:"<number>";inherits:false;initial-value:.92}

/* Show the complete 3:4 Reason Why film at the CTA width. The source video
   is portrait (834x1112), so the frame follows that ratio instead of
   stretching to the grid height and cropping the top/bottom of the scene. */
@media(min-width:981px){
  /* Keep the portrait video and editorial copy in one row. The lower edge
     space becomes part of the film so it lands directly on the next section,
     while the copy anchors to the video's lower edge. */
  #reason.reason-section{
    --reason-edge-space:clamp(86px,9vw,136px);
    min-height:0!important;
    padding-top:var(--reason-edge-space)!important;
    padding-bottom:0!important;
  }
  #reason .reason-editorial.reason-layout{
    min-height:0!important;
    grid-template-rows:auto!important;
  }
  body.revolt-curated #reason .reason-copy-column{
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    transform:none!important;
    position:static!important;
  }
  body.revolt-curated #reason .reason-copy-column .reason-kicker{
    position:absolute!important;
    top:0!important;
    left:0!important;
    margin:0!important;
  }
  #reason .reason-video-slot{
    grid-row:1!important;
    height:auto!important;
    min-height:0!important;
    transform:none!important;
  }
  #reason .reason-video-frame{
    width:100%!important;
    /* Keep the CTA width, but trim the portrait length so Reason Why has
       the same visual weight as the neighboring sections. */
    height:calc(clamp(560px,calc(var(--skills-workspace-width,620px) * 1.15),720px) + var(--reason-edge-space))!important;
    aspect-ratio:auto!important;
    max-height:none!important;
    overflow:hidden!important;
    clip-path:none!important;
    border-radius:0!important;
  }
  #reason .reason-loop-video{
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
  }
  #reason .reason-stat--orbit{
    width:160px!important;
    height:160px!important;
  }
  #reason .reason-stat--orbit strong{font-size:40px!important}
  #reason .reason-stat--orbit::after{
    top:50%!important;
    left:50%!important;
    transform:translate(-50%,-50%) rotate(0deg) translateX(76px);
    transform-origin:center center!important;
    animation:reason-orbit-dot 8s linear infinite!important;
  }

  /* Match both chapter titles to the Hero's display scale. */
  body.revolt-curated #reason .reason-main h2.reason-title{
    font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;
    line-height:.95!important;
    letter-spacing:-.095em!important;
  }
  body.revolt-curated #reason .reason-main .reason-title-line{display:block!important;white-space:nowrap!important}
  body.revolt-curated #conocimiento.explore-v38 .explore-v38__title-block h2{
    font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;
    line-height:.95!important;
    letter-spacing:-.05em!important;
  }

  /* Reveal the film as an editorial image mask: a restrained rounded frame
     blooms from the centre into the complete video. The outer frame keeps
     the button-like diagonal cuts, while the media itself opens cleanly. */
  #reason .reason-video-frame{
    clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)!important;
    opacity:1;
    transform:none;
    will-change:opacity;
  }
  #reason .reason-video-frame video.reason-loop-video{
    clip-path:inset(var(--reason-mask-v) var(--reason-mask-h) round var(--reason-mask-radius))!important;
    transform:scale(var(--reason-mask-scale))!important;
    opacity:var(--reason-mask-opacity)!important;
    will-change:transform,clip-path,opacity;
  }
  #reason.is-inview .reason-video-frame video.reason-loop-video{
    animation:reason-video-mask-reveal 1.25s cubic-bezier(.22,.8,.22,1) .08s forwards;
  }
  @keyframes reason-video-mask-reveal{
    0%{
      --reason-mask-v:36%;
      --reason-mask-h:19%;
      --reason-mask-radius:46px;
      --reason-mask-scale:.94;
      --reason-mask-opacity:.92;
    }
    100%{
      --reason-mask-v:0%;
      --reason-mask-h:0%;
      --reason-mask-radius:0px;
      --reason-mask-scale:1;
      --reason-mask-opacity:1;
    }
  }
}

@media(prefers-reduced-motion:reduce){
  #reason .reason-video-frame{
    opacity:1!important;
    transform:none!important;
    clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)!important;
    animation:none!important;
  }
  #reason .reason-video-frame video.reason-loop-video{
    clip-path:inset(0)!important;
    transform:none!important;
    opacity:1!important;
    animation:none!important;
  }
  #reason .reason-stat--orbit::after{
    animation:none!important;
    transform:translate(-50%,-50%) translateX(76px)!important;
  }
}

@media(max-width:980px){
  #reason .reason-stat--orbit{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin-top:28px!important}
}

/* Final 360 refinement: the dot rides the outer rail (rather than sitting
   inside it), while the dial stays compact and the figure remains readable. */
@media(min-width:981px){
  body.revolt-curated #reason .reason-editorial.reason-layout{
    --reason-dial-size:clamp(106px,8.64vw,166px);
  }
  body.revolt-curated #reason .reason-stat--orbit strong{
    color:#fff!important;
    font-size:clamp(31px,2.7vw,47px)!important;
    text-shadow:0 1px 12px rgba(0,0,0,.48)!important;
  }
  body.revolt-curated #reason .reason-stat--orbit::after{
    /* The angle is driven by the live dial controller, making the orbit
       reliable even in browsers that reduce CSS keyframe motion. */
    animation:none!important;
    transform:translate(-50%,-50%) rotate(var(--reason-orbit-angle,0deg)) translateX(calc(var(--reason-dial-size) / 2 - 5px))!important;
  }
}
@keyframes reason-orbit-dot-live{
  from{transform:translate(-50%,-50%) rotate(0turn) translateX(calc(var(--reason-dial-size) / 2 - 5px)) rotate(0turn)}
  to{transform:translate(-50%,-50%) rotate(1turn) translateX(calc(var(--reason-dial-size) / 2 - 5px)) rotate(-1turn)}
}

/* Home chapter 01 uses the same editorial marker as the following chapters. */
#inicio.hero .home-hero-index{
  display:block!important;
  width:auto!important;
  height:auto!important;
  color:#ef008c!important;
}
#inicio.hero .home-hero-index span{
  display:block!important;
  margin:0!important;
  color:#ef008c!important;
  font:600 12px/1.2 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:.18em!important;
  text-align:right!important;
  white-space:nowrap!important;
}
@media(min-width:701px){
  /* Keep the original editorial column so later sections retain their guide. */
  body.revolt-curated #inicio .hero-left h1>span.hero-dimensions-line{
    font-size:clamp(58px,8.2vw,146px)!important;
    line-height:.76!important;
    letter-spacing:-.078em!important;
  }
}
@media(max-width:700px){
  #inicio.hero .home-hero-index{
    display:block!important;
    top:clamp(98px,12vh,125px)!important;
    right:24px!important;
  }
  body.revolt-curated #inicio .hero-left h1>span.hero-dimensions-line{
    font-size:clamp(46px,14vw,82px)!important;
    line-height:.76!important;
    letter-spacing:-.078em!important;
  }
}

/* Place the Reason Why narrative at mid-height without centering its text. */
@media(min-width:981px){
  body.revolt-curated #reason .reason-copy-column{
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
    text-align:left!important;
  }
  body.revolt-curated #reason .reason-main h2.reason-title{text-align:left!important}
  body.revolt-curated #reason .reason-support,
  body.revolt-curated #reason .reason-lead{
    width:min(100%,420px)!important;
    max-width:420px!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
  }
}

/* Hero entrance: each editorial line drops into place in sequence. */
body.revolt-curated #inicio .hero-left h1{
  perspective:900px!important;
  overflow:visible!important;
}
body.revolt-curated #inicio .hero-left h1>span{
  display:block!important;
  opacity:0;
  transform:translate3d(0,-1.2em,0) rotateX(-68deg);
  transform-origin:50% 0%;
  animation:none!important;
  will-change:transform,opacity;
}
body.revolt-curated #inicio.hero.is-home-dimensions-ready .hero-left h1>span{
  animation:hero-line-drop .86s cubic-bezier(.2,.78,.22,1) forwards!important;
}
body.revolt-curated #inicio.hero.is-home-dimensions-ready .hero-left h1>span:nth-child(1){animation-delay:.18s!important}
body.revolt-curated #inicio.hero.is-home-dimensions-ready .hero-left h1>span:nth-child(2){animation-delay:.38s!important}
body.revolt-curated #inicio.hero.is-home-dimensions-ready .hero-left h1>span:nth-child(3){animation-delay:.58s!important}
@keyframes hero-line-drop{
  0%{opacity:0;transform:translate3d(0,-1.2em,0) rotateX(-68deg)}
  65%{opacity:1}
  100%{opacity:1;transform:translate3d(0,0,0) rotateX(0)}
}

/* DIMENSIONES carries the fuchsia gradient and a periodic light sweep. */
body.revolt-curated #inicio .hero-left h1 .hero-dimensions-word{
  display:inline-block!important;
  font-style:normal!important;
  background:linear-gradient(110deg,#ae005f 0%,#f0008c 32%,#ffd2eb 49%,#ff0b9d 63%,#a60061 100%)!important;
  background-size:260% 100%!important;
  background-position:0% 50%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  animation:hero-dimensions-reflect 6.4s ease-in-out 1.1s infinite!important;
  will-change:background-position;
}
@keyframes hero-dimensions-reflect{
  0%,58%,100%{background-position:0% 50%}
  74%{background-position:100% 50%}
}

@media(prefers-reduced-motion:reduce){
  body.revolt-curated #inicio .hero-left h1>span{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
  body.revolt-curated #inicio .hero-left h1 .hero-dimensions-word{
    animation:none!important;
    background-position:50% 50%!important;
  }
}

/* ===== FUNDAMENTOS / CONNECTED PILLAR RAIL =====
   Keeps the approved editorial copy column intact. Only the right-hand
   pillars receive the connected, indexed treatment. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-cards-row{
    position:relative!important;
    padding-left:62px!important;
    gap:22px!important;
  }
  body.revolt-curated #fundamentos .foundation-cards-row::before{
    content:""!important;
    position:absolute!important;
    z-index:0!important;
    top:44px!important;
    bottom:44px!important;
    left:18px!important;
    width:1px!important;
    background:linear-gradient(to bottom,rgba(255,0,140,.18),rgba(255,255,255,.2) 34%,rgba(255,255,255,.2) 66%,rgba(255,0,140,.18))!important;
  }
  body.revolt-curated #fundamentos .foundation-note{
    min-height:174px!important;
    grid-template-columns:minmax(0,1fr) 50px!important;
    gap:22px!important;
    padding:28px 24px 28px 0!important;
    overflow:hidden!important;
    background:rgba(6,5,8,.7)!important;
    border-color:rgba(255,255,255,.2)!important;
    clip-path:polygon(18px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 18px) 100%,0 100%,0 18px)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.16),inset 1px 0 rgba(255,255,255,.05),0 20px 48px rgba(0,0,0,.18)!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-note::before{
    content:""!important;
    z-index:3!important;
    inset:auto!important;
    left:0!important;
    top:50%!important;
    width:20px!important;
    height:2px!important;
    background:rgba(255,255,255,.36)!important;
    opacity:1!important;
    transform:translateY(-50%)!important;
    transition:background .3s ease,box-shadow .3s ease!important;
  }
  body.revolt-curated #fundamentos .foundation-index{
    display:block!important;
    position:absolute!important;
    z-index:4!important;
    top:50%!important;
    left:20px!important;
    width:48px!important;
    margin:0!important;
    color:rgba(255,255,255,.62)!important;
    font-family:"Space Grotesk",Arial,sans-serif!important;
    font-size:0!important;
    font-weight:700!important;
    line-height:1!important;
    letter-spacing:.08em!important;
    transform:translateY(-50%)!important;
  }
  body.revolt-curated #fundamentos .foundation-index::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-index::after{
    display:block!important;
    font-size:11px!important;
    line-height:1!important;
    letter-spacing:.08em!important;
  }
  body.revolt-curated #fundamentos .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
  body.revolt-curated #fundamentos .foundation-note-content{
    z-index:2!important;
    margin-left:92px!important;
    padding-right:18px!important;
  }
  body.revolt-curated #fundamentos .foundation-note h3{
    margin:0 0 12px!important;
    font-size:clamp(31px,2.2vw,42px)!important;
    line-height:.9!important;
    letter-spacing:-.07em!important;
  }
  body.revolt-curated #fundamentos .foundation-note p{
    display:block!important;
    max-width:38ch!important;
    overflow:visible!important;
    color:rgba(244,239,246,.76)!important;
    font-size:clamp(13px,.89vw,16px)!important;
    line-height:1.45!important;
    -webkit-line-clamp:unset!important;
  }
  body.revolt-curated #fundamentos .foundation-note button{
    z-index:4!important;
    width:48px!important;
    height:48px!important;
    border-color:rgba(255,255,255,.48)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview,
  body.revolt-curated #fundamentos .foundation-note:first-child.is-inview,
  body.revolt-curated #fundamentos .foundation-note:hover,
  body.revolt-curated #fundamentos .foundation-note:focus-within{
    background:linear-gradient(105deg,rgba(255,0,140,.10),rgba(6,5,8,.75) 38%,rgba(6,5,8,.7))!important;
    border-color:rgba(255,0,140,.78)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.18),inset 1px 0 rgba(255,0,140,.3),0 0 0 1px rgba(255,0,140,.13),0 0 38px rgba(255,0,140,.13),0 20px 48px rgba(0,0,0,.2)!important;
    transform:none!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview::before,
  body.revolt-curated #fundamentos .foundation-note:hover::before,
  body.revolt-curated #fundamentos .foundation-note:focus-within::before{
    background:#ff008c!important;
    box-shadow:0 0 0 5px #08070b,0 0 0 6px rgba(255,0,140,.75),0 0 20px rgba(255,0,140,.65)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview .foundation-index,
  body.revolt-curated #fundamentos .foundation-note:hover .foundation-index,
  body.revolt-curated #fundamentos .foundation-note:focus-within .foundation-index{color:#ff008c!important}
  body.revolt-curated #fundamentos .foundation-note::after{
    top:-13%!important;
    right:2%!important;
    color:rgba(255,255,255,.055)!important;
    font-size:clamp(126px,12vw,218px)!important;
  }
  body.revolt-curated #fundamentos .foundation-note.is-inview::after,
  body.revolt-curated #fundamentos .foundation-note:hover::after,
  body.revolt-curated #fundamentos .foundation-note:focus-within::after{color:rgba(239,0,140,.16)!important}
}

/* The rail is a connector between the three pillars, never a decorative
   divider. Its position is measured from the actual card centres in JS. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-cards-row::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-rail-line{
    position:absolute!important;
    z-index:1!important;
    left:18px!important;
    width:1px!important;
    background:linear-gradient(to bottom,rgba(255,0,140,.32),rgba(255,255,255,.28) 24%,rgba(255,255,255,.28) 76%,rgba(255,0,140,.32))!important;
    pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-rail-link{
    position:absolute!important;
    z-index:3!important;
    left:18px!important;
    width:44px!important;
    height:1px!important;
    background:rgba(255,255,255,.34)!important;
    pointer-events:none!important;
    transition:background .35s ease,box-shadow .35s ease!important;
  }
  body.revolt-curated #fundamentos .foundation-rail-link::before{
    content:""!important;
    position:absolute!important;
    left:-4px!important;
    top:50%!important;
    width:8px!important;
    height:8px!important;
    border:1px solid rgba(255,255,255,.54)!important;
    border-radius:50%!important;
    background:#08070b!important;
    transform:translateY(-50%)!important;
    transition:background .35s ease,border-color .35s ease,box-shadow .35s ease!important;
  }
  body.revolt-curated #fundamentos .foundation-rail-link.is-active{
    background:#ff008c!important;
    box-shadow:0 0 14px rgba(255,0,140,.6)!important;
  }
  body.revolt-curated #fundamentos .foundation-rail-link.is-active::before{
    border-color:#ff008c!important;
    background:#ff008c!important;
    box-shadow:0 0 0 5px #08070b,0 0 0 6px rgba(255,0,140,.55),0 0 18px rgba(255,0,140,.72)!important;
  }
  body.revolt-curated #fundamentos .foundation-note{
    clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)!important;
  }
  body.revolt-curated #fundamentos .foundation-note::before,
  body.revolt-curated #fundamentos .foundation-index{display:none!important}
  body.revolt-curated #fundamentos .foundation-note-content{
    margin-left:46px!important;
  }
}

/* ===== FUNDAMENTOS / SPLIT COPY HIERARCHY =====
   The chapter title owns the left column. The contextual paragraph introduces
   the connected pillar rail from the top of the right column. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-shell{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    column-gap:clamp(34px,3.6vw,68px)!important;
    row-gap:clamp(28px,2.5vw,46px)!important;
  }
  body.revolt-curated #fundamentos .foundation-heading{display:contents!important}
  body.revolt-curated #fundamentos .foundation-heading-copy{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }
  body.revolt-curated #fundamentos .foundation-intro{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    max-width:510px!important;
    margin:0!important;
    padding-top:clamp(44px,5vw,92px)!important;
    color:rgba(244,239,246,.78)!important;
    font-size:clamp(17px,1.22vw,21px)!important;
    line-height:1.5!important;
  }
  body.revolt-curated #fundamentos .foundation-cards-row{
    grid-column:2!important;
    grid-row:2!important;
    margin-top:0!important;
    align-self:start!important;
  }
}

/* Final overrides for the approved stacked composition. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{position:absolute!important;top:0!important;left:8px!important;z-index:5!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:clamp(64px,8vw,108px)!important;line-height:.82!important;color:rgba(255,0,140,.32)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{position:absolute!important;top:0!important;left:52%!important;right:82px!important;margin:0!important;font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;line-height:.95!important;letter-spacing:-.095em!important;white-space:nowrap!important;overflow:visible!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content p{display:block!important;position:absolute!important;left:52%!important;right:82px!important;top:auto!important;bottom:28px!important;max-width:62ch!important;margin:0!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{position:absolute!important;top:7px!important;right:18px!important;z-index:6!important;grid-column:auto!important;grid-row:auto!important;pointer-events:auto!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:50vh!important;left:34vw!important;z-index:1!important;width:clamp(290px,27vw,390px)!important;height:clamp(290px,27vw,390px)!important;border:0!important;background:#08070b!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important;top:calc(50vh + clamp(150px,14vw,205px))!important;left:34vw!important;width:clamp(290px,27vw,390px)!important}
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:0!important;left:50%!important;width:min(76vw,330px)!important;height:min(76vw,330px)!important;border:0!important;background:#08070b!important;transform:translateX(-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important}
}

/* Final composition: each overlapping panel keeps its title in the exposed
   header strip, while its number anchors left and its copy rests near bottom. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{position:absolute!important;top:0!important;left:8px!important;z-index:5!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:clamp(64px,8vw,108px)!important;line-height:.82!important;color:rgba(255,0,140,.32)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{position:absolute!important;top:0!important;left:52%!important;right:82px!important;margin:0!important;font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;line-height:.95!important;letter-spacing:-.095em!important;white-space:nowrap!important;overflow:visible!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content p{display:block!important;position:absolute!important;left:52%!important;right:82px!important;top:auto!important;bottom:28px!important;max-width:62ch!important;margin:0!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{position:absolute!important;top:7px!important;right:18px!important;z-index:6!important;grid-column:auto!important;grid-row:auto!important;pointer-events:auto!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:50vh!important;left:34vw!important;z-index:1!important;width:clamp(290px,27vw,390px)!important;height:clamp(290px,27vw,390px)!important;border:0!important;background:transparent!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important;top:calc(50vh + clamp(150px,14vw,205px))!important;left:34vw!important;width:clamp(290px,27vw,390px)!important}
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:0!important;left:50%!important;width:min(76vw,330px)!important;height:min(76vw,330px)!important;border:0!important;background:transparent!important;transform:translateX(-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important}
}

/* ===== FINAL 92 / WIDE PILLAR ACCORDION ===== */
@media(min-width:981px){
  body.revolt-curated #reason .reason-editorial.reason-layout{width:100%!important;column-gap:32px!important;grid-template-columns:minmax(0,1fr) var(--reason-film-width) var(--reason-orbit-gutter)!important}
  body.revolt-curated #reason .reason-copy-column{width:100%!important;max-width:none!important}
  body.revolt-curated #reason .reason-support,body.revolt-curated #reason .reason-lead{width:min(100%,420px)!important;max-width:420px!important;line-height:1.55!important}
  body.revolt-curated #reason .reason-stat--orbit,body.revolt-curated #reason .reason-stat--orbit::before,body.revolt-curated #reason .reason-stat--orbit::after{box-shadow:none!important}

  body.revolt-curated #fundamentos .foundation-cards-row{grid-column:1 / -1!important;grid-row:2!important;display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:0!important;margin:0!important}
  body.revolt-curated #fundamentos .foundation-cards-row::before,body.revolt-curated #fundamentos .foundation-rail-line,body.revolt-curated #fundamentos .foundation-rail-link{display:none!important}
  body.revolt-curated #fundamentos .foundation-note{display:grid!important;grid-template-columns:clamp(150px,13vw,220px) minmax(0,1fr) 64px!important;align-items:center!important;min-height:172px!important;padding:30px 38px!important;gap:34px!important;overflow:hidden!important;background:rgba(7,6,10,.74)!important;border:1px solid rgba(255,255,255,.22)!important;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)!important;box-shadow:none!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-note::before,body.revolt-curated #fundamentos .foundation-note::after{display:none!important}
  body.revolt-curated #fundamentos .foundation-index{display:block!important;position:relative!important;z-index:1!important;top:auto!important;left:auto!important;width:auto!important;margin:0!important;color:transparent!important;font-size:0!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-index::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-index::after{display:block!important;font-family:"Space Grotesk",Arial,sans-serif!important;font-size:clamp(88px,8.6vw,152px)!important;font-weight:700!important;line-height:.72!important;letter-spacing:-.1em!important;color:rgba(239,0,140,.18)!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
  body.revolt-curated #fundamentos .foundation-note-content{position:relative!important;z-index:1!important;margin:0!important;padding:0!important;max-width:68ch!important}
  body.revolt-curated #fundamentos .foundation-note h3{margin:0 0 10px!important;font-size:clamp(31px,2.6vw,48px)!important;line-height:.92!important}
  body.revolt-curated #fundamentos .foundation-note p{display:block!important;max-width:68ch!important;margin:0!important;overflow:visible!important;-webkit-line-clamp:unset!important;color:rgba(244,239,246,.82)!important;font-size:clamp(14px,1.02vw,18px)!important;line-height:1.45!important}
  body.revolt-curated #fundamentos .foundation-note button{position:relative!important;z-index:2!important;width:54px!important;height:54px!important;justify-self:end!important;border-color:rgba(255,255,255,.65)!important;background:transparent!important;color:#fff!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded{min-height:250px!important;border-color:#ff008c!important;background:linear-gradient(105deg,rgba(255,0,140,.12),rgba(7,6,10,.82) 48%,rgba(7,6,10,.72))!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded button{background:#ff008c!important;border-color:#ff008c!important;color:#08070b!important;transform:rotate(45deg)!important}
}

/* ===== FINAL 94 / FUNDAMENTOS — 25% NEUTRAL OFFSET =====
   The title remains on the left. The pillar rail begins precisely one quarter
   into the shared content width, creating a calm, intentional reading field. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-cards-row{grid-column:1 / -1!important;grid-row:2!important;width:75%!important;margin:0 0 0 25%!important;gap:18px!important}
  body.revolt-curated #fundamentos .foundation-note{grid-template-columns:clamp(122px,11vw,180px) minmax(0,1fr) 54px!important;min-height:154px!important;padding:26px 30px!important;gap:26px!important;background:#08070b!important;border-color:rgba(255,255,255,.25)!important;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)!important;transition:min-height .32s ease,border-color .32s ease,background .32s ease!important}
  body.revolt-curated #fundamentos .foundation-index::after{font-size:clamp(76px,7.2vw,126px)!important;color:rgba(255,0,140,.22)!important}
  body.revolt-curated #fundamentos .foundation-note-content{max-width:64ch!important}
  body.revolt-curated #fundamentos .foundation-note h3{margin:0!important;font-size:clamp(29px,2.35vw,43px)!important}
  body.revolt-curated #fundamentos .foundation-note p{display:none!important;max-width:62ch!important;margin:14px 0 0!important;font-size:clamp(14px,1vw,17px)!important;line-height:1.48!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded{min-height:276px!important;background:linear-gradient(104deg,rgba(255,0,140,.10),#08070b 62%)!important;border-color:#ff008c!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded p{display:block!important}
  body.revolt-curated #fundamentos .foundation-note button{width:50px!important;height:50px!important;border-color:rgba(255,255,255,.72)!important;border-radius:0!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;color:transparent!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-note button::after{content:"+"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#f5f4f7!important;font-family:Arial,sans-serif!important;font-size:30px!important;font-weight:300!important;line-height:1!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded button{background:transparent!important;border-color:#ff008c!important;color:transparent!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-note.is-expanded button::after{content:"−"!important;color:#ff008c!important}
  body.revolt-curated #fundamentos .foundation-note:hover,body.revolt-curated #fundamentos .foundation-note:focus-within{transform:none!important;box-shadow:none!important}
}

/* ===== FINAL 95 / FOUNDATION CANDY COMPOSITION STUDY ===== */
body.revolt-curated #fundamentos .foundation-divider{grid-column:1/-1!important;grid-row:2!important}
body.revolt-curated #fundamentos .foundation-showcase{
  display:grid!important;
  grid-template-columns:minmax(210px,25%) minmax(0,75%)!important;
  align-items:stretch!important;
  grid-column:1/-1!important;
  grid-row:3!important;
  width:100%!important;
  min-width:0!important;
  gap:0!important;
  position:relative!important;
}
body.revolt-curated #fundamentos .foundation-candy-stage{
  position:sticky!important;
  top:18vh!important;
  align-self:start!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  height:min(520px,70vh)!important;
  overflow:visible!important;
  isolation:isolate!important;
}
body.revolt-curated #fundamentos .foundation-candy-stage::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  width:80%!important;
  aspect-ratio:1!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(236,0,126,.14),rgba(91,0,49,.07) 48%,transparent 72%)!important;
  filter:blur(12px)!important;
}
body.revolt-curated #fundamentos .foundation-candy-stage::after{
  content:"DULCE 3D  /  PRUEBA DE COMPOSICIÓN"!important;
  position:absolute!important;
  left:10%!important;
  right:10%!important;
  bottom:18px!important;
  color:rgba(246,240,247,.48)!important;
  font:600 9px/1.4 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
body.revolt-curated #fundamentos .foundation-candy-canvas{
  display:block!important;
  width:min(94%,300px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  background:transparent!important;
  filter:drop-shadow(0 20px 30px rgba(238,0,131,.18))!important;
}
body.revolt-curated #fundamentos .foundation-candy-stage.candy-fallback .foundation-candy-canvas{display:none!important}
body.revolt-curated #fundamentos .foundation-candy-stage.candy-fallback::before{
  z-index:0!important;
  width:min(76%,230px)!important;
  background:radial-gradient(circle at 34% 28%,#ff9acb 0,#e8177e 24%,#9a064c 58%,#37051f 78%,transparent 80%)!important;
  filter:drop-shadow(0 20px 28px rgba(238,0,131,.28))!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{
  grid-column:2!important;
  grid-row:3!important;
  width:100%!important;
  margin:0!important;
}

@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase{
    grid-column:1!important;
    grid-row:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:16px!important;
  }
  body.revolt-curated #fundamentos .foundation-candy-stage{
    position:relative!important;
    top:auto!important;
    height:clamp(190px,36vw,300px)!important;
  }
  body.revolt-curated #fundamentos .foundation-candy-canvas{width:min(72%,260px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{
    grid-column:1!important;
    width:100%!important;
    margin:0!important;
  }
}
@media(max-width:600px){
  body.revolt-curated #fundamentos .foundation-candy-stage{height:190px!important}
  body.revolt-curated #fundamentos .foundation-candy-stage::after{bottom:4px!important;font-size:8px!important}
}

/* ===== FINAL 96 / FUNDAMENTOS — EDITORIAL ROWS + CENTRAL OBJECT ===== */
body.revolt-curated:not(.contact-open):not(.menu-open){overflow-x:clip!important;overflow-y:visible!important}
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-divider{grid-column:1/-1!important;grid-row:2!important;margin:clamp(36px,4vw,68px) 0 clamp(22px,2.4vw,38px)!important;background:rgba(244,239,246,.16)!important}
  body.revolt-curated #fundamentos .foundation-showcase{display:block!important;position:relative!important;grid-column:1/-1!important;grid-row:3!important;width:100%!important;min-width:0!important;min-height:220svh!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{display:grid!important;position:sticky!important;top:clamp(96px,14vh,150px)!important;align-self:start!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;width:75%!important;margin:0 0 0 25%!important;padding:0!important;grid-column:auto!important;grid-row:auto!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row::before,body.revolt-curated #fundamentos .foundation-rail-line,body.revolt-curated #fundamentos .foundation-rail-link{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note{display:grid!important;grid-template-columns:minmax(120px,17%) minmax(0,1fr) 52px!important;grid-template-rows:auto!important;align-items:center!important;gap:22px!important;width:100%!important;min-width:0!important;min-height:84px!important;margin:0!important;padding:18px 24px!important;overflow:hidden!important;clip-path:none!important;border:0!important;border-top:1px solid rgba(244,239,246,.24)!important;border-bottom:1px solid rgba(244,239,246,.10)!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:grid-template-columns .48s cubic-bezier(.22,.8,.3,1),min-height .48s cubic-bezier(.22,.8,.3,1),padding .48s ease,border-color .3s ease,background .3s ease!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note::before,body.revolt-curated #fundamentos .foundation-showcase .foundation-note::after{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{grid-column:1!important;grid-row:1!important;position:relative!important;inset:auto!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:transparent!important;font-size:0!important;line-height:1!important;transform:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::before{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after{content:"01"!important;display:block!important;color:rgba(255,0,140,.29)!important;font:700 clamp(64px,7vw,116px)/.78 "Space Grotesk",Arial,sans-serif!important;letter-spacing:-.09em!important;white-space:nowrap!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:68ch!important;margin:0!important;padding:0!important;position:relative!important;z-index:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3{margin:0!important;color:#f6f3f7!important;font:700 clamp(21px,1.8vw,30px)/1.05 "Space Grotesk",Arial,sans-serif!important;letter-spacing:-.035em!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note p{display:none!important;max-width:68ch!important;margin:16px 0 0!important;color:rgba(244,239,246,.78)!important;font-size:clamp(14px,1vw,17px)!important;line-height:1.55!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;align-self:center!important;justify-self:end!important;width:48px!important;height:48px!important;margin:0!important;border:1px solid rgba(244,239,246,.58)!important;border-radius:0!important;clip-path:none!important;background:transparent!important;color:transparent!important;transform:none!important;transition:border-color .25s ease,background .25s ease!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::after{content:"↗"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#f6f3f7!important;font:400 24px/1 Arial,sans-serif!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{grid-template-columns:minmax(120px,17%) minmax(190px,26%) minmax(0,1fr) 52px!important;min-height:clamp(370px,35vw,500px)!important;padding:28px 24px!important;border-top-color:#ff008c!important;border-bottom-color:rgba(255,0,140,.48)!important;background:linear-gradient(105deg,rgba(255,0,140,.07),rgba(11,8,14,.56) 24%,rgba(8,7,11,.16) 70%,rgba(255,0,140,.035))!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview:not(.is-expanded){border-top-color:rgba(255,0,140,.66)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-index::after{color:rgba(255,0,140,.42)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content{grid-column:3!important;align-self:center!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:clamp(28px,2.5vw,42px)!important;margin-bottom:14px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{display:block!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded button{align-self:start!important;margin-top:4px!important;border-color:#ff008c!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded button::after{content:"−"!important;color:#ff008c!important;font-size:28px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage{display:none!important;grid-column:2!important;grid-row:1!important;align-self:stretch!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:300px!important;overflow:hidden!important;isolation:isolate!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.has-foundation-candy .foundation-candy-stage{display:grid!important;place-items:center!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::before{content:""!important;position:absolute!important;z-index:-1!important;inset:12%!important;width:auto!important;height:auto!important;aspect-ratio:1!important;border-radius:50%!important;background:radial-gradient(circle,rgba(236,0,126,.16),rgba(91,0,49,.065) 48%,transparent 74%)!important;filter:blur(12px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::after{content:"OBJETO CENTRAL  /  PREVIEW 3D"!important;position:absolute!important;left:0!important;right:0!important;bottom:7%!important;color:rgba(246,240,247,.46)!important;font:600 8px/1.4 "Space Grotesk",Arial,sans-serif!important;letter-spacing:.15em!important;text-align:center!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{display:block!important;width:min(100%,310px)!important;height:auto!important;aspect-ratio:1!important;background:transparent!important;filter:drop-shadow(0 18px 24px rgba(238,0,131,.20))!important}
  body.revolt-curated #fundamentos .foundation-candy-stage.candy-fallback .foundation-candy-canvas{display:none!important}
  body.revolt-curated #fundamentos .foundation-candy-stage.candy-fallback::before{z-index:0!important;inset:18%!important;background:radial-gradient(circle at 34% 28%,#ff9acb 0,#e8177e 24%,#9a064c 58%,#37051f 78%,transparent 80%)!important;filter:drop-shadow(0 20px 28px rgba(238,0,131,.28))!important}
}

@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-divider{grid-column:1!important;grid-row:auto!important;margin:32px 0 18px!important;background:rgba(244,239,246,.18)!important}
  body.revolt-curated #fundamentos .foundation-showcase{display:block!important;position:relative!important;grid-column:1!important;grid-row:auto!important;width:100%!important;min-height:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{display:grid!important;position:relative!important;top:auto!important;grid-template-columns:1fr!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row::before,body.revolt-curated #fundamentos .foundation-rail-line,body.revolt-curated #fundamentos .foundation-rail-link{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note{grid-template-columns:96px minmax(0,1fr) 46px!important;gap:14px!important;min-height:82px!important;margin:0!important;padding:16px 12px!important;clip-path:none!important;border:0!important;border-top:1px solid rgba(244,239,246,.24)!important;border-bottom:1px solid rgba(244,239,246,.10)!important;background:transparent!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after{font-size:clamp(52px,9vw,82px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{grid-column:2!important;grid-row:1!important;min-width:0!important;margin:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3{font-size:clamp(19px,3vw,26px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note p{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{grid-column:3!important;grid-row:1!important;position:relative!important;inset:auto!important;width:40px!important;height:40px!important;border-radius:0!important;clip-path:none!important;border:1px solid rgba(244,239,246,.55)!important;background:transparent!important;color:transparent!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::after{content:"↗"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:white!important;font-size:21px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{grid-template-columns:72px minmax(100px,30%) minmax(0,1fr) 40px!important;min-height:300px!important;padding:22px 12px!important;border-top-color:#ff008c!important;background:linear-gradient(100deg,rgba(255,0,140,.08),rgba(8,7,11,.15))!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content{grid-column:3!important;grid-row:1!important;align-self:center!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:clamp(22px,3.6vw,32px)!important;margin:0 0 10px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{display:block!important;margin:0!important;font-size:14px!important;line-height:1.48!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded button{align-self:start!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage{display:none!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:230px!important;overflow:hidden!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.has-foundation-candy .foundation-candy-stage{display:grid!important;place-items:center!important;grid-column:2!important;grid-row:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{display:block!important;width:min(100%,220px)!important;height:auto!important;aspect-ratio:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::before{content:""!important;position:absolute!important;z-index:-1!important;inset:8%!important;border-radius:50%!important;background:radial-gradient(circle,rgba(236,0,126,.16),transparent 72%)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::after{content:"OBJETO CENTRAL  /  PREVIEW 3D"!important;position:absolute!important;left:0!important;right:0!important;bottom:4px!important;color:rgba(246,240,247,.46)!important;font:600 7px/1.3 "Space Grotesk",Arial,sans-serif!important;letter-spacing:.12em!important;text-align:center!important}
}
@media(max-width:560px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{grid-template-columns:52px 96px minmax(0,1fr) 32px!important;gap:8px!important;padding:18px 8px!important;min-height:360px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-index::after{font-size:44px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-candy-canvas{width:92px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content h3{font-size:21px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content p{font-size:13px!important;line-height:1.42!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded button{width:30px!important;height:30px!important}
}

/* ===== FUNDAMENTOS 97 / ENERBLOCK-INSPIRED STAGES ===== */
body.revolt-curated #fundamentos.foundations-section{overflow:visible!important;background:#08070b!important}
body.revolt-curated #fundamentos .foundation-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(84px,8vw,132px) clamp(28px,5.4vw,96px) clamp(76px,7vw,112px)!important;
}
body.revolt-curated #fundamentos .foundation-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr)!important;
  align-items:end!important;
  gap:clamp(42px,7vw,120px)!important;
  width:100%!important;
  margin:0!important;
}
body.revolt-curated #fundamentos .foundation-heading .eyebrow{margin:0 0 24px!important}
body.revolt-curated #fundamentos .foundation-heading{grid-template-columns:minmax(0,1.22fr) minmax(300px,.68fr)!important;gap:clamp(34px,5vw,84px)!important}
body.revolt-curated #fundamentos .foundation-title{max-width:none!important}
body.revolt-curated #fundamentos .foundation-title span{white-space:nowrap!important}
body.revolt-curated #fundamentos .foundation-intro{max-width:48ch!important;margin:0 0 .3em!important}
body.revolt-curated #fundamentos .foundation-divider{
  display:block!important;
  width:100%!important;
  height:1px!important;
  margin:clamp(38px,5vw,76px) 0 clamp(18px,2vw,30px)!important;
  background:rgba(244,239,246,.22)!important;
}
body.revolt-curated #fundamentos .foundation-showcase{
  display:block!important;
  position:relative!important;
  grid-column:1!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:205svh!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{
  display:grid!important;
  position:sticky!important;
  top:clamp(100px,12vh,138px)!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(84px,9%) minmax(220px,34%) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(20px,3vw,48px)!important;
  width:100%!important;
  min-width:0!important;
  min-height:78px!important;
  margin:0!important;
  padding:14px 72px 14px 0!important;
  overflow:hidden!important;
  clip-path:none!important;
  border:0!important;
  border-top:1px solid rgba(244,239,246,.20)!important;
  border-bottom:1px solid rgba(244,239,246,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  transition:min-height .55s cubic-bezier(.22,.8,.28,1),padding .45s ease,border-color .35s ease,background .4s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note::before,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note::after{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded){
  grid-template-columns:minmax(84px,9%) minmax(220px,34%) minmax(0,1fr)!important;
  min-height:78px!important;
  padding-block:10px!important;
  border-top-color:rgba(244,239,246,.10)!important;
  border-bottom-color:rgba(244,239,246,.09)!important;
  opacity:.68!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview:not(.is-expanded){border-top-color:rgba(255,0,140,.46)!important;opacity:.86!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
  grid-template-columns:minmax(100px,9%) minmax(250px,34%) minmax(0,1fr)!important;
  min-height:clamp(450px,55svh,680px)!important;
  padding-block:clamp(26px,3vw,46px)!important;
  border-top-color:#ff008c!important;
  border-bottom-color:rgba(255,0,140,.52)!important;
  opacity:1!important;
  background:linear-gradient(100deg,rgba(255,0,140,.055),rgba(255,0,140,.025) 43%,rgba(8,7,11,.12) 100%)!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
  grid-column:1!important;
  grid-row:1!important;
  position:relative!important;
  inset:auto!important;
  align-self:center!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index::before{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after{
  content:"01"!important;
  display:block!important;
  color:rgba(255,0,140,.34)!important;
  font:700 clamp(56px,7.2vw,112px)/.8 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:-.09em!important;
  white-space:nowrap!important;
  transition:font-size .45s ease,color .4s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(1) .foundation-index::after{content:"01"!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(2) .foundation-index::after{content:"02"!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3) .foundation-index::after{content:"03"!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded) .foundation-index::after{font-size:clamp(34px,4.4vw,60px)!important;color:rgba(255,0,140,.31)!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-index::after{color:rgba(255,0,140,.4)!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
  grid-column:3!important;
  grid-row:1!important;
  align-self:start!important;
  min-width:0!important;
  max-width:68ch!important;
  margin:0!important;
  padding:0!important;
  position:absolute!important;
  top:8px!important;
  left:46%!important;
  right:68px!important;
  z-index:2!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3{
  margin:0!important;
  color:#f6f3f7!important;
  font:700 clamp(20px,2vw,32px)/1.04 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:-.045em!important;
  transition:font-size .35s ease,margin .35s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note p{
  display:none!important;
  max-width:62ch!important;
  margin:16px 0 0!important;
  color:rgba(244,239,246,.78)!important;
  font:400 clamp(15px,1.18vw,19px)/1.55 Inter,Arial,sans-serif!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:clamp(34px,3.1vw,50px)!important;margin-bottom:18px!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{display:block!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
  position:absolute!important;
  top:clamp(16px,2vw,28px)!important;
  right:0!important;
  z-index:4!important;
  grid-column:auto!important;
  grid-row:auto!important;
  align-self:start!important;
  justify-self:end!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border:1px solid rgba(244,239,246,.5)!important;
  border-radius:50%!important;
  clip-path:none!important;
  background:rgba(8,7,11,.5)!important;
  color:#f6f3f7!important;
  font:400 23px/1 Arial,sans-serif!important;
  transform:none!important;
  transition:border-color .25s ease,background .25s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::after{
  display:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded button{border-color:#ff008c!important;background:#ff008c!important;color:#10080e!important}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{
  display:none!important;
  grid-column:2!important;
  grid-row:1!important;
  align-self:stretch!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:transparent!important;
  mix-blend-mode:normal!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.has-foundation-candy .foundation-candy-stage{
  display:grid!important;
  place-items:center!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::before{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage::after{
  content:"OBJETO CENTRAL  /  PREVIEW 3D"!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:3%!important;
  color:rgba(246,240,247,.42)!important;
  font:600 8px/1.4 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:.15em!important;
  text-align:center!important;
}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-poster{
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:50%!important;
  left:50%!important;
  width:min(100%,280px)!important;
  height:min(76%,340px)!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  opacity:.98!important;
  filter:drop-shadow(0 20px 28px rgba(238,0,131,.18))!important;
  transform:translate(-50%,-50%) scale(.94)!important;
  transition:opacity .55s ease,transform .8s cubic-bezier(.2,.75,.25,1)!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{
  display:block!important;
  position:relative!important;
  z-index:1!important;
  width:min(100%,400px)!important;
  height:100%!important;
  min-height:280px!important;
  background:transparent!important;
  opacity:0!important;
  transform:translateY(22px) scale(.88)!important;
  filter:drop-shadow(0 22px 36px rgba(238,0,131,.2))!important;
  transition:opacity .6s ease,transform .8s cubic-bezier(.2,.75,.25,1)!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.has-foundation-candy .foundation-candy-poster{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;animation:foundation-candy-drift 5s ease-in-out infinite!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage.has-candy-render .foundation-candy-canvas{opacity:1!important;transform:translateY(0) scale(1)!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-stage.candy-fallback::before{display:block!important;z-index:0!important;inset:28%!important;background:radial-gradient(circle at 34% 28%,#ff9acb 0,#e8177e 24%,#9a064c 58%,#37051f 78%,transparent 80%)!important;filter:drop-shadow(0 20px 28px rgba(238,0,131,.28))!important}

@keyframes foundation-candy-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}

@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase{min-height:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{position:relative!important;top:auto!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded){grid-template-columns:76px minmax(150px,30%) minmax(0,1fr)!important;min-height:86px!important;padding:12px 56px 12px 0!important;gap:16px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{grid-template-columns:76px minmax(150px,30%) minmax(0,1fr)!important;min-height:clamp(320px,48vw,480px)!important;padding-block:20px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{width:min(100%,260px)!important;min-height:220px!important}
}
@media(max-width:640px){
  body.revolt-curated #fundamentos .foundation-shell{padding:76px 20px 86px!important}
  body.revolt-curated #fundamentos .foundation-heading{grid-template-columns:1fr!important;gap:24px!important}
  body.revolt-curated #fundamentos .foundation-title{font-size:clamp(42px,12vw,68px)!important}
  body.revolt-curated #fundamentos .foundation-title span{white-space:normal!important}
  body.revolt-curated #fundamentos .foundation-intro{font-size:16px!important}
  body.revolt-curated #fundamentos .foundation-divider{margin:34px 0 16px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded){grid-template-columns:54px minmax(0,1fr) 38px!important;min-height:76px!important;padding:12px 48px 12px 0!important;gap:12px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{grid-template-columns:54px minmax(0,1fr) 38px!important;min-height:0!important;padding:18px 48px 22px 0!important;row-gap:14px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-candy-stage{grid-column:2!important;grid-row:1!important;min-height:220px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content{grid-column:1/-1!important;grid-row:2!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded) .foundation-note-content{grid-column:2!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3{font-size:clamp(20px,6vw,28px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:30px!important;margin-bottom:10px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note p{font-size:15px!important;line-height:1.5!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{top:14px!important;width:36px!important;height:36px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after{font-size:clamp(35px,10vw,54px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{height:220px!important;min-height:220px!important}
}
@media(prefers-reduced-motion:reduce){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-canvas{transition:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-poster{animation:none!important}
}

/* ===== FUNDAMENTOS 98 / STICKY OVERLAPPING PANELS ===== */
body.revolt-curated #fundamentos .foundation-showcase{
  min-height:0!important;
  padding:0 0 clamp(72px,10vh,132px)!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{
  display:block!important;
  position:relative!important;
  top:auto!important;
  overflow:visible!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
  display:grid!important;
  grid-template-columns:minmax(130px,22%) minmax(210px,24%) minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(18px,2.2vw,34px)!important;
  width:100%!important;
  height:clamp(440px,52svh,560px)!important;
  min-height:clamp(440px,52svh,560px)!important;
  max-height:none!important;
  margin:0!important;
  padding:0 68px 32px 0!important;
  position:sticky!important;
  overflow:hidden!important;
  clip-path:none!important;
  border-top:1px solid rgba(244,239,246,.2)!important;
  border-bottom:1px solid rgba(244,239,246,.14)!important;
  background:rgba(8,7,11,.97)!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  transition:border-color .35s ease,background-color .35s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(1){top:clamp(96px,11vh,132px)!important;z-index:1!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(2){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px))!important;z-index:2!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px) + clamp(96px,10.7vh,112px))!important;z-index:3!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note::before,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note::after{display:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview){background:#0b0911!important;opacity:1!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview{
  border-top-color:rgba(255,0,140,.68)!important;
  border-bottom-color:rgba(255,0,140,.42)!important;
  background:#0b0911!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
  grid-column:1!important;
  grid-row:1!important;
  position:absolute!important;
  top:-8px!important;
  left:0!important;
  inset-block:auto!important;
  inset-inline:auto!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  align-self:start!important;
  margin:0!important;
  padding:0!important;
  color:transparent!important;
  font-size:0!important;
  line-height:1!important;
  transform:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index::before{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after{
  display:block!important;
  color:rgba(255,0,140,.34)!important;
  font:700 clamp(76px,11vw,156px)/.8 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:-.09em!important;
  white-space:nowrap!important;
  transition:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:clamp(76px,11vw,156px)!important;color:rgba(255,0,140,.34)!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
  grid-column:1 / -1!important;
  grid-row:1!important;
  align-self:start!important;
  min-width:0!important;
  max-width:68ch!important;
  margin:0!important;
  padding:0!important;
  position:absolute!important;
  top:8px!important;
  left:46%!important;
  right:68px!important;
  z-index:2!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{
  margin:0 0 14px!important;
  color:#f6f3f7!important;
  font:700 clamp(30px,3.1vw,46px)/1.02 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:-.045em!important;
  transition:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note p,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{
  display:block!important;
  max-width:62ch!important;
  margin:14px 0 0!important;
  color:rgba(244,239,246,.78)!important;
  font:400 clamp(15px,1.1vw,18px)/1.55 Inter,Arial,sans-serif!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) p{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
  position:absolute!important;
  top:28px!important;
  right:18px!important;
  z-index:4!important;
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border:1px solid rgba(244,239,246,.5)!important;
  border-radius:50%!important;
  background:rgba(8,7,11,.5)!important;
  color:#f6f3f7!important;
  font:400 23px/1 Arial,sans-serif!important;
  transform:none!important;
  transition:border-color .25s ease,background .25s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview button{border-color:#ff008c!important;background:#ff008c!important;color:#10080e!important}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{
  display:block!important;
  position:sticky!important;
  top:50svh!important;
  grid-column:1 / -1!important;
  grid-row:3!important;
  justify-self:stretch!important;
  align-self:start!important;
  left:auto!important;
  z-index:20!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  pointer-events:none!important;
  background:transparent!important;
  isolation:isolate!important;
}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-poster{
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:34%!important;
  z-index:1!important;
  width:min(20vw,240px)!important;
  height:min(20vw,240px)!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:.94!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 18px 28px rgba(238,0,131,.18))!important;
  transform:translate(-50%,-50%)!important;
  animation:foundation-candy-drift 5s ease-in-out infinite!important;
}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{
  content:"OBJETO CENTRAL  /  PREVIEW 3D"!important;
  position:absolute!important;
  top:clamp(126px,11vw,164px)!important;
  left:34%!important;
  right:auto!important;
  width:min(20vw,240px)!important;
  color:rgba(246,240,247,.42)!important;
  font:600 8px/1.4 "Space Grotesk",Arial,sans-serif!important;
  letter-spacing:.15em!important;
  text-align:center!important;
  transform:translateX(-50%)!important;
}
body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-canvas{display:none!important}

@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase{padding-bottom:54px!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{position:relative!important;top:auto!important;height:220px!important;margin:0 auto 14px!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-poster{left:50%!important;width:min(34vw,230px)!important;height:min(34vw,230px)!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{top:190px!important;left:50%!important;width:min(34vw,230px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
    position:relative!important;top:auto!important;z-index:auto!important;
    grid-template-columns:72px minmax(0,1fr)!important;gap:16px!important;
    height:auto!important;min-height:260px!important;padding:24px 54px 28px 0!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{grid-column:2!important;grid-row:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:58px!important}
}
@media(max-width:640px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
    grid-template-columns:52px minmax(0,1fr)!important;min-height:290px!important;padding:22px 48px 26px 0!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:30px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{font-size:15px!important;line-height:1.5!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{height:190px!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{top:164px!important}
}
@media(prefers-reduced-motion:reduce){body.revolt-curated #fundamentos .foundation-showcase .foundation-candy-poster{animation:none!important}}

/* ===== FUNDAMENTOS 99 / COMPACT PILLAR HEADERS ===== */
body.revolt-curated #fundamentos .foundation-divider{display:none!important}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
  top:7px!important;
  left:10px!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{
  font-size:clamp(42px,5vw,58px)!important;
  line-height:.9!important;
  color:rgba(255,0,140,.38)!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
  top:8px!important;
  left:12%!important;
  right:82px!important;
  max-width:68ch!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{
  margin:0!important;
  font-size:clamp(28px,2.8vw,38px)!important;
  line-height:1!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note p,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded p{
  margin:14px 0 0!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
  top:8px!important;
  right:20px!important;
  width:40px!important;
  height:40px!important;
  font-size:20px!important;
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{left:84px!important;right:66px!important;top:22px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{top:20px!important;left:8px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:52px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{top:20px!important;right:14px!important;width:38px!important;height:38px!important}
}
@media(max-width:640px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{left:64px!important;right:58px!important;top:20px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{top:19px!important;left:5px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:44px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:clamp(22px,6vw,30px)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{top:18px!important;right:10px!important;width:34px!important;height:34px!important;font-size:18px!important}
}

/* ===== FUNDAMENTOS 120 / FINAL OVERRIDES ===== */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{overflow:hidden!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
    position:absolute!important;top:0!important;left:8px!important;z-index:5!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{
    font-size:clamp(64px,8vw,108px)!important;line-height:.82!important;color:rgba(255,0,140,.32)!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
    position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;
    width:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{
    position:absolute!important;top:0!important;left:52%!important;right:82px!important;margin:0!important;
    font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;line-height:.95!important;
    letter-spacing:-.095em!important;white-space:nowrap!important;overflow:visible!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content p{
    display:block!important;position:absolute!important;left:52%!important;right:82px!important;
    top:auto!important;bottom:28px!important;max-width:62ch!important;margin:0!important;
    overflow:visible!important;-webkit-line-clamp:unset!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
    position:absolute!important;top:7px!important;right:18px!important;z-index:6!important;
    grid-column:auto!important;grid-row:auto!important;pointer-events:auto!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{
    display:block!important;position:absolute!important;top:50vh!important;left:34vw!important;z-index:1!important;
    width:clamp(290px,27vw,390px)!important;height:clamp(290px,27vw,390px)!important;
    border:0!important;background:transparent!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{
    content:"REDES SOCIALES  /  ELEMENTO 3D"!important;top:calc(50vh + clamp(150px,14vw,205px))!important;
    left:34vw!important;width:clamp(290px,27vw,390px)!important;
  }
}

@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{
    display:block!important;position:absolute!important;top:0!important;left:50%!important;
    width:min(76vw,330px)!important;height:min(76vw,330px)!important;border:0!important;
    background:transparent!important;transform:translateX(-50%)!important;pointer-events:none!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important}
}

/* Preserve the central preview and let the panel overlap reveal its copy. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{
    position:fixed!important;
    inset:0!important;
    z-index:20!important;
    width:100vw!important;
    height:100svh!important;
    min-height:100svh!important;
    opacity:0!important;
    visibility:hidden!important;
    overflow:visible!important;
    pointer-events:none!important;
    transition:opacity .3s ease,visibility .3s ease!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage.is-visible{opacity:1!important;visibility:visible!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-poster{
    top:50vh!important;
    left:34vw!important;
    width:min(20vw,240px)!important;
    height:min(20vw,240px)!important;
    transform:translate(-50%,-50%)!important;
  }
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{
    top:calc(50vh + 126px)!important;
    left:34vw!important;
    width:min(20vw,240px)!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p{
    display:block!important;
    position:static!important;
    max-width:62ch!important;
    margin:14px 0 0!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{left:46%!important;top:8px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{left:52%!important;right:82px!important;top:8px!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{
    font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;
    line-height:.95!important;
    letter-spacing:-.095em!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{
    position:relative!important;
    grid-column:4!important;
    grid-row:1!important;
    top:auto!important;
    right:auto!important;
    justify-self:end!important;
    align-self:start!important;
    margin:0!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{
    grid-template-columns:minmax(0,47%) 58px minmax(0,1fr) 40px!important;
    align-items:start!important;
    gap:clamp(10px,1.5vw,24px)!important;
    padding:8px 68px 32px 0!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    top:auto!important;
    left:auto!important;
    align-self:start!important;
    justify-self:start!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note-content{
    position:relative!important;
    grid-column:3!important;
    grid-row:1!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:auto!important;
    max-width:68ch!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
  }
}

/* Each stage carries its own copy; scroll state only accents its border and action. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-note-content p{display:block!important;left:52%!important;right:40px!important}
}

/* Editorial entrances follow scroll position, without shifting section geometry. */
@media(prefers-reduced-motion:no-preference){
  body.revolt-curated #servicios.has-scroll-sequence .home-skills-marker,
  body.revolt-curated #servicios.has-scroll-sequence .home-skills-intro,
  body.revolt-curated #servicios.has-scroll-sequence .home-skills-workspace,
  body.revolt-curated #servicios.has-scroll-sequence .home-skills-footer{
    opacity:0!important;
    translate:0 30px!important;
    transition:opacity .7s cubic-bezier(.22,.75,.22,1),translate .7s cubic-bezier(.22,.75,.22,1)!important;
  }
  body.revolt-curated #servicios.has-scroll-sequence.is-sequence-visible .home-skills-marker,
  body.revolt-curated #servicios.has-scroll-sequence.is-sequence-visible .home-skills-intro,
  body.revolt-curated #servicios.has-scroll-sequence.is-sequence-visible .home-skills-workspace,
  body.revolt-curated #servicios.has-scroll-sequence.is-sequence-visible .home-skills-footer{opacity:1!important;translate:0 0!important}
  body.revolt-curated #servicios.is-sequence-visible .home-skills-intro{transition-delay:.08s!important}
  body.revolt-curated #servicios.is-sequence-visible .home-skills-workspace{transition-delay:.16s!important}
  body.revolt-curated #servicios.is-sequence-visible .home-skills-footer{transition-delay:.24s!important}

  /* The portrait itself is uncovered by scroll rather than by is-inview's
     automatic keyframe, so it never suddenly pops in at the section edge. */
  body.revolt-curated #reason.has-scroll-sequence .reason-video-slot{opacity:1!important}
  body.revolt-curated #reason.has-scroll-sequence .reason-video-frame video.reason-loop-video,
  body.revolt-curated #reason.has-scroll-sequence.is-inview .reason-video-frame video.reason-loop-video{
    animation:none!important;
    clip-path:inset(var(--reason-film-inset,50%) var(--reason-film-side,22%) round var(--reason-film-radius,28px))!important;
    transform:none!important;
    opacity:1!important;
    transition:none!important;
  }
  body.revolt-curated #reason.has-scroll-sequence .reason-stat--orbit{
    opacity:var(--reason-orbit-opacity,0)!important;
    transition:none!important;
  }
  body.revolt-curated #reason.has-scroll-sequence .reason-copy-column{
    opacity:1!important;
    transition:none!important;
  }
  body.revolt-curated #reason.has-scroll-sequence .reason-title{
    opacity:var(--reason-title-opacity,0)!important;
    translate:0 var(--reason-title-offset,22px)!important;
    transition:none!important;
  }
  body.revolt-curated #reason.has-scroll-sequence .reason-support{
    opacity:var(--reason-body-opacity,0)!important;
    translate:0 var(--reason-body-offset,18px)!important;
    transition:none!important;
  }
}




/* Approved stacked-card composition for Fundamentals. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase{min-height:150svh!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row{position:relative!important;top:auto!important;align-self:start!important;padding-bottom:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row::after{content:""!important;display:block!important;height:clamp(300px,34vh,380px)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note{position:sticky!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(1){top:clamp(96px,11vh,132px)!important;z-index:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(2){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px))!important;z-index:2!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px) + clamp(96px,10.7vh,112px))!important;z-index:3!important}
  /* After Proyección has joined the stack, every row receives the same scroll offset.
     This keeps the stacked composition intact while the three panels leave together. */
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row.is-exiting-stack .foundation-note{transform:translate3d(0,var(--foundation-stack-exit-y,0px),0)!important;will-change:transform!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-note-content p{left:52%!important;right:40px!important}
  body.revolt-curated>.foundation-candy-stage{display:block!important;position:fixed!important;inset:0!important;z-index:20!important;width:100vw!important;height:100svh!important;min-height:100svh!important;overflow:visible!important;padding:0!important;margin:0!important;pointer-events:none!important;background:transparent!important;isolation:auto!important;mix-blend-mode:screen!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important}
  body.revolt-curated>.foundation-candy-stage.is-visible{opacity:1!important;visibility:visible!important}
  body.revolt-curated>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:50vh!important;left:34vw!important;z-index:1!important;width:clamp(290px,27vw,390px)!important;height:clamp(290px,27vw,390px)!important;border:0!important;background:#000!important;mix-blend-mode:normal!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{background:transparent!important;isolation:auto!important;mix-blend-mode:screen!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-index{position:absolute!important;top:0!important;left:8px!important;z-index:5!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-index::after,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-index::after{font-size:clamp(64px,8vw,108px)!important;line-height:.82!important;color:rgba(255,0,140,.32)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-note-content,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content{display:contents!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:none!important;margin:0!important;padding:0!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{position:absolute!important;top:clamp(18px,2.2vh,26px)!important;left:52%!important;right:82px!important;margin:0!important;font-size:var(--hero-title-size,clamp(38px,4.2vw,70px))!important;line-height:.95!important;letter-spacing:-.095em!important;white-space:nowrap!important;overflow:visible!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview) .foundation-note-content p,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded .foundation-note-content p{display:block!important;position:absolute!important;left:52%!important;right:40px!important;top:auto!important;bottom:28px!important;max-width:min(62ch,540px)!important;margin:0!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  /* Minimal stage control: text-only, on the outer edge, aligned with the heading. */
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button{position:absolute!important;top:clamp(28px,3.2vh,36px)!important;left:auto!important;right:22px!important;z-index:6!important;display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(255,255,255,.68)!important;font-size:0!important;font-weight:200!important;line-height:1!important;letter-spacing:0!important;box-shadow:none!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;pointer-events:auto!important;transition:color .22s ease,opacity .22s ease!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::before,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::after{content:""!important;position:absolute!important;inset:50% auto auto 50%!important;display:block!important;width:26px!important;height:1px!important;margin:-.5px 0 0 -13px!important;background:currentColor!important;color:currentColor!important;font-size:0!important;line-height:0!important;transform-origin:center!important;transition:transform .24s cubic-bezier(.2,.8,.3,1),opacity .18s ease!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::before{transform:rotate(0deg)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note button::after{transform:rotate(90deg)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview button{border:0!important;background:transparent!important;color:#ff008c!important;animation:foundation-stage-control-in .34s cubic-bezier(.18,.9,.32,1.18)!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview button::after{transform:rotate(90deg) scaleX(0)!important;opacity:0!important}
  /* The third stage closes without a final accent rule; its upper rule remains the separator. */
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-child(3).is-inview{border-bottom:0!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-candy-poster{display:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:50vh!important;left:34vw!important;z-index:1!important;width:clamp(290px,27vw,390px)!important;height:clamp(290px,27vw,390px)!important;border:0!important;background:#08070b!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important;top:calc(50vh + clamp(150px,14vw,205px))!important;left:34vw!important;width:clamp(290px,27vw,390px)!important}
  body.revolt-curated #fundamentos .foundation-heading{position:relative!important;z-index:21!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-inview:not(.is-expanded),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:not(.is-inview),
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded{background:#08070b!important;background-color:#08070b!important;background-image:none!important;opacity:1!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{display:none!important;content:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{background:#000!important;mix-blend-mode:normal!important}
}
@media(min-width:1500px){
  /* Stop the type from expanding beyond the breathing room established by the compact desktop view. */
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note h3,
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-expanded h3{font-size:clamp(50px,3vw,62px)!important}
}
@keyframes foundation-stage-control-in{
  0%{opacity:.12;transform:scale(.68)}
  65%{opacity:1;transform:scale(1.12)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@media(max-width:980px){
  body.revolt-curated>.foundation-candy-stage{display:block!important;position:fixed!important;inset:0!important;z-index:20!important;width:100vw!important;height:100svh!important;min-height:100svh!important;overflow:visible!important;padding:0!important;margin:0!important;pointer-events:none!important;background:transparent!important;isolation:auto!important;mix-blend-mode:screen!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s ease!important}
  body.revolt-curated>.foundation-candy-stage.is-visible{opacity:1!important;visibility:visible!important}
  body.revolt-curated>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:50vh!important;left:50vw!important;width:min(76vw,330px)!important;height:min(76vw,330px)!important;border:0!important;background:#000!important;mix-blend-mode:normal!important;transform:translate(-50%,-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage{background:transparent!important;isolation:auto!important;mix-blend-mode:screen!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage .foundation-social-3d{display:block!important;position:absolute!important;top:0!important;left:50%!important;width:min(76vw,330px)!important;height:min(76vw,330px)!important;border:0!important;background:#000!important;mix-blend-mode:normal!important;transform:translateX(-50%)!important;pointer-events:none!important}
  body.revolt-curated #fundamentos .foundation-shell>.foundation-candy-stage::after{content:"REDES SOCIALES  /  ELEMENTO 3D"!important}
}

/* Revolt diskette — transparent Blender frames in the Sentido flow. */
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage{
  display:block!important;position:sticky!important;top:var(--foundation-diskette-y,68vh)!important;left:0!important;
  z-index:4!important;width:100%!important;height:0!important;min-height:0!important;
  grid-column:1 / -1!important;grid-row:auto!important;order:-1!important;margin:0!important;padding:0!important;
  overflow:visible!important;pointer-events:none!important;background:transparent!important;
  opacity:1!important;visibility:visible!important;isolation:isolate!important;
  mix-blend-mode:normal!important;transition:none!important;animation:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-3d{
  display:block!important;position:absolute!important;z-index:1!important;
  border:0!important;background:transparent!important;object-fit:contain!important;
  overflow:hidden!important;pointer-events:none!important;mix-blend-mode:normal!important;
  /* Its exit is tied to scroll, so returning upward restores the same object. */
  filter:blur(var(--foundation-diskette-exit-blur,0px))!important;
  opacity:var(--foundation-diskette-exit-opacity,1)!important;visibility:visible!important;transition:none!important;animation:none!important;
  clip-path:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-sprite{
  display:block!important;position:absolute!important;inset:0!important;
  width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;
  transform:none!important;transform-origin:center!important;will-change:auto!important;
  opacity:0!important;visibility:hidden!important;transition:none!important;animation:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-sprite.is-current{opacity:1!important;visibility:visible!important}
/* The GLB canvas takes over only after its first successful render. The frame
   layers remain available underneath as a reliable non-WebGL fallback. */
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-webgl{
  display:block!important;position:absolute!important;inset:0!important;z-index:2!important;
  width:100%!important;height:100%!important;background:transparent!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
  mix-blend-mode:normal!important;transition:none!important;animation:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-3d.has-live-diskette .foundation-diskette-sprite{display:none!important}
/* Remove every caption, glow and legacy pseudo-element from the prior 3D preview. */
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage::before,
body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage::after{content:none!important;display:none!important;background:none!important;filter:none!important}
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-3d{
    top:12.6vh!important;left:26.5vw!important;
    width:clamp(351px,30.6vw,455px)!important;height:clamp(351px,30.6vw,455px)!important;
    /* The transparent render has generous breathing room above the object;
       center the full canvas so the visible diskette meets the Sentido row. */
    transform:translate(-50%,-50%)!important;
  }
  /* Reserve a calm editorial lead-in before the stage begins with Sentido. */
  body.revolt-curated #fundamentos .foundation-heading{padding-bottom:clamp(52px,7.2vh,92px)!important}
  body.revolt-curated #fundamentos .foundation-divider{margin:0 0 clamp(34px,4vh,52px)!important}
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage{
    top:50vh!important;
  }
  body.revolt-curated #fundamentos .foundation-showcase .foundation-cards-row>.foundation-candy-stage .foundation-diskette-3d{
    top:0!important;left:50vw!important;
    width:min(68.4vw,297px)!important;height:min(68.4vw,297px)!important;
    transform:translate(-50%,-50%)!important;
  }
}

/* The diskette stage is a zero-height sibling before the cards.  Address the
   actual article rows by type so their numbering and sticky offsets never
   shift when that non-card stage is present. */
@media(min-width:981px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(1){top:clamp(96px,11vh,132px)!important;z-index:1!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(2){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px))!important;z-index:2!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(3){top:calc(clamp(96px,11vh,132px) + clamp(96px,10.7vh,112px) + clamp(96px,10.7vh,112px))!important;z-index:3!important;border-bottom:0!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(1) .foundation-index::after{content:"01"!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(2) .foundation-index::after{content:"02"!important}
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note:nth-of-type(3) .foundation-index::after{content:"03"!important}
}

/* Skills-style number capsules; only the stage in view receives the pink fill. */
body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-index{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  position:absolute!important;right:auto!important;z-index:5!important;
  box-sizing:border-box!important;width:36px!important;min-width:36px!important;height:24px!important;
  margin:0!important;padding:0 5px!important;
  border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important;
  background:transparent!important;color:rgba(255,255,255,.7)!important;
  font:600 10px/1 "Space Grotesk",Arial,sans-serif!important;letter-spacing:0!important;
  white-space:nowrap!important;opacity:1!important;
  transition:background-color .24s ease,border-color .24s ease,color .24s ease!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-index::before,
body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-index::after{
  content:none!important;display:none!important;
}
body.revolt-curated #fundamentos .foundation-showcase .foundation-note.is-index-current .foundation-index{
  border-color:var(--pink,#ef008c)!important;background:var(--pink,#ef008c)!important;color:#fff!important;
}
@media(max-width:980px){
  body.revolt-curated #fundamentos .foundation-showcase .foundation-note .foundation-index{
    top:22px!important;left:10px!important;width:32px!important;min-width:32px!important;height:21px!important;font-size:9px!important;
  }
}