/* ACAR · corrección final guiada por las láminas y recursos oficiales. */
:root{
  --acar-arrow-pink:url('public/optimized/symbols/arrow-pink.svg');
  --acar-arrow-green:url('public/optimized/symbols/arrow-green.svg');
  --acar-loop-pink:url('public/optimized/symbols/loop-pink.svg');
  --acar-loop-white:url('public/optimized/symbols/loop-white.svg');
  --acar-loop-green:url('public/optimized/symbols/loop-green.svg');
  --acar-star:url('public/optimized/symbols/star-white.svg');
  --acar-planet-blue:url('public/optimized/symbols/planet-blue.webp');
  --acar-planet-light:url('public/optimized/symbols/planet-light.webp');
}
html,body{background:#f8fcff;scroll-behavior:auto}
main{
  position:relative;
  background-color:#fff;
  background-image:
    radial-gradient(ellipse 85vw 55vw at 18% 19%,rgba(255,255,255,.105),transparent 79%),
    radial-gradient(ellipse 95vw 55vw at 82% 42%,rgba(236,247,251,.115),transparent 82%),
    radial-gradient(ellipse 90vw 50vw at 15% 93%,rgba(255,255,255,.08),transparent 80%),
    linear-gradient(180deg,
      #f8fcff 0%,#f2f8fa 5%,#b0cfdc 10%,#78a5c1 15%,#4c7fa8 20%,
      #2c6296 25%,#184d8b 30%,#235691 35%,#31669a 40%,#457aa6 45%,
      #6496b7 50%,#89b5cc 55%,#bcd9e1 60%,#fbfcfe 65%,#fff 70%,
      #eaf3f8 75%,#b4ccdf 80%,#7699bf 85%,#3d6ba0 90%,#1a4c8b 95%,#0e4285 100%);
  background-size:100% 100%;
  background-repeat:no-repeat;
}
.acar-met::before{display:none}
.acar-white,.acar-reg{background:transparent!important}
.acar-white{padding-top:96px;padding-bottom:96px}
.acar-met{padding-bottom:64px}

/* Símbolos recortados del SVG de Illustrator: nunca se estiran. */
.acar-orb,.acar-orb--sm,.acar-hero::before,.acar-mods::before,.acar-white::before,.acar-white::after{
  background:var(--acar-planet-blue) center/contain no-repeat!important;
  border:0!important;border-radius:50%!important;box-shadow:none!important;filter:none!important;
  width:clamp(64px,8vw,116px);height:clamp(64px,8vw,116px);aspect-ratio:1;
}
.acar-brandrow .acar-orb{display:none}
.acar-brandrow{grid-template-columns:1fr 1.18fr;gap:50px;width:min(860px,calc(100vw - 72px))}
.acar-hero::before{left:-34px!important;top:360px!important;width:84px!important;height:84px!important}
.acar-mods::before{left:-22px!important;top:42%!important;width:82px!important;height:82px!important;background-image:var(--acar-planet-light)!important}
.acar-white::before{right:-28px!important;top:42%!important;width:126px!important;height:126px!important;background-image:var(--acar-planet-light)!important}
.acar-white::after{left:-34px!important;top:74%!important;width:90px!important;height:90px!important}
.acar-pin,.acar-photo-card .acar-pin,.acar-tray-grid__duo .acar-pin,.acar-footer .acar-pin{
  width:42px;height:80px;border:0!important;border-radius:0!important;
  background:var(--acar-loop-pink) center/contain no-repeat!important;
  transform:none!important;
}
.acar-photo-card .acar-pin,.acar-tray-grid__duo .acar-pin{background-image:var(--acar-loop-white)!important}
.acar-pin--br{transform:rotate(180deg)!important}
.acar-hero__card>.acar-pin{left:-17px;top:-6px}
.acar-tray-grid__duo .acar-pin{right:-9px;top:-4px}
.acar-modules-portrait .acar-pin{right:-13px;top:-6px}
.acar-met__hero .acar-pin{right:-19px;bottom:-7px}
.acar-mani::after{display:none}

/* Navegación con marca legible y Google Sans. */
.acar-nav__pill{backdrop-filter:none;background:rgba(249,252,254,.97);border-color:rgba(12,57,91,.15);box-shadow:0 10px 34px rgba(11,53,85,.07)}
.acar-nav__links a{font-family:'Google Sans',sans-serif;font-weight:700;letter-spacing:.025em}
.acar-nav__links a:hover{transform:translateY(-2px)}
.acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__pill{width:66px;padding:4px;border-radius:999px}
.acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:56px;width:56px;height:48px;justify-content:center;padding:4px;border-radius:50%;background:transparent}
.acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__program-mark{display:block;opacity:1;width:42px;height:42px;object-fit:contain;filter:none}

/* Fotografía y bruma azul hasta el borde inferior. */
.acar-hero__card,.acar-photo-card,.acar-met__hero,.acar-modules-portrait{border:0;box-shadow:0 22px 60px rgba(8,53,82,.14)}
.acar-photo-card::after,.acar-modules-portrait::after,.acar-met__hero::after{
  inset:42% 0 0!important;
  background:linear-gradient(180deg,rgba(5,48,81,0),rgba(5,48,81,.36) 40%,rgba(4,49,82,.94) 100%)!important;
}
.acar-modules-portrait{min-height:620px;margin-top:0}
.acar-modules-portrait figcaption{bottom:0;padding-bottom:30px}

/* Editorial principal: páginas solapadas sin contornos pesados. */
.acar-modules-intro{grid-template-columns:minmax(0,2.05fr) minmax(260px,.78fr);gap:30px}
.acar-modules-intro>.acar-stack .acar-row{
  margin-bottom:-12px;border:0;border-radius:27px;background:#fff;
  box-shadow:0 4px 0 rgba(234,242,248,.82),0 12px 28px rgba(8,50,80,.07);
}
.acar-modules-intro>.acar-stack .acar-row.is-open{margin-bottom:0}
.acar-modules-intro>.acar-stack .acar-row__head{min-height:76px;grid-template-columns:42px 1fr auto;padding:11px 28px}
.acar-modules-intro>.acar-stack .acar-row__title{font-size:clamp(1.8rem,3.4vw,3.75rem);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}
.acar-modules-intro>.acar-stack .acar-row__ico,.acar-stack--mini .acar-row__ico{
  display:block;flex:0 0 28px;width:28px;height:28px;font-size:0!important;
  color:transparent;background:var(--acar-arrow-pink) center/contain no-repeat;
  transform:rotate(-35deg);transition:transform .55s cubic-bezier(.22,1,.36,1);
}
.acar-modules-intro>.acar-stack .acar-row.is-open .acar-row__ico,.acar-stack--mini .acar-row.is-open .acar-row__ico{transform:rotate(0deg)}
.acar-modules-intro>.acar-stack .acar-row__panel,.acar-stack--mini .acar-row__panel{
  overflow:visible!important;visibility:hidden;opacity:0;max-height:0!important;
  transition:max-height .62s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .3s;
}
.acar-modules-intro>.acar-stack .acar-row.is-open .acar-row__panel{visibility:visible;opacity:1;max-height:290px!important}
.acar-modules-intro>.acar-stack .acar-row__body{grid-template-columns:minmax(0,1fr) 205px;gap:10px;overflow:visible}
.acar-modules-intro>.acar-stack .acar-row.is-open .acar-row__body{padding:0 28px 22px}
.acar-row__bubble{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:linear-gradient(135deg,#f8fcff,#edf6fa)!important;
  clip-path:polygon(0 0,94% 0,100% 13%,100% 100%,13% 100%,8% 91%,0 91%);
}
.acar-row__bubble-tail{display:none!important}
.acar-modules-intro>.acar-stack .acar-row__bubble{min-height:150px;padding:24px 28px}
.acar-modules-intro>.acar-stack .acar-row__bubble p{font:700 clamp(.92rem,1.3vw,1.28rem)/1.32 'Google Sans',sans-serif}
.acar-modules-intro>.acar-stack .acar-row__body::after{right:8px;top:-18px;width:190px;height:208px;border-radius:25px;background:#abd9c5;transform:translateY(90px) rotate(16deg) scale(.68);transition:transform .78s cubic-bezier(.18,1.25,.33,1),opacity .35s}
.acar-modules-intro>.acar-stack .acar-row.is-open .acar-row__body::after{opacity:1;transform:translateY(-18px) rotate(-9deg) scale(1)}
.acar-modules-intro>.acar-stack .acar-row__illus{
  width:190px;height:218px;object-fit:cover;object-position:center;border-radius:24px;
  opacity:0;transform:translateY(125px) rotate(20deg) scale(.72);transform-origin:50% 100%;
  transition:transform .86s cubic-bezier(.18,1.25,.33,1),opacity .34s ease;
}
.acar-modules-intro>.acar-stack .acar-row.is-open .acar-row__illus{opacity:1;transform:translateY(-34px) rotate(7deg) scale(1)}
.acar-modules-intro>.acar-stack .acar-row:nth-child(even).is-open .acar-row__illus{transform:translateY(-32px) rotate(-7deg) scale(1)}
.acar-row.is-open .acar-row__illus.is-levitating{animation:none}
.acar-row.is-open .acar-row__illus.is-levitating:hover{transform:translateY(-43px) rotate(4deg) scale(1.02)}

/* Segunda editorial: título grande, imagen que emerge y panel de corte geométrico. */
.acar-met__row{width:min(1190px,calc(100vw - 80px));grid-template-columns:minmax(0,1.25fr) minmax(285px,.7fr);gap:30px}
.acar-stack--mini .acar-row{border:0;background:#073f61;box-shadow:0 5px 0 rgba(6,51,84,.17);margin-bottom:-13px;border-radius:24px}
.acar-stack--mini .acar-row__head{min-height:58px}
.acar-stack--mini .acar-row__title{font:700 clamp(1.3rem,2.25vw,2.2rem)/1 'Syne',sans-serif}
.acar-stack--mini .acar-row__ico{background-image:var(--acar-arrow-green);width:22px;height:22px;flex-basis:22px}
.acar-stack--mini .acar-row.is-open .acar-row__panel{visibility:visible;opacity:1;max-height:220px!important}
.acar-stack--mini .acar-row__body{grid-template-columns:minmax(0,1fr) 160px;min-height:162px;overflow:visible}
.acar-stack--mini .acar-row__bubble{min-height:120px;background:#fff!important;padding:20px 22px}
.acar-stack--mini .acar-row__bubble p{font:700 .92rem/1.32 'Google Sans',sans-serif}
.acar-stack--mini .acar-row__body::after{right:6px;top:-27px;width:158px;height:178px;transform:translateY(100px) rotate(14deg) scale(.68);transition:transform .76s cubic-bezier(.18,1.25,.33,1),opacity .35s}
.acar-stack--mini .acar-row.is-open .acar-row__body::after{transform:translateY(-8px) rotate(-7deg) scale(1)}
.acar-stack--mini .acar-row__illus{width:155px;height:185px;object-fit:cover;object-position:center;border-radius:22px;opacity:0;transform:translateY(112px) rotate(17deg) scale(.72);transition:transform .82s cubic-bezier(.18,1.25,.33,1),opacity .34s}
.acar-stack--mini .acar-row.is-open .acar-row__illus{opacity:1;transform:translateY(-31px) rotate(7deg) scale(1)}
.acar-stack--mini .acar-row:nth-child(even).is-open .acar-row__illus{transform:translateY(-29px) rotate(-7deg) scale(1)}
.acar-met__side{border:0;box-shadow:0 22px 55px rgba(5,52,81,.13)}
.acar-met__side p{font-size:clamp(.9rem,1.12vw,1.08rem)}

/* Fases: el SVG oficial sustituye la flecha tipográfica. */
.acar-phase{border:0;box-shadow:0 11px 30px rgba(5,51,80,.10)}
.acar-phase__arrow{font-size:0!important;color:transparent!important;background:#fff var(--acar-arrow-pink) center/64% no-repeat!important;transition:transform .4s cubic-bezier(.22,1,.36,1)}
.acar-phase:hover .acar-phase__arrow,.acar-phase.is-open .acar-phase__arrow{transform:rotate(-30deg)}
.acar-phase__body{border:0!important;box-shadow:none!important}
.acar-phase__body p{font-size:clamp(.78rem,1vw,1rem)}

/* Testimonios y manifiesto sin rebordes ni gradientes ajenos al diseño. */
.acar-mani{max-width:1240px;font-size:clamp(2rem,4.25vw,4.35rem);line-height:1.09}
.acar-mani__outline::after{border-width:1px;inset:58% -8px -2px}
.acar-t-card__front,.acar-t-card__back{border:0!important;box-shadow:0 18px 42px rgba(6,50,80,.12)}
.acar-t-card__back{background:#073f61!important}
.acar-t-tooltip{border:0;border-radius:20px 20px 20px 4px;box-shadow:0 16px 46px rgba(5,48,75,.19)}
.acar-t-tooltip::before{border:0}

/* Registro: tarjetas salen desde debajo de la ficha al llegar a ella. */
.acar-reg{padding-top:100px;padding-bottom:42px}
.acar-reg__wrap{width:min(1260px,calc(100vw - 72px));grid-template-columns:minmax(390px,.86fr) minmax(420px,1.14fr);gap:0;align-items:center;min-height:720px}
.acar-chat-form{border:0;box-shadow:0 26px 58px rgba(8,51,83,.15);border-radius:28px;padding:40px 36px;transform:translateX(25px)}
.acar-chat-form__title{font-size:clamp(2.9rem,4.8vw,5rem);letter-spacing:-.035em}
.acar-chat-form__qa{background:rgba(255,255,255,.055);border:0!important;box-shadow:inset 0 -1px rgba(255,255,255,.6);border-radius:14px;margin-bottom:14px}
.acar-chat-form__qa input,.acar-chat-form__qa textarea{border:0!important;outline-offset:3px;background:transparent}
.acar-reg__art{min-height:660px;overflow:visible;perspective:1000px}
.acar-reg__card{border:0!important;box-shadow:0 24px 58px rgba(6,50,78,.14);overflow:hidden;opacity:0;transition:opacity .35s ease,transform .95s cubic-bezier(.18,1.18,.3,1)}
.acar-reg__card--navy{inset:12% 4% 9% 13%;background:#073f61;transform:translateX(-185px) rotate(-10deg) scale(.73)}
.acar-reg__card--white{inset:11% 4% 8% 10%;background:#fff;transform:translateX(-176px) rotate(-4deg) scale(.78)}
.acar-reg__card--mint{inset:12% 7% 7% 8%;background:#a8d7c1;padding:13px;transform:translateX(-165px) rotate(0deg) scale(.82)}
.acar-reg__card--navy img,.acar-reg__card--white img{display:none}
.acar-reg__card--mint img{border-radius:27px;object-fit:cover;object-position:center 42%}
.acar-reg__art.is-awake .acar-reg__card{opacity:1}
.acar-reg__art.is-awake .acar-reg__card--navy{transform:translateX(53px) translateY(-27px) rotate(9deg) scale(1)}
.acar-reg__art.is-awake .acar-reg__card--white{transform:translateX(25px) translateY(8px) rotate(5deg) scale(1)}
.acar-reg__art.is-awake .acar-reg__card--mint{transform:translateX(-8px) translateY(28px) rotate(11deg) scale(1)}
.acar-reg__art.is-awake.is-floating .acar-reg__card--navy{animation:acar-card-float-a 8s ease-in-out infinite alternate}
.acar-reg__art.is-awake.is-floating .acar-reg__card--white{animation:acar-card-float-b 8.7s ease-in-out infinite alternate}
.acar-reg__art.is-awake.is-floating .acar-reg__card--mint{animation:acar-card-float-c 7.5s ease-in-out infinite alternate}

/* Pie: marcas blancas y degradado enlazado al final de la página. */
.acar-footer{background:linear-gradient(180deg,#0e4285 0%,#073f61 20%,#073f61 100%)}
.acar-footer__foundation{filter:brightness(0) invert(1)}
.acar-footer__program-logo{filter:grayscale(1) invert(1)}
.acar-footer__foundation{background-size:189% auto}
.acar-footer::before,.acar-footer::after{border-width:9px;opacity:.7}

@media(max-width:980px){
  .acar-brandrow{width:calc(100vw - 46px);gap:20px}
  .acar-modules-intro{grid-template-columns:minmax(0,1fr) minmax(185px,.38fr);gap:14px}
  .acar-modules-portrait{min-height:500px}
  .acar-modules-intro>.acar-stack .acar-row__title{font-size:clamp(1.45rem,3.5vw,2.8rem)}
  .acar-met__row{grid-template-columns:minmax(0,1.25fr) minmax(220px,.7fr)}
  .acar-reg__wrap{grid-template-columns:minmax(330px,.9fr) minmax(300px,1.1fr)}
}
@media(max-width:700px){
  .acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__pill{width:calc(100vw - 20px);padding:6px 12px;border-radius:999px}
  .acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__brand{position:static;transform:none;width:auto;min-width:58px;height:auto;padding:0;background:transparent;border-radius:0}
  .acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__program-mark{width:29px;height:29px;filter:none}
  .acar-nav.is-compact:not(:hover):not(:focus-within) .acar-nav__foundation-logo{width:22px;opacity:1;transform:none}
  .acar-brandrow{grid-template-columns:1fr 1.1fr;gap:12px}
  .acar-modules-intro,.acar-met__row,.acar-reg__wrap{grid-template-columns:1fr}
  .acar-modules-intro>.acar-stack .acar-row__head{min-height:57px;grid-template-columns:30px 1fr auto;padding:8px 13px}
  .acar-modules-intro>.acar-stack .acar-row__title{font-size:clamp(1.35rem,6.5vw,2.25rem)}
  .acar-modules-intro>.acar-stack .acar-row__body{grid-template-columns:minmax(0,1fr) 112px}
  .acar-modules-intro>.acar-stack .acar-row__bubble{min-height:128px;padding:14px}
  .acar-modules-intro>.acar-stack .acar-row__bubble p{font-size:.79rem}
  .acar-modules-intro>.acar-stack .acar-row__illus{width:110px;height:140px}
  .acar-modules-intro>.acar-stack .acar-row__body::after{width:108px;height:140px}
  .acar-modules-portrait{min-height:390px;width:min(72vw,320px);margin:28px auto 0}
  .acar-mods__banner{width:calc(100vw - 48px);margin-top:56px}
  .acar-mega-pill{font-size:clamp(2.2rem,10vw,2.7rem);min-height:114px;padding:15px 18px 25px 24px;white-space:nowrap}
  .acar-mega-pill .acar-mini-btn{position:absolute;right:17px;bottom:11px}
  .acar-met__row{width:calc(100vw - 28px)}
  .acar-met__hero{width:calc(100vw - 24px);min-height:360px}
  .acar-met__hero strong{font-size:clamp(2rem,9.5vw,2.7rem);line-height:1}
  .acar-met__hero strong span{font-size:clamp(1.35rem,6.7vw,2rem);padding-inline:8px}
  .acar-mani{font-size:clamp(1.65rem,6.7vw,2.5rem)}
  .acar-reg__wrap{width:calc(100vw - 28px);min-height:auto}
  .acar-chat-form{transform:none;padding:30px 21px}
  .acar-reg__art{min-height:470px;margin-top:-34px}
  .acar-reg__card--navy{transform:translateY(-120px) rotate(-8deg) scale(.75)}
  .acar-reg__card--white{transform:translateY(-105px) rotate(-3deg) scale(.8)}
  .acar-reg__card--mint{transform:translateY(-95px) scale(.82)}
  .acar-reg__art.is-awake .acar-reg__card--navy{transform:translate(24px,20px) rotate(9deg)}
  .acar-reg__art.is-awake .acar-reg__card--white{transform:translate(10px,32px) rotate(5deg)}
  .acar-reg__art.is-awake .acar-reg__card--mint{transform:translate(-6px,43px) rotate(10deg)}
}
@media(prefers-reduced-motion:reduce){
  .acar-row__illus,.acar-row__body::after,.acar-reg__card,.acar-phase__arrow{animation:none!important;transition:none!important}
}