/* Portada editorial y selector de espacios de Newtoon. */
.vivid-platform .world-welcome{
  min-height:570px;
  margin-top:16px;
  padding:56px 58px 22px;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  border-radius:32px 32px 96px 32px;
}
.vivid-platform .world-welcome::before,.vivid-platform .world-welcome::after{content:none}
.vivid-platform .world-copy{z-index:4;max-width:680px}
.vivid-platform .world-copy h1{
  max-width:12ch;
  font-size:clamp(48px,6.3vw,82px);
  line-height:.98;
  text-wrap:balance;
}
.vivid-platform .world-copy p{max-width:50ch;font-size:clamp(17px,1.7vw,21px);line-height:1.5}
.vivid-platform .world-actions{max-width:none}
.vivid-platform .world-button{min-width:190px}
.vivid-platform .world-art{position:relative;z-index:3;min-height:480px;isolation:isolate}
.world-clouds,.world-floor{position:absolute;pointer-events:none;user-select:none}
.world-clouds{
  z-index:0;
  top:-42px;
  left:0;
  width:100%;
  height:calc(100% + 42px);
  object-fit:cover;
  object-position:center;
  animation:hero-cloud-drift 12s ease-in-out infinite alternate;
}
.world-floor{z-index:1;right:-1%;bottom:-1px;width:102%;height:auto}
.vivid-platform .world-art>img.world-sun-art{
  position:absolute;
  z-index:0;
  top:48%;
  left:51%;
  width:min(370px,92%);
  height:auto;
  max-height:none;
  object-fit:contain;
  filter:none;
  animation:hero-sun-breathe 6s ease-in-out infinite;
}
.vivid-platform .world-art>img.world-kikino{
  position:absolute;
  z-index:2;
  right:-2%;
  bottom:-4px;
  width:min(440px,112%);
  height:auto;
  max-height:none;
  object-fit:contain;
  filter:drop-shadow(0 14px 8px #1435532d);
  animation:welcome-sway 7s ease-in-out infinite;
}
.vivid-platform .world-sticker{z-index:4;right:-2px;bottom:22px}
@keyframes hero-cloud-drift{from{transform:translateX(-6px)}to{transform:translateX(8px)}}
@keyframes hero-sun-breathe{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}

.home-kicker,.access-audience{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.35;
  text-transform:uppercase;
}
.home-overview{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:40px;
  margin:34px 0;
  padding:clamp(30px,5vw,64px);
  background:#fff;
  border:4px solid #143553;
  border-radius:32px;
  box-shadow:0 9px 0 #c92330;
}
.home-overview-lead{align-self:center}
.home-overview-lead .home-kicker{color:#165dde;margin-bottom:16px}
.home-overview-lead h2{
  max-width:13ch;
  font-size:clamp(36px,4.4vw,60px);
  line-height:1.02;
  color:#143553;
  text-wrap:balance;
}
.home-overview-lead p{max-width:57ch;margin:22px 0 0;font-size:17px;line-height:1.65;color:#29455f}
.home-truths{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.home-truth{
  position:relative;
  min-height:126px;
  padding:22px 22px 20px 76px;
  border:3px solid #143553;
  border-radius:22px;
  background:#ffd21a;
  box-shadow:0 5px 0 #143553;
}
.home-truth:nth-child(2){background:#165dde;color:#fff;border-color:#143553}
.home-truth:nth-child(3){background:#c92330;color:#fff;border-color:#143553}
.home-truth>span{
  position:absolute;
  left:18px;
  top:20px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  color:#143553;
  font-size:12px;
  font-weight:800;
}
.home-truth strong{display:block;font-size:19px;line-height:1.2}
.home-truth p{margin:7px 0 0;font-size:13px;line-height:1.5;color:inherit}

.experience-band{
  margin:42px 0 34px;
  padding:clamp(34px,5vw,62px);
  border:4px solid #fff;
  border-radius:32px 88px 32px 32px;
  background:#c92330;
  color:#fff;
  box-shadow:0 9px 0 #143553;
}
.experience-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);gap:12px 34px;align-items:end;margin-bottom:30px}
.experience-heading .home-kicker{grid-column:1/-1;color:#ffd21a}
.experience-heading h2{font-size:clamp(36px,4.6vw,60px);max-width:14ch;text-wrap:balance}
.experience-heading p{margin:0;font-size:16px;line-height:1.6;color:#fff}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.experience-card{
  min-height:260px;
  padding:24px;
  border:3px solid #143553;
  border-radius:24px;
  background:#fff;
  color:#143553;
  box-shadow:0 6px 0 #143553;
}
.experience-card:nth-child(2){background:#ffd21a}
.experience-card:nth-child(3){background:#165dde;color:#fff}
.experience-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin-bottom:34px;
  border:3px solid #143553;
  border-radius:18px;
  background:#ffd21a;
  color:#143553;
  font-size:24px;
  font-weight:800;
  transform:rotate(-4deg);
}
.experience-card:nth-child(2) .experience-icon{background:#fff;transform:rotate(4deg)}
.experience-card:nth-child(3) .experience-icon{background:#c92330;color:#fff;border-color:#fff}
.experience-card h3{font-size:clamp(21px,2vw,27px);line-height:1.1;text-wrap:balance}
.experience-card p{margin:12px 0 0;font-size:14px;line-height:1.55;color:inherit}

.profile-gateway{padding-top:44px!important;scroll-margin-top:100px}
.profile-gateway .access-heading{max-width:750px;margin-inline:auto}
.profile-gateway .access-heading .eyebrow{color:#165dde}
.profile-gateway .access-heading h2{font-size:clamp(38px,5vw,62px);line-height:1;text-wrap:balance}
.profile-gateway .access-heading p{max-width:55ch;font-size:16px;line-height:1.6}
.profile-gateway .access-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.profile-gateway .access-card{overflow:hidden;border-color:#143553!important;box-shadow:0 7px 0 #143553}
.profile-gateway .access-card>img{width:100%;height:180px;object-fit:contain;background:#ffffff18}
.profile-gateway .access-copy{min-height:238px;padding:22px;align-items:flex-start}
.profile-gateway .access-audience{min-height:30px;opacity:.82}
.profile-gateway .access-label{font-size:clamp(24px,2.4vw,31px);line-height:1.05;text-wrap:balance}
.profile-gateway .access-description{font-size:14px;line-height:1.55}
.profile-gateway .access-cta{margin-top:auto}
.institution-entry{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:20px;
  padding:22px 26px;
  border:3px solid #143553;
  border-radius:20px;
  background:#fff;
  color:#143553;
  box-shadow:0 5px 0 #143553;
  transition:transform .2s ease,box-shadow .2s ease;
}
.institution-entry:hover{transform:translateY(-2px);box-shadow:0 7px 0 #143553}
.institution-entry>span:first-child{display:grid;gap:4px}
.institution-entry strong{font-size:18px}
.institution-entry small{font-size:13px;color:#29455f}
.institution-entry>span:last-child{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:#c92330;color:#fff;font-size:24px;font-weight:800}

#conoce-newtoon,#experiencias{scroll-margin-top:110px}

@media(max-width:1000px){
  .vivid-platform .world-welcome{padding:42px 34px 18px;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr)}
  .vivid-platform .world-art{min-height:415px}
  .vivid-platform .world-art>img.world-sun-art{width:300px}
  .vivid-platform .world-art>img.world-kikino{right:-4%;width:350px}
  .home-overview{grid-template-columns:1fr;gap:30px}
  .home-truths{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-truth{padding:78px 18px 20px;min-height:205px}
  .home-truth>span{left:18px}
  .profile-gateway .access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .profile-gateway .access-card:last-child{grid-column:1/-1}
  .profile-gateway .access-card:last-child .access-copy{min-height:190px}
}

@media(max-width:700px){
  .vivid-platform .world-welcome{padding:26px 22px 12px;grid-template-columns:1fr;min-height:0;border-radius:26px 26px 58px 26px}
  .vivid-platform .world-copy h1{font-size:clamp(42px,13vw,58px);max-width:11ch}
  .vivid-platform .world-copy p{font-size:16px}
  .vivid-platform .world-button{min-width:0;flex:1 1 145px}
  .vivid-platform .world-art{min-height:260px;margin-top:0}
  .vivid-platform .world-art>img.world-sun-art{top:50%;left:67%;width:205px;height:auto}
  .vivid-platform .world-art>img.world-kikino{right:3%;bottom:-4px;width:245px;height:auto}
  .vivid-platform .world-sticker{left:auto;right:2px;bottom:18px;font-size:12px}
  .world-clouds{top:0;height:100%;object-position:center}
  .world-floor{right:-18%;bottom:-1px;width:136%}
  .home-overview{margin:24px 0;padding:28px 20px;border-radius:24px;box-shadow:0 6px 0 #c92330}
  .home-overview-lead h2{font-size:38px}
  .home-overview-lead p{font-size:15px;line-height:1.6}
  .home-truths{grid-template-columns:1fr}
  .home-truth{min-height:0;padding:20px 18px 20px 72px}
  .home-truth>span{left:16px;top:17px}
  .experience-band{margin:30px 0 24px;padding:30px 18px;border-radius:24px 54px 24px 24px;box-shadow:0 6px 0 #143553}
  .experience-heading{grid-template-columns:1fr;margin-bottom:24px}
  .experience-heading h2{font-size:38px}
  .experience-heading p{font-size:14px}
  .experience-grid{grid-template-columns:1fr}
  .experience-card{min-height:0;padding:20px}
  .experience-icon{width:50px;height:50px;margin-bottom:20px}
  .profile-gateway{padding-top:34px!important}
  .profile-gateway .access-heading h2{font-size:38px}
  .profile-gateway .access-grid{grid-template-columns:1fr}
  .profile-gateway .access-card:last-child{grid-column:auto}
  .profile-gateway .access-card>img{height:145px}
  .profile-gateway .access-copy,.profile-gateway .access-card:last-child .access-copy{min-height:0;padding:18px 16px}
  .profile-gateway .access-description{display:block;font-size:13px}
  .profile-gateway .access-audience{min-height:0}
  .institution-entry{padding:18px;align-items:flex-start}
  .institution-entry small{font-size:12px;line-height:1.45}
}

@media(prefers-reduced-motion:reduce){
  .world-clouds,.vivid-platform .world-art>img.world-sun-art{animation:none}
  .vivid-platform .world-art>img.world-sun-art{transform:translate(-50%,-50%)}
  .institution-entry{transition:none;transform:none!important}
}