*{box-sizing:border-box}
:host{
 --orange:#e75227;--aubergine:#35111b;--ink:#1f2121;--ivory:#f9f3dd;
 --pink:#f1aaa8;--yellow:#f5c443;--page-w:390px;--header-h:64px;
}
:host{scroll-behavior:smooth;background:#d8d5cc}
:host{margin:0;background:#d8d5cc;color:var(--aubergine);font-family:"degular-variable",sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 72}
button,a{font:inherit;color:inherit}a{text-decoration:none}
.site{width:100%;margin:0 auto;background:var(--ivory);overflow:hidden;box-shadow:0 12px 42px rgba(53,17,27,.14)}
.header{height:var(--header-h);position:sticky;top:0;z-index:60;background:var(--ivory);border-bottom:1px solid rgba(53,17,27,.24);display:grid;grid-template-columns:56px 1fr 78px;align-items:center;padding:0 12px}
.hamburger{width:44px;height:44px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;cursor:pointer}
.hamburger span{display:block;height:1.6px;background:var(--aubergine)}
.hamburger span:nth-child(1){width:16px}.hamburger span:nth-child(2){width:20px}.hamburger span:nth-child(3){width:13px}
.header-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:102px;height:auto;color:var(--aubergine);line-height:0}
.header-logo svg{display:block;width:100%;height:auto}
.header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:5px}
.account,.language{border:0;background:transparent;padding:0;min-height:44px;display:grid;place-items:center;cursor:pointer}
.account{width:32px}.account svg{width:23px;height:23px;display:block}
.language{min-width:34px;color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.02em;grid-auto-flow:column;gap:3px}
.language::after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px)}

.hero{height:760px;position:relative;overflow:hidden;background:#b8b7b1;color:var(--ivory)}
.hero-media{position:absolute;inset:0}
.hero-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .08s linear;filter:saturate(.96) contrast(1.02)}
.hero-frame.is-active{opacity:1}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,33,33,.18) 0%,rgba(31,33,33,.01) 64%),linear-gradient(0deg,rgba(31,33,33,.30) 0%,transparent 35%)}
.hero-overlay{position:absolute;inset:0;z-index:2;padding:22px 14px 25px}
.hero-brand{width:160px;color:var(--aubergine);line-height:0;transition:opacity .48s ease,transform .48s ease}
.hero-brand svg{width:100%;height:auto;display:block}
.hero-brand.is-dissolved{opacity:0;transform:translateY(-8px)}
.percent{position:absolute;left:14px;top:194px;color:var(--yellow);font-size:98px;line-height:.82;font-weight:800;letter-spacing:-6px;font-variant-numeric:tabular-nums;text-shadow:0 1px 0 rgba(53,17,27,.08)}
.hero-cta{position:absolute;left:14px;bottom:28px;width:228px;color:var(--ivory);font-size:36px;line-height:.86;font-weight:800;letter-spacing:-1.8px;text-transform:uppercase;padding-bottom:9px;border-bottom:2px solid currentColor;opacity:0;transform:translateY(10px);transition:opacity .42s ease,transform .42s ease}
.hero-cta.is-visible{opacity:1;transform:none}.hero-cta .arrow{position:absolute;right:-2px;bottom:8px;font-size:37px;line-height:1}
.hero-cta .arrow,.hero-cta .arrow-shape,.hero-cta .arrow-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.hero-cta:hover .arrow,.hero-cta:hover .arrow-shape,.hero-cta:hover .arrow-icon{transform:translateX(4px)}

.section{padding:72px 20px;border-bottom:1px solid rgba(53,17,27,.18);position:relative}
h1,h2,p{margin:0}
.value h2{font-size:54px;line-height:.91;letter-spacing:-2.6px;font-weight:800;text-transform:uppercase;max-width:none}
.lead{font-size:18px;line-height:1.35;margin-top:22px;font-weight:500}
.lead strong{font-weight:800}
.value-photo{height:340px;margin-top:34px;position:relative;background:var(--pink);overflow:hidden}
.value-photo picture{display:block;width:100%;height:100%}
.value-photo img{display:block;width:100%;height:100%;object-fit:cover}
.price-bubble{position:absolute;right:7px;top:27px;width:82px;height:82px;border:1.8px solid var(--aubergine);border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-size:12px;line-height:.91;font-weight:800;text-transform:uppercase;transform:rotate(2deg)}
.price-bubble strong{display:block;font-size:24px;line-height:.9;margin-top:4px}
.official-sticker{position:absolute;left:6px;bottom:11px;width:210px;height:auto;line-height:0;filter:drop-shadow(0 1px 0 rgba(53,17,27,.08))}
.official-sticker svg{width:100%;height:auto;display:block}
.cta-button{display:flex;width:100%;min-height:56px;margin-top:28px;border:1.7px solid var(--aubergine);background:var(--orange);padding:13px 12px;align-items:center;justify-content:space-between;text-align:left;text-transform:uppercase;font-weight:800;font-size:16px;line-height:1.02;cursor:pointer}
.cta-button .arrow{font-size:25px;line-height:1;margin-left:10px}
.micro{font-size:13px;line-height:1.4;margin-top:10px;color:rgba(53,17,27,.69)}
.marquee{height:45px;display:flex;align-items:center;overflow:hidden;border-top:1.4px solid var(--aubergine);border-bottom:1.4px solid var(--aubergine);background:var(--yellow);white-space:nowrap}
.marquee-track{display:inline-block;padding-left:100%;animation:marquee 19s linear infinite;font-size:12px;font-weight:800;letter-spacing:.2px}
@keyframes marquee{to{transform:translateX(-100%)}}

.group{padding-top:72px;padding-bottom:72px}
.group-tag{display:inline-block;background:var(--pink);border:1.4px solid var(--aubergine);padding:7px 9px 6px;font-size:12px;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.group h2{font-size:45px;line-height:.94;letter-spacing:-2px;font-weight:800;text-transform:uppercase;margin-top:20px}
.carousel-wrap{position:relative;margin-top:26px}
.group-carousel{height:300px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-y pan-x;border:1.5px solid var(--aubergine)}
.group-carousel::-webkit-scrollbar{display:none}
.group-slide{min-width:100%;height:100%;scroll-snap-align:start}
.group-slide img{width:100%;height:100%;display:block;object-fit:cover}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:36px;height:48px;border:0;background:rgba(249,243,221,.78);font-size:30px;line-height:1;cursor:pointer}
.carousel-arrow.prev{left:1px}.carousel-arrow.next{right:1px}
.dots{display:flex;justify-content:center;gap:9px;margin-top:11px}

.dot{width:28px;height:28px;min-width:28px;display:grid;place-items:center;border:0;padding:0;background:transparent;cursor:pointer}
.dot::before{content:"";display:block;width:7px;height:7px;border:1.2px solid var(--aubergine);border-radius:50%;background:transparent}
.dot.is-active::before{background:var(--aubergine)}
.group .emotional{font-size:18px;line-height:1.35;font-weight:700;margin-top:23px}
.group .functional{font-size:16px;line-height:1.45;margin-top:17px}

@media (max-width:389px){
 .site{width:100%}.value h2{font-size:50px}.group h2{font-size:42px}
 .hero-brand{width:152px}.percent{font-size:91px}.header-logo{width:98px}
}
@media (min-width:391px){:host{padding:24px 0 70px}}
@media (prefers-reduced-motion:reduce){
 :host{scroll-behavior:auto}.marquee-track{animation:none;padding-left:12px}.hero-frame{transition:none}
 .hero-brand,.hero-cta{transition:none}
}

:host{display:block!important;width:100%!important;margin:0 auto!important;padding:0!important;overflow:visible!important;}

.header{height:72px;grid-template-columns:54px 1fr 136px;padding:0 14px;border-bottom:1px solid rgba(53,17,27,.18)}
.hamburger{width:46px;height:50px;gap:7px;align-items:flex-start}
.hamburger span,.hamburger span:nth-child(1),.hamburger span:nth-child(2),.hamburger span:nth-child(3){width:28px;height:3.4px;border-radius:0;background:var(--aubergine)}
.header-logo{width:116px;height:44px;display:block}
.brand-mask{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:var(--brand-url) center/contain no-repeat;mask:var(--brand-url) center/contain no-repeat}
.header-actions{gap:8px}
.account{width:34px;height:34px;min-height:34px;border:2px solid var(--aubergine);border-radius:50%}
.account svg{width:19px;height:19px}
.language-switcher{position:relative}
.language{min-width:87px;min-height:42px;color:var(--orange);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:flex-end;gap:5px;letter-spacing:-.01em}
.language::after{display:none}
.language b{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:0}
.language-menu{position:absolute;right:0;top:47px;z-index:90;width:110px;background:var(--ivory);border:2px solid var(--aubergine);padding:7px}
.language-menu a{display:block;padding:8px 7px;font-size:14px;font-weight:800;text-transform:uppercase}
.language-menu a[aria-current="page"]{background:var(--yellow)}
.hero{height:670px}
.hero-overlay{padding:18px 14px 44px}
.hero-brand{position:absolute;left:50%;top:150px;transform:translateX(-50%);width:220px;height:106px;color:var(--aubergine);opacity:1;transition:opacity .35s ease,transform .35s ease}
.hero-brand.is-hidden{opacity:0;transform:translate(-50%,-8px);pointer-events:none}
.hero-brand.is-dissolved{opacity:1;transform:translateX(-50%)}
.percent{left:50%;top:95px;transform:translateX(-50%);width:210px;text-align:center;font-size:72px;line-height:.72;letter-spacing:-4px;text-shadow:none}
.percent span{display:block}
.hero-cta{left:18px;bottom:54px;width:258px;font-size:35px;padding-bottom:12px;border-bottom:3px solid currentColor}
.hero-cta .arrow-shape{position:absolute;right:-76px;bottom:-1px;width:66px;height:42px}
.value .lead{font-weight:800;font-size:20px;line-height:1.24}
.value-photo img{object-position:center 20%}
.cta-button{border:0;min-height:62px;padding:14px 16px}
.arrow-shape{position:relative;display:block;width:54px;height:36px;flex:0 0 54px}
.arrow-shape i{position:absolute;display:block;height:3px;background:currentColor;transform-origin:right center}
.arrow-shape i:nth-child(1){width:42px;right:4px;top:17px}
.arrow-shape i:nth-child(2){width:24px;right:3px;top:17px;transform:rotate(45deg)}
.arrow-shape i:nth-child(3){width:24px;right:3px;top:17px;transform:rotate(-45deg)}
.marquee{border:0;height:48px}
.marquee-track{font-size:15px;letter-spacing:.15px;animation-duration:17s}
.group-tag{display:block;background:transparent;border:0;padding:0;color:var(--orange);font-size:14px;letter-spacing:.075em}
.group h2{margin-top:18px}
.group .functional{font-size:18px;line-height:1.35;font-weight:650;margin-top:24px}
.group .cta-button{margin-top:28px}
@media(max-width:370px){.header{grid-template-columns:50px 1fr 126px;padding:0 10px}.header-logo{width:105px}.language{min-width:82px;font-size:12px}.hero{height:640px}}

:host{--ivory:#f9f3dd;--plum:#35111b;--orange:#e75227;--pink:#f1aaa8;--yellow:#f5c443;--display:"degular-variable",sans-serif;color:var(--plum)}
.site,.section{background:var(--ivory)}
.section{border-bottom:0!important;padding-left:20px;padding-right:20px}
.header{grid-template-columns:58px 1fr 112px!important;padding:13px 16px 12px 20px!important;color:var(--plum)!important;background:var(--ivory)!important}
.hamburger{width:42px!important;height:38px!important;padding:6px 3px!important;margin-left:2px!important}
.hamburger span{width:34px!important;height:4px!important;border-radius:999px!important;background:var(--plum)!important;margin:0!important}
.hamburger{display:flex!important;flex-direction:column!important;justify-content:space-between!important}
.header-logo{width:154px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.header-logo img{width:100%!important;height:auto!important;display:block!important}
.header-actions{gap:12px!important;align-items:center!important;color:var(--plum)!important}
.account{width:32px!important;height:38px!important;border:0!important;border-radius:0!important;color:var(--plum)!important}
.account svg{width:29px!important;height:29px!important;overflow:visible}
.language-switcher{position:relative}
.language{border:0!important;background:transparent!important;min-width:43px!important;padding:0 12px 0 0!important;font-size:15px!important;font-weight:800!important;color:var(--plum)!important;display:flex!important;gap:4px!important}
.language b{position:absolute!important;right:0!important;top:50%!important;width:7px!important;height:7px!important;border-right:2px solid var(--orange)!important;border-bottom:2px solid var(--orange)!important;transform:translateY(-70%) rotate(45deg)!important}
.language-menu{right:0!important;top:42px!important;min-width:120px!important;border:0!important;background:rgba(249,243,221,.97)!important;box-shadow:0 10px 24px rgba(53,17,27,.12)!important;padding:8px 0!important}
.language-menu a{padding:9px 14px!important;font-size:15px!important;font-weight:700!important;color:var(--plum)!important;background:transparent!important}
.hero{height:690px!important;min-height:690px!important;border-bottom:0!important}
.hero-overlay{padding:0 20px 44px!important}
.percent{top:78px!important;left:50%!important;transform:translateX(-50%)!important;width:100%!important;align-items:center!important;gap:10px!important}
.percent span{font-size:70px!important;line-height:.78!important;color:var(--yellow)!important;margin:0!important}
.hero-brand{top:92px!important;left:50%!important;transform:translateX(-50%)!important;width:232px!important;height:auto!important;background:none!important}
.hero-brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 1px rgba(53,17,27,.04))}
.hero-cta{left:20px!important;right:20px!important;bottom:38px!important;width:auto!important;grid-template-columns:1fr 142px!important;color:var(--plum)!important;font-size:50px!important;line-height:.84!important}
.hero-cta>span:first-child{width:max-content;border-bottom:4px solid var(--plum)!important;padding-bottom:8px!important}
.hero-cta .arrow-shape{width:142px!important;height:48px!important}
.hero-cta .arrow-shape i{height:4px!important;background:var(--plum)!important;border-radius:99px!important}
.hero-cta .arrow-shape i:first-child{width:100%!important;left:0!important;top:22px!important}
.hero-cta .arrow-shape i:nth-child(2),.hero-cta .arrow-shape i:nth-child(3){width:32px!important;right:0!important;left:auto!important;transform-origin:right center!important}
.hero-cta .arrow-shape i:nth-child(2){top:22px!important;transform:rotate(45deg)!important}
.hero-cta .arrow-shape i:nth-child(3){top:22px!important;transform:rotate(-45deg)!important}
.value{padding-top:80px!important}
.value h2,.group h2{font-size:48px!important;line-height:.88!important;letter-spacing:-.05em!important}
.value .lead,.group .functional{font-size:20px!important;line-height:1.25!important;font-weight:800!important;color:var(--plum)!important}
.marquee{margin:34px -20px 34px!important;background:var(--yellow)!important;border:0!important;overflow:hidden!important}
.marquee-track{display:flex!important;width:max-content!important;animation:v3-marquee 12s linear infinite!important;white-space:nowrap!important;font-size:20px!important;font-weight:800!important;color:var(--plum)!important;padding:11px 0!important}
.marquee-track span{display:block;flex:none}
@keyframes v3-marquee{to{transform:translateX(-50%)}}
.official-sticker svg{display:none!important}.official-sticker img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.cta-button{background:transparent!important;color:var(--plum)!important;border:2px solid var(--plum)!important;border-radius:0!important;min-height:64px!important;padding:14px 16px!important;font-size:18px!important;font-weight:800!important}
.cta-button .arrow-shape{width:58px!important;height:30px!important}
.cta-button .arrow-shape i{height:3px!important;background:var(--plum)!important;border-radius:99px!important}
.cta-button .arrow-shape i:first-child{width:58px!important;top:14px!important}
.cta-button .arrow-shape i:nth-child(2),.cta-button .arrow-shape i:nth-child(3){width:17px!important;right:0!important;left:auto!important;transform-origin:right center!important;top:14px!important}
.cta-button .arrow-shape i:nth-child(2){transform:rotate(45deg)!important}.cta-button .arrow-shape i:nth-child(3){transform:rotate(-45deg)!important}
.group{padding-top:78px!important;padding-bottom:86px!important}
.group-tag{background:transparent!important;color:var(--orange)!important;padding:0!important;border:0!important;font-size:48px!important;line-height:.88!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.05em!important;margin-bottom:8px!important;width:100%!important}
.group h2{margin-top:0!important}
@media(max-width:370px){.header{grid-template-columns:52px 1fr 102px!important;padding-left:16px!important}.header-logo{width:138px!important}.hero-cta{font-size:45px!important;grid-template-columns:1fr 122px!important}.hero-cta .arrow-shape{width:122px!important}.value h2,.group h2,.group-tag{font-size:44px!important}}

:host,button,input,select,textarea,a{font-family:"degular-variable",sans-serif!important}

:host{--graduate-mask:url("../../images/img-26.webp");--menu-logo-mask:url("../../images/img-01.webp")}

.header{grid-template-columns:52px 1fr 104px!important;padding:12px 14px 11px 22px!important}
.hamburger{margin-left:3px!important}
.header-logo{width:148px!important;height:32px!important}
.header-actions{gap:9px!important}
.account{width:30px!important;height:32px!important;min-height:32px!important;display:grid!important;place-items:center!important}
.graduate-user-icon{display:block;width:28px;height:30px;background:currentColor;-webkit-mask:var(--graduate-mask) center/contain no-repeat;mask:var(--graduate-mask) center/contain no-repeat}
.language{min-width:41px!important;min-height:34px!important;padding:0 11px 0 0!important;justify-content:flex-end!important;font-size:16px!important;color:var(--plum)!important}
.language b{width:7px!important;height:7px!important;border-color:var(--orange)!important}
.language-menu{right:0!important;top:37px!important;min-width:42px!important;width:42px!important;background:rgba(249,243,221,.94)!important;box-shadow:none!important;padding:3px 0!important;border:0!important}
.language-menu a{padding:6px 7px!important;text-align:center!important;font-size:15px!important;font-weight:800!important;color:var(--orange)!important}
.language-menu a[aria-current="page"]{background:transparent!important;color:var(--plum)!important}

.hero{height:690px!important}
.percent{top:76px!important;gap:18px!important}
.percent span{font-size:76px!important;line-height:.78!important}
.hero-brand{top:150px!important;width:238px!important}
.hero-cta{bottom:72px!important;color:var(--ivory)!important;display:grid!important;grid-template-columns:1fr 138px!important;align-items:end!important;column-gap:10px!important;font-size:52px!important;border:0!important;padding:0!important}
.hero-cta-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:.82}
.hero-cta-underlined{display:inline-block;border-bottom:4px solid currentColor;padding-bottom:8px;width:max-content}
.hero-cta .arrow-icon{width:138px!important;height:62px!important;color:var(--ivory)!important;align-self:end;margin-bottom:-2px}
.arrow-icon{display:block;flex:0 0 auto;overflow:visible}

.value{padding-top:74px!important;padding-bottom:46px!important}
.value h2 .accent-word{color:var(--yellow)!important}
.value .lead{margin-top:24px!important}
.marquee{margin-top:28px!important;margin-bottom:30px!important}
.marquee-track{animation-duration:10s!important}
.marquee-you{color:var(--plum)}.marquee-class{color:var(--ivory)}.marquee-sep{color:var(--orange)}
.value-photo{margin-left:-20px!important;margin-right:-20px!important;width:auto!important;height:356px!important}
.price-bubble{right:12px!important;top:22px!important;width:94px!important;height:94px!important;border:0!important;background:var(--yellow)!important;box-shadow:4px 4px 0 var(--orange);transform:rotate(4deg)!important;color:var(--plum)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important}
.price-bubble .price-word{font-size:17px;line-height:.84;font-weight:800;letter-spacing:-.02em}
.price-bubble .price-from{font-size:11px;line-height:1;font-weight:800;margin-top:3px}
.price-bubble strong{font-size:28px!important;line-height:.88!important;margin-top:4px!important}
.official-sticker{left:8px!important;bottom:13px!important;width:218px!important;transform:rotate(-3deg)!important}
.official-sticker img{mix-blend-mode:normal!important}
.cta-button{margin-top:24px!important}
.cta-button .arrow-icon{width:68px;height:40px}

.group{padding-top:48px!important;padding-bottom:70px!important}
.carousel-wrap{margin-left:-20px!important;margin-right:-20px!important;margin-top:28px!important}
.group-carousel{border:0!important;height:322px!important}
.dots{gap:12px!important;margin-top:14px!important}
.dot{width:28px!important;height:28px!important}
.dot::before{width:10px!important;height:10px!important;border:2px solid var(--orange)!important}
.dot.is-active::before{background:var(--orange)!important}
.group .functional{margin-top:24px!important}
.group .functional span{display:block}
.group .functional .group-extra{margin-top:10px}
@media(max-width:370px){.header{grid-template-columns:49px 1fr 100px!important;padding-left:18px!important}.header-logo{width:138px!important}.hero-cta{font-size:47px!important;grid-template-columns:1fr 122px!important}.hero-cta .arrow-icon{width:122px!important}}

.hero-cta>span:first-child{border:0!important;padding-bottom:0!important}

:host,:host *,:host *::before,:host *::after{
  font-family:"degular-variable",sans-serif!important;
  font-optical-sizing:none!important;
  font-kerning:normal!important;
  font-synthesis:none!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
}
.value h2,.group h2,.group-tag{
  font-weight:760!important;
  font-variation-settings:"opsz" 52,"wght" 760!important;
  letter-spacing:.002em!important;
  line-height:.94!important;
}
.hero-cta{
  font-weight:760!important;
  font-variation-settings:"opsz" 52,"wght" 760!important;
  letter-spacing:.002em!important;
  line-height:.90!important;
}
.percent{
  font-weight:760!important;
  font-variation-settings:"opsz" 72,"wght" 760!important;
  letter-spacing:0!important;
}
.lead,.group .functional,.group .emotional{
  font-weight:620!important;
  font-variation-settings:"opsz" 20,"wght" 620!important;
  letter-spacing:0!important;
  line-height:1.30!important;
}
.lead strong{
  font-weight:740!important;
  font-variation-settings:"opsz" 20,"wght" 740!important;
}
.cta-button,.language,.marquee-track,.price-bubble{
  font-weight:700!important;
  font-variation-settings:"opsz" 24,"wght" 700!important;
  letter-spacing:.005em!important;
}
.cta-button{line-height:1.05!important}
.micro{
  font-weight:500!important;
  font-variation-settings:"opsz" 16,"wght" 500!important;
  letter-spacing:0!important;
  line-height:1.35!important;
}

:host{--mobile-header-h:66px}
.header{
  height:var(--mobile-header-h)!important;
  min-height:var(--mobile-header-h)!important;
  position:fixed!important;
  top:0!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:100vw!important;
  z-index:9999!important;
  grid-template-columns:52px 1fr 104px!important;
  padding:0 14px 0 22px!important;
}

.hero{margin-top:var(--mobile-header-h)!important}

.hero{
  height:auto!important;
  min-height:calc(100vh - var(--mobile-header-h))!important;
  min-height:calc(100svh - var(--mobile-header-h))!important;
}

.hamburger{
  width:42px!important;
  height:38px!important;
  margin-left:3px!important;
  padding:0 3px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
}
.hamburger span,
.hamburger span:nth-child(1),
.hamburger span:nth-child(2),
.hamburger span:nth-child(3){
  width:30px!important;
  height:3.2px!important;
  min-height:3.2px!important;
  margin:0!important;
  border-radius:999px!important;
}

.header-logo{width:148px!important;height:32px!important}

.header-actions{gap:4px!important}
.account{
  width:26px!important;
  height:28px!important;
  min-height:28px!important;
}
.graduate-user-icon{width:24px!important;height:26px!important}

.language{min-width:41px!important;min-height:34px!important;padding:0 11px 0 0!important;font-size:16px!important}
.language-menu{top:35px!important}

@media(max-width:370px){
  .header{grid-template-columns:49px 1fr 100px!important;padding-left:18px!important}
  .header-logo{width:138px!important}
}
@media(prefers-reduced-motion:reduce){
  .header{scroll-behavior:auto}
}

.hero-message{
  position:absolute!important; inset:50% auto auto 50%!important;
  transform:translate(-50%,-50%) translateY(8px)!important;
  z-index:5!important; width:86%!important; display:flex!important; flex-direction:column!important;
  align-items:center!important; justify-content:center!important; color:var(--orange)!important;
  font-size:70px!important; line-height:.84!important; font-weight:800!important; letter-spacing:-.045em!important;
  text-align:center!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  transition:opacity .5s ease, transform .5s ease!important;
}

.hero-message[hidden]{display:none!important}
.hero-message span{display:block!important}
.hero-message.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,-50%) translateY(0)!important}
.hero-message.is-leaving{opacity:0!important;transform:translate(-50%,-50%) translateY(-8px)!important}
.hero-brand{
  position:absolute!important; left:50%!important; top:50%!important;
  transform:translate(-50%,-50%) translateY(8px)!important;
  width:63%!important; max-width:250px!important; margin:0!important; opacity:0!important;
  visibility:hidden!important; pointer-events:none!important; z-index:5!important;
  transition:opacity .5s ease, transform .5s ease!important;
}
.hero-brand[hidden]{display:none!important}
.hero-brand.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,-50%) translateY(0)!important}
.hero-brand.is-gone{opacity:0!important;transform:translate(-50%,-50%) translateY(-8px)!important}
.hero-brand img{display:block!important;width:100%!important;height:auto!important}
.hero-cta{bottom:59px!important} 
.value{padding-top:68px!important}
.value h2{max-width:none!important;font-size:44px!important}
.value .lead{margin-top:24px!important;margin-bottom:22px!important}
.feature-strip{position:relative!important;z-index:4!important;margin:0 -20px -1px!important;overflow:hidden!important;width:auto!important}
.feature-track{display:flex!important;width:max-content!important}
.feature-card{width:130px!important;min-width:130px!important;height:106px!important;padding:13px 10px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;text-transform:uppercase!important}
.feature-card strong{font-size:20px!important;line-height:.84!important;font-weight:800!important;letter-spacing:.01em!important}
.feature-card span{font-size:15px!important;line-height:.9!important;font-weight:800!important;letter-spacing:.01em!important}
.feature-orange{background:var(--orange)!important;color:var(--plum)!important}
.feature-aubergine{background:var(--aubergine)!important;color:var(--yellow)!important}
.feature-ivory{background:var(--ivory)!important;color:var(--plum)!important;border-top:1px solid rgba(53,17,27,.16)!important;border-bottom:1px solid rgba(53,17,27,.16)!important}
.feature-yellow{background:var(--yellow)!important;color:var(--aubergine)!important}
.feature-pink{background:var(--pink)!important;color:var(--plum)!important}
.value-photo{margin-top:0!important}
.value-photo .price-bubble{z-index:6!important}
.value .cta-button,.group .cta-button{text-transform:uppercase!important}
.group h2{font-size:44px!important}.group .functional .group-extra{display:block!important;margin-top:14px!important}
@media(max-width:370px){.hero-message{font-size:63px!important}.feature-card{width:120px!important;min-width:120px!important}}
@media(prefers-reduced-motion:reduce){.hero-message,.hero-brand,.hero-info{transition:none!important}}
@media(prefers-reduced-motion:reduce){.hero-cta .arrow,.hero-cta .arrow-shape,.hero-cta .arrow-icon,.whatsapp-float,.header-cta-desktop,.carousel-arrow-desktop,.header-nav-desktop a{transition:none!important}}

.hero-info{background:var(--ivory);color:var(--plum);padding:26px 20px 6px;opacity:1;transform:none}
.hero-seo-title{font-size:27px;line-height:1.08;font-weight:800;text-transform:uppercase;letter-spacing:-.01em}
.hero-fixed-info{font-size:14px;line-height:1.4;font-weight:700;margin-top:16px;padding-top:14px;border-top:1.4px solid rgba(53,17,27,.18)}

.hero-message-2{opacity:0}
.hero-message-2.is-visible{opacity:1}
.hero-message-2 span{font-size:48px!important;letter-spacing:-.005em!important;line-height:1.25!important;margin-bottom:6px!important}
.hero-message-2 span:last-child{margin-bottom:0!important}
@media(max-width:370px){.hero-message-2 span{font-size:42px!important}}
.hero-info .micro{margin-top:14px}

.group-subtitle{font-size:19px;line-height:1.28;font-weight:800;text-transform:uppercase;margin-top:14px;color:var(--orange)}
.group-copy{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.group-copy p{font-size:16px;line-height:1.45;font-weight:500}
.group-highlight{font-size:19px;line-height:1.3;font-weight:800;text-transform:uppercase;margin-top:18px}
.group-highlight:first-of-type{margin-top:22px}
.group-promo{margin-top:20px;padding:14px 16px;background:var(--yellow);border:1.5px solid var(--aubergine);font-size:14px;line-height:1.4;font-weight:700}
.group .cta-button{margin-top:24px}

.hero-cta{font-size:38px!important;grid-template-columns:1fr 68px!important}
.hero-cta .arrow-icon{width:68px!important;height:40px!important}
@media(max-width:370px){
  .hero-cta{font-size:34px!important;grid-template-columns:1fr 60px!important}
  .hero-cta .arrow-icon{width:60px!important;height:36px!important}
}

.feature-strip{
  overflow-x:auto!important; overflow-y:hidden!important;
  scroll-snap-type:none!important; -webkit-overflow-scrolling:touch;
  scrollbar-width:none; padding-left:0!important; padding-right:0!important;
}
.feature-strip::-webkit-scrollbar{display:none}
.feature-strip:focus-visible{outline:3px solid var(--yellow)!important;outline-offset:-3px!important}
.feature-card{scroll-snap-align:none!important}

:host{max-width:none!important}
.site{max-width:none!important}
.header{max-width:none!important}

.micro{font-size:14px!important;line-height:1.55!important;color:rgba(53,17,27,.85)!important}
.group-promo{padding:0}
.group-promo-item{
  display:flex; align-items:flex-start; gap:9px;
  padding:11px 14px; font-size:14px; line-height:1.5; font-weight:700;
  border-bottom:1.5px solid rgba(53,17,27,.25);
}
.group-promo-item:last-child{border-bottom:0}
.group-promo-item::before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--aubergine);margin-top:7px}

.header-nav-desktop{display:none}
.header-nav-desktop a{transition:color .2s ease}
.header-cta-desktop{display:none}
.header-cta-desktop{transition:background-color .25s ease,color .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}
.header-cta-desktop:hover{transform:scale(1.15)}
.carousel-arrow-desktop{display:none}
.carousel-arrow-desktop{transition:background-color .25s ease}

.whatsapp-float{
  position:fixed; right:24px; bottom:24px; z-index:100;
  display:flex; align-items:center; justify-content:center;
  width:68px; height:68px; border-radius:50%;
  background:var(--yellow); color:var(--plum);
  box-shadow:0 4px 14px rgba(53,17,27,.28);
  opacity:1; transform:scale(1);
  transition:opacity .5s ease, transform .3s cubic-bezier(.34,1.56,.64,1), background-color .25s ease, color .25s ease;
}
.whatsapp-float .whatsapp-icon{width:34px;height:34px}
.whatsapp-float:hover{background:var(--plum);color:var(--ivory);transform:scale(1.15)}
.whatsapp-float.is-pinned{position:absolute!important;bottom:auto!important}
/* En movil aparece con un fundido (no de golpe) al salir del hero, en vez
   de esconderse instantaneo con display:none. pointer-events:none evita
   que se pueda tocar mientras esta invisible dentro del hero. */
@media(max-width:767px){
  .whatsapp-float.is-hidden{opacity:0; transform:scale(.7); pointer-events:none}
}

/* En escritorio, mas cerca del borde del contenido (var(--prelaunch-max),
   1440px) que del borde de la ventana -- en pantallas muy anchas el sitio
   no ocupa todo el ancho, y el boton quedaba flotando lejos de todo.
   Pedido 2026-09-13. */
@media(min-width:768px){
  .whatsapp-float{
    right:calc(24px + max(0px, (100vw - var(--prelaunch-max,1440px)) / 2));
    /* A media altura de la pantalla (prueba pedida por Fernando 2026-09-14).
       El "soltar" sobre el footer en app.js usa el mismo offset. */
    top:calc(50% - 34px); bottom:auto;
  }
}

@media(min-width:1024px){

  .hero{
    max-width:1360px!important; margin-left:auto!important; margin-right:auto!important;
    height:auto!important; min-height:clamp(620px,calc(100vh - 80px),820px)!important;
    background:var(--aubergine)!important;
  }
  .hero-frame{
    left:50%!important; right:auto!important; top:0!important; bottom:0!important;
    width:min(60%,860px)!important; height:100%!important;
    transform:translateX(-50%)!important;
    object-fit:cover!important; object-position:center 38%!important;
    background:none!important;
    
    transition:opacity .04s linear!important;
  }
  .hero::after{
    background:
      radial-gradient(60% 55% at 50% 46%,rgba(31,33,33,.22) 0%,rgba(31,33,33,0) 100%),
      linear-gradient(0deg,rgba(31,33,33,.38) 0%,transparent 40%)!important;
  }
  .hero-info{max-width:1000px!important; margin-left:auto!important; margin-right:auto!important}

  .hero-message{
    font-size:128px!important; width:min(51%,720px)!important;
  }
  
  .hero-message::before{
    content:""!important; position:absolute!important; inset:-6% -14%!important;
    background:radial-gradient(ellipse 62% 60% at 50% 50%,rgba(31,17,20,.40) 0%,rgba(31,17,20,.18) 55%,rgba(31,17,20,0) 78%)!important;
    z-index:-1!important; pointer-events:none!important;
  }
  .hero-message span{
    text-shadow:0 1px 3px rgba(31,17,20,.75), 0 3px 12px rgba(31,17,20,.4)!important;
  }
  .hero-message-2 span{font-size:82px!important}
  .hero-brand{width:38%!important; max-width:360px!important}

  .hero-cta{
    left:20%!important; right:auto!important; bottom:34px!important;
    width:max-content!important; max-width:480px!important;
    display:inline-grid!important; grid-template-columns:auto auto!important;
    column-gap:14px!important; align-items:center!important;
    font-size:30px!important; color:var(--ivory)!important;
  }
  .hero-cta .arrow-icon{width:52px!important; height:32px!important}

  
  .value{padding-top:40px!important}
  .value h2{max-width:920px!important; margin-left:auto!important; margin-right:auto!important}
  .value .lead{max-width:65ch!important; margin-left:auto!important; margin-right:auto!important}
  
  .value-photo{
    max-width:700px!important; width:100%!important; height:auto!important;
    aspect-ratio:437/586!important; margin:34px auto 0!important;
    background:var(--ivory)!important;
  }
  .value-photo img{object-fit:contain!important; object-position:center!important}
  .cta-button{max-width:1000px!important; margin-left:auto!important; margin-right:auto!important}
  .value .micro{max-width:1000px!important; margin-left:auto!important; margin-right:auto!important}
  
  .feature-card{width:200px!important; min-width:200px!important; height:126px!important}
  .feature-card strong{font-size:24px!important}
  .feature-card span{font-size:17px!important}

  
  .group-tag,.group h2,.group-subtitle{
    max-width:1100px!important; margin-left:auto!important; margin-right:auto!important;
  }
  .group-copy,.group-highlight,.group-promo,.group .micro{
    max-width:1000px!important; margin-left:auto!important; margin-right:auto!important;
  }
  .group{padding-top:96px!important; padding-bottom:96px!important}
  .carousel-wrap{max-width:1100px!important; margin-left:auto!important; margin-right:auto!important; margin-top:38px!important}
  .group-copy{margin-top:40px!important}
  .group-carousel{height:auto!important; aspect-ratio:4/3!important}
  .carousel-arrow-desktop{
    display:flex!important; align-items:center!important; justify-content:center!important;
    width:44px!important; height:44px!important; min-width:44px!important;
    border-radius:50%!important; background:rgba(249,243,221,.92)!important; color:var(--plum)!important;
    box-shadow:0 2px 8px rgba(53,17,27,.18)!important; font-size:0!important;
  }
  .carousel-arrow-desktop.prev{left:16px!important}
  .carousel-arrow-desktop.next{right:16px!important; left:auto!important}
  .carousel-arrow-desktop:hover{background:var(--ivory)!important}
  .carousel-arrow-desktop:focus-visible{outline:3px solid var(--orange)!important; outline-offset:2px!important}
}

@media(min-width:1180px){

  .header{
    display:grid!important;
    grid-template-columns:1fr auto 1fr!important;
    align-items:center!important;
    height:80px!important;
    padding-left:max(24px,calc((100% - 1360px)/2))!important;
    padding-right:max(24px,calc((100% - 1360px)/2))!important;
    column-gap:16px!important;
  }
  .hamburger{display:none!important}
  .header-logo{
    position:static!important; left:auto!important; top:auto!important; transform:none!important;
    grid-column:1!important; justify-self:start!important;
    width:158px!important; height:auto!important;
  }
  .header-nav-desktop{
    display:flex!important; grid-column:2!important; justify-self:center!important;
    align-items:center!important; gap:16px!important;
  }
  .header-nav-desktop a{
    font-size:13px!important; font-weight:800!important; text-transform:uppercase!important;
    letter-spacing:.01em!important; color:var(--plum)!important; white-space:nowrap!important;
  }
  .header-nav-desktop a:hover{color:var(--orange)!important}
  .header-nav-desktop a:focus-visible{outline:3px solid var(--orange)!important;outline-offset:3px!important}
  .header-actions{
    grid-column:3!important; justify-self:end!important;
    display:flex!important; align-items:center!important; gap:14px!important;
  }
  .header-cta-desktop{
    display:flex!important; align-items:center!important; justify-content:center!important; gap:8px!important;
    height:44px!important; padding:0 18px!important; border:2px solid var(--yellow)!important;
    border-radius:999px!important; font-size:13px!important; font-weight:800!important;
    text-transform:uppercase!important; letter-spacing:.02em!important;
    color:var(--plum)!important; white-space:nowrap!important; background:var(--yellow)!important;
  }
  .header-cta-desktop .whatsapp-icon{width:18px!important;height:18px!important;flex:0 0 auto!important}
  .header-cta-desktop:hover{background:var(--plum)!important;color:var(--ivory)!important}
  .header-cta-desktop:focus-visible{outline:3px solid var(--orange)!important;outline-offset:3px!important}
}

@media(min-width:1280px){
  .header{column-gap:20px!important}
  .header-nav-desktop{gap:24px!important}
  .header-nav-desktop a{font-size:14px!important; letter-spacing:.015em!important}
  .header-actions{gap:18px!important}
}
@media(min-width:1440px){
  .header{column-gap:24px!important}
  .header-nav-desktop{gap:34px!important}
  .header-nav-desktop a{font-size:15px!important; letter-spacing:.02em!important}
  .header-actions{gap:20px!important}
}

@media(min-width:1024px){
  :host{display:contents!important}
  .site{display:contents!important;background:none!important;box-shadow:none!important}

  .header{grid-column:1/101!important;grid-row:1!important}

  .hero{
    grid-column:1/59!important;grid-row:2/4!important;
    width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;margin:0!important;
    padding-left:var(--page-padding)!important;
  }
  .hero-frame{width:100%!important}

  .hero-info{
    grid-column:59/101!important;grid-row:2!important;
    max-width:none!important;margin:0!important;
    padding-left:calc(var(--pair-gap)/2)!important;padding-right:var(--page-padding)!important;
    scroll-margin-top:var(--desktop-header-height);
  }

  #propuesta{
    grid-column:59/101!important;grid-row:3!important;
    max-width:none!important;margin:0!important;
    padding-top:20px!important;padding-bottom:24px!important;
    padding-left:calc(var(--pair-gap)/2)!important;padding-right:var(--page-padding)!important;
    scroll-margin-top:var(--desktop-header-height);
  }
  #propuesta .lead{max-width:62ch!important}

  #propuesta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important;row-gap:18px!important}
  #propuesta h2{grid-column:1/-1!important;max-width:none!important;margin:0!important}
  #propuesta .lead{grid-column:1/-1!important;margin:16px 0 0!important}
  #propuesta .feature-strip{grid-column:1/-1!important;margin:0!important}
  #propuesta .value-photo{grid-column:1!important;grid-row:4/6!important;max-width:none!important;width:100%!important;height:auto!important;margin:0!important}
  #propuesta .cta-button{grid-column:2!important;grid-row:4!important;max-width:none!important;margin:0!important;align-self:end!important}
  #propuesta .micro{grid-column:2!important;grid-row:5!important;max-width:none!important;margin:10px 0 0!important}

  #foto-de-grupo{
    grid-column:1/53!important;grid-row:4!important;
    max-width:none!important;margin:0!important;
    padding-top:20px!important;padding-bottom:24px!important;
    padding-left:var(--page-padding)!important;padding-right:calc(var(--pair-gap)/2)!important;
    scroll-margin-top:var(--desktop-header-height);
  }

  #propuesta .lead,.group-copy p{font-size:19px!important;line-height:1.5!important}
  #propuesta .micro,.group .micro,.value .micro{font-size:15.5px!important;line-height:1.42!important}
  .cta-button,#foto-de-grupo .cta-button{font-size:17px!important}
  .feature-card strong{font-size:24px!important}
  .feature-card span{font-size:17.5px!important}
  .group-highlight{font-size:20px!important}
}

.hero-message span{
  opacity:0!important;
  transform:translateY(8px)!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.hero-message span.word-visible{opacity:1!important;transform:translateY(0)!important}
.hero-brand{display:none!important}

.hero-message-2 span{font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;margin:0!important}

.hero-cta-copy{display:block!important;min-width:0!important}
.hero-cta .hero-cta-underlined{display:inline!important}

.title-accent{color:var(--yellow)!important}
.value-subtitle{
  margin-top:12px!important;
  font-size:24px!important;line-height:.98!important;font-weight:760!important;
  font-variation-settings:"opsz" 42,"wght" 760!important;
  text-transform:uppercase!important;letter-spacing:-.02em!important;
}
.progressive-detail{margin-top:16px!important;border-top:1px solid rgba(53,17,27,.28)!important;border-bottom:1px solid rgba(53,17,27,.28)!important}
.progressive-detail summary{
  min-height:38px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  list-style:none!important;cursor:pointer!important;padding:7px 0!important;
  font-size:14px!important;line-height:1!important;font-weight:760!important;text-transform:uppercase!important;
}
.progressive-detail summary::-webkit-details-marker{display:none}
.detail-less{display:none}
.progressive-detail[open] .detail-more{display:none}
.progressive-detail[open] .detail-less{display:inline}
.detail-symbol{font-size:24px!important;font-weight:500!important;line-height:1!important;transition:transform .2s ease}
.progressive-detail[open] .detail-symbol{transform:rotate(45deg)}
.detail-body{padding:0 0 14px!important}
.value-detail .lead{margin:0!important;font-size:15px!important;line-height:1.38!important}

.auto-ticker{
  height:44px!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;
  background:var(--yellow)!important;border:0!important;white-space:nowrap!important;
}
.auto-ticker::-webkit-scrollbar{display:none!important}
.feature-strip{margin:16px -20px 0!important}
.feature-track,.group-promo-track{height:44px!important;display:flex!important;align-items:center!important;width:max-content!important}
.feature-card{
  width:auto!important;min-width:max-content!important;height:44px!important;padding:0 13px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:.32em!important;
  background:var(--yellow)!important;color:#fff!important;border:0!important;
  font-size:15px!important;line-height:1!important;font-weight:800!important;text-transform:uppercase!important;
}
.feature-card strong,.feature-card span{font:inherit!important;color:inherit!important;line-height:1!important;letter-spacing:0!important}
.feature-card::after,.group-promo-item::after{content:"·";display:inline-block;margin-left:13px;color:#fff;font-weight:800}

.value-photo{margin-top:0!important;height:350px!important;background:var(--pink)!important}
.value-photo img{object-fit:cover!important;object-position:center 42%!important}
.value .cta-button{margin-top:18px!important}
.value-promo-copy{
  margin:10px auto 0!important;max-width:330px!important;text-align:center!important;
  font-size:13.5px!important;line-height:1.28!important;font-weight:650!important;text-transform:uppercase!important;
}

.group-tag{
  display:block!important;background:transparent!important;border:0!important;padding:0!important;
  color:var(--orange)!important;font-size:44px!important;line-height:.94!important;letter-spacing:-2px!important;
  font-weight:800!important;text-transform:uppercase!important;
}
.group h2{margin-top:3px!important;font-size:44px!important;line-height:.94!important}
.group-subtitle{margin-top:12px!important;font-size:18px!important;line-height:1.12!important}
.group .carousel-wrap{margin-top:18px!important}
.group-carousel{height:270px!important;border:0!important}
.dots{margin-top:5px!important}
.group-detail{margin-top:5px!important}
.group-copy{margin:0!important;gap:10px!important}
.group-copy p{font-size:15px!important;line-height:1.38!important}
.group-highlight{
  margin-top:14px!important;font-size:18px!important;line-height:1.08!important;font-weight:800!important;
}
.group-promo{margin:14px -20px 0!important;padding:0!important;border:0!important}
.group-promo-item{
  display:flex!important;align-items:center!important;gap:0!important;min-width:max-content!important;height:44px!important;
  padding:0 13px!important;border:0!important;background:var(--yellow)!important;color:#fff!important;
  font-size:14px!important;line-height:1!important;font-weight:800!important;text-transform:uppercase!important;
}
.group-promo-item::before{display:none!important}

@media(max-width:1023px){
  
  .hero{
    height:calc(100dvh - var(--mobile-header-h))!important;
    min-height:calc(100svh - var(--mobile-header-h))!important;
    max-height:none!important;
  }
  .hero-cta{
    left:16px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    width:auto!important;max-width:calc(100% - 32px)!important;
    grid-template-columns:auto 58px!important;column-gap:14px!important;
    font-size:31px!important;line-height:.9!important;border-bottom:0!important;padding-bottom:0!important;
  }
  .hero-cta .hero-cta-underlined{border-bottom:2px solid currentColor!important;padding-bottom:5px!important}
  .hero-cta .arrow-icon{width:58px!important;height:34px!important}

  .hero-info{
    position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
    overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
  }
  .value{padding:42px 20px 38px!important}
  .value h2{font-size:44px!important;line-height:.92!important;letter-spacing:-2px!important}
  .group{padding:42px 20px 38px!important}
}

@media(max-width:370px){
  .hero-message{font-size:63px!important}
  .hero-message-2 span{font-size:inherit!important}
  .value h2,.group-tag,.group h2{font-size:40px!important}
  .value-subtitle{font-size:22px!important}
  .value-photo{height:325px!important}
  .group-carousel{height:245px!important}
}

@media(min-width:1024px){
  .hero-message-2 span{font-size:82px!important}
  .value-subtitle{font-size:30px!important;max-width:920px!important;margin-left:auto!important;margin-right:auto!important}
  .progressive-detail{max-width:920px!important;margin-left:auto!important;margin-right:auto!important}
  .feature-strip{margin:0!important}
  .feature-card{height:48px!important;font-size:16px!important}
  .feature-track{height:48px!important}
  .value-photo{height:auto!important}
  .group-tag{font-size:clamp(42px,3.2vw,58px)!important;letter-spacing:-.03em!important}
  .group h2{font-size:clamp(42px,3.2vw,58px)!important}
  .group-carousel{height:auto!important}
  .group-promo{margin-left:auto!important;margin-right:auto!important}
}

@media(max-width:1023px) and (max-height:860px){
  .value,.group{padding-top:28px!important;padding-bottom:24px!important}
  .value h2,.group-tag,.group h2{font-size:38px!important;line-height:.92!important}
  .value-subtitle{font-size:21px!important;margin-top:9px!important}
  .progressive-detail{margin-top:11px!important}
  .progressive-detail summary{min-height:34px!important;font-size:13px!important}
  .auto-ticker,.feature-track,.group-promo-track,.feature-card,.group-promo-item{height:40px!important}
  .feature-strip{margin-top:11px!important}
  .value-photo{height:300px!important}
  .value .cta-button{margin-top:13px!important;min-height:52px!important}
  .value-promo-copy{margin-top:7px!important;font-size:12.5px!important}
  .group-subtitle{font-size:17px!important;margin-top:9px!important}
  .group .carousel-wrap{margin-top:12px!important}
  .group-carousel{height:220px!important}
  .dots{margin-top:2px!important}
  .group-detail{margin-top:2px!important}
  .group-highlight{margin-top:9px!important;font-size:16.5px!important}
  .group-promo{margin-top:10px!important}
}

@media(min-width:1024px){
  #propuesta h2,
  #propuesta .value-subtitle,
  #propuesta .progressive-detail,
  #propuesta .feature-strip{grid-column:1/-1!important;grid-row:auto!important}
  #propuesta .value-photo{grid-column:1!important;grid-row:auto!important}
  #propuesta .cta-button{grid-column:2!important;grid-row:auto!important;align-self:end!important}
  #propuesta .micro{grid-column:2!important;grid-row:auto!important}
  #propuesta .progressive-detail{width:100%!important;max-width:none!important}
  #foto-de-grupo .progressive-detail{max-width:1000px!important;margin-left:auto!important;margin-right:auto!important}
}

@media(max-width:1023px){
  
  .hero-message{
    letter-spacing:-.01em!important;
    line-height:.88!important;
  }
  .hero-message span{letter-spacing:inherit!important}

  .hero-cta{
    font-size:45px!important;
    line-height:.82!important;
    grid-template-columns:minmax(0,1fr) 70px!important;
    column-gap:12px!important;
  }
  .hero-cta-copy{white-space:normal!important}
  .hero-cta .hero-cta-underlined{display:inline-block!important}
  .hero-cta .arrow-icon{width:70px!important;height:42px!important}

  .feature-card,.group-promo-item{color:var(--ivory)!important}
  .feature-card::after,.group-promo-item::after{color:var(--ivory)!important}

  .price-bubble{box-shadow:none!important;transform:none!important}

  .progressive-detail summary{
    font-size:14px!important;
    font-weight:500!important;
    text-transform:none!important;
    letter-spacing:0!important;
  }
}

@media(max-width:370px){
  .hero-cta{font-size:40px!important;grid-template-columns:minmax(0,1fr) 58px!important}
  .hero-cta .arrow-icon{width:58px!important;height:36px!important}
}

@media(max-width:1023px){
  
  .value-photo .price-bubble{
    left:16px!important;
    right:auto!important;
    top:auto!important;
    bottom:16px!important;
  }

  .value-promo-copy{
    color:var(--yellow)!important;
  }

  .group-promo-ticker{
    background:var(--aubergine)!important;
  }
  .group-promo-ticker .group-promo-item{
    background:var(--aubergine)!important;
    color:var(--ivory)!important;
  }
  .group-promo-ticker .group-promo-item::after{
    color:var(--ivory)!important;
  }
}

@media(max-width:1023px){
  
  .hero-message{
    top:43%!important;
    font-size:76px!important;
    letter-spacing:.002em!important;
    line-height:.88!important;
  }
  
  .hero-message span,
  .hero-message-2 span{
    font-size:inherit!important;
    letter-spacing:inherit!important;
    line-height:inherit!important;
  }

  .value-promo-copy{
    font-weight:800!important;
    font-variation-settings:"opsz" 16,"wght" 800!important;
  }
  .value-promo-copy .promo-date{
    color:#1f1f1f!important;
    font-weight:800!important;
  }
}

@media(max-width:370px){
  .hero-message{font-size:68px!important}
}

@media(max-width:1023px){
  .group .dots,.group-dots,.dots{gap:7px!important;margin-top:3px!important}
  .group .dot,.dot{width:20px!important;height:20px!important;min-width:20px!important}
  .group .dot::before,.dot::before{width:7px!important;height:7px!important;border-width:1.4px!important}
}

@media(max-width:1023px){
  .header-logo,.header-logo svg,.header-logo img{color:var(--aubergine)!important}
  .hero-cta{color:var(--ivory)!important}
  .hero-cta .hero-cta-underlined{border-bottom-color:currentColor!important}
  .hero-cta .arrow-icon{color:var(--ivory)!important}
  .value-photo{height:312px!important}
  .value-promo-copy{font-size:21px!important;line-height:1.05!important;letter-spacing:-.02em!important;margin-top:12px!important;color:var(--yellow)!important}
  .group-promo-ticker{background:var(--orange)!important}
  .group-promo-ticker .group-promo-item,
  .group-promo-ticker .group-promo-item::after{background:var(--orange)!important;color:var(--ivory)!important}
  .price-bubble{background:var(--aubergine)!important;color:var(--yellow)!important;border-color:var(--aubergine)!important}
  .price-bubble .price-word,.price-bubble .price-from,.price-bubble strong{color:var(--yellow)!important}
}
@media(max-width:370px){.value-promo-copy{font-size:18px!important}}

@media(max-width:1023px){
  #propuesta .value-detail{margin-top:10px!important}
  #propuesta .value-promo-copy{margin-bottom:0!important}
}

@media(max-width:1023px){
  
  .header{color:var(--plum)!important}
  .hamburger span,
  .hamburger span:nth-child(1),
  .hamburger span:nth-child(2),
  .hamburger span:nth-child(3){background:var(--plum)!important}
  .account,.graduate-user-icon,.language{color:var(--plum)!important}
  .language b{border-color:var(--plum)!important}
  .language-menu a,.language-menu a[aria-current="page"]{color:var(--plum)!important}

  .header-logo{
    background:var(--plum)!important;
    -webkit-mask:url("../../images/img-01.webp") center/contain no-repeat;
    mask:url("../../images/img-01.webp") center/contain no-repeat;
  }
  .header-logo img{opacity:0!important}

  .feature-strip.auto-ticker,
  .group-promo-ticker.auto-ticker,
  .feature-track,
  .group-promo-track,
  .feature-card,
  .group-promo-item{height:40px!important;min-height:40px!important}
}

.value-seo-intro{
  margin:18px 0 0;
  max-width:34ch;
  font-size:18px;
  line-height:1.28;
  font-weight:650;
  color:var(--plum);
}
@media(max-width:1023px){
  #propuesta{
    padding-top:34px!important;
    padding-bottom:34px!important;
  }
  #propuesta .value-seo-intro{
    margin-top:18px!important;
    max-width:100%!important;
    font-size:17px!important;
    line-height:1.3!important;
    font-weight:650!important;
  }
  #propuesta .feature-strip{margin-top:20px!important}
  #propuesta .value-promo-copy{
    margin-top:18px!important;
    font-size:21px!important;
    line-height:1.06!important;
  }
}
@media(max-width:370px){
  #propuesta .value-seo-intro{font-size:16px!important}
  #propuesta .value-promo-copy{font-size:18px!important}
}
@media(min-width:1024px){
  #propuesta .value-seo-intro{max-width:72ch!important;margin-left:auto!important;margin-right:auto!important}
}

.value-brand-mark{display:none}
@media(max-width:1023px){
  #propuesta{
    min-height:calc(100svh - 72px)!important;
    box-sizing:border-box!important;
    padding:42px 20px 30px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  #propuesta h2{
    margin:0!important;
    font-size:52px!important;
    line-height:.89!important;
    letter-spacing:-2.6px!important;
  }
  #propuesta .value-subtitle{
    margin-top:17px!important;
    font-size:26px!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
  }
  #propuesta .value-seo-intro{
    margin-top:24px!important;
    max-width:35ch!important;
    font-size:19px!important;
    line-height:1.27!important;
    font-weight:650!important;
    letter-spacing:-.008em!important;
  }
  #propuesta .value-brand-mark{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:104px!important;
    height:48px!important;
    margin:22px 0 0 auto!important;
    padding:7px 9px!important;
    box-sizing:border-box!important;
    background:var(--plum)!important;
    overflow:hidden!important;
  }
  #propuesta .value-brand-mark img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  #propuesta .feature-strip{
    margin-top:22px!important;
    flex:0 0 auto!important;
  }
  #propuesta .value-promo-copy{
    margin-top:auto!important;
    padding-top:24px!important;
    margin-bottom:0!important;
    max-width:350px!important;
    font-size:21px!important;
    line-height:1.05!important;
  }
}
@media(max-width:370px){
  #propuesta{padding-top:34px!important;padding-bottom:24px!important}
  #propuesta h2{font-size:46px!important;letter-spacing:-2.2px!important}
  #propuesta .value-subtitle{font-size:23px!important;margin-top:14px!important}
  #propuesta .value-seo-intro{font-size:17px!important;margin-top:19px!important;line-height:1.25!important}
  #propuesta .value-brand-mark{width:92px!important;height:42px!important;margin-top:17px!important}
  #propuesta .feature-strip{margin-top:17px!important}
  #propuesta .value-promo-copy{font-size:18px!important;padding-top:18px!important}
}

@media(max-width:1023px){
  #propuesta{
    min-height:calc(100svh - 72px)!important;
    padding:40px 20px 28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  #propuesta h2{
    font-size:52px!important;
    line-height:.89!important;
  }

  #propuesta .value-subtitle{
    margin-top:15px!important;
    font-size:26px!important;
    line-height:.98!important;
  }

  #propuesta .value-seo-intro{
    margin-top:21px!important;
    max-width:36ch!important;
    font-size:17px!important;
    line-height:1.28!important;
    font-weight:580!important;
    letter-spacing:0!important;
  }

  #propuesta .value-seo-intro strong{
    font-weight:760!important;
    font-variation-settings:"opsz" 20,"wght" 760!important;
  }

  #propuesta .value-brand-mark{
    margin-top:15px!important;
    width:94px!important;
    height:43px!important;
  }

  #propuesta .feature-strip{
    margin-top:16px!important;
  }

  #propuesta .value-promo-copy{
    margin-top:auto!important;
    padding-top:18px!important;
    margin-bottom:0!important;
    font-size:19px!important;
    line-height:1.06!important;
  }
}

@media(max-width:370px){
  #propuesta{
    padding-top:34px!important;
    padding-bottom:24px!important;
  }
  #propuesta h2{font-size:46px!important}
  #propuesta .value-subtitle{font-size:23px!important}
  #propuesta .value-seo-intro{
    margin-top:17px!important;
    font-size:15.8px!important;
    line-height:1.25!important;
  }
  #propuesta .value-brand-mark{
    margin-top:12px!important;
    width:86px!important;
    height:39px!important;
  }
  #propuesta .feature-strip{margin-top:13px!important}
  #propuesta .value-promo-copy{
    font-size:17px!important;
    padding-top:15px!important;
  }
}

@media(max-width:1023px){
  
  .header-actions{gap:1px!important}
  .account{transform:translateX(3px)!important;margin-right:-1px!important}
  .language b{border-color:var(--orange)!important}
  .language-menu a{color:var(--orange)!important}
  .language-menu a[aria-current="page"]{color:var(--plum)!important}

  .hero-message.is-visible span.word-visible{
    opacity:1!important;
    transform:translateY(0)!important;
  }

  #propuesta h2{letter-spacing:-.012em!important}
  #propuesta .title-accent{
    display:inline-block!important;
    letter-spacing:.015em!important;
    margin-right:.015em!important;
  }

  #propuesta .value-brand-mark{display:none!important}
  #propuesta .feature-strip{margin-top:20px!important}
  #propuesta .value-promo-copy{
    margin-top:20px!important;
    padding-top:0!important;
  }

  #foto-de-grupo .group-promo{margin:14px -20px 14px!important}
  #foto-de-grupo .group-subtitle,
  #foto-de-grupo .group-highlight{
    font-size:18px!important;
    line-height:1.08!important;
    letter-spacing:-.012em!important;
    font-weight:800!important;
  }
  #foto-de-grupo .group-subtitle{
    margin-top:14px!important;
    color:var(--orange)!important;
  }
  #foto-de-grupo .group-highlight{
    margin-top:7px!important;
    color:var(--plum)!important;
  }
}

@media(max-width:370px){
  #foto-de-grupo .group-subtitle,
  #foto-de-grupo .group-highlight{font-size:16.5px!important}
}

@media(max-width:1023px){
  #propuesta .value-seo-intro strong{
    font-weight:780!important;
    font-variation-settings:"opsz" 20,"wght" 780!important;
  }
}

@media(max-width:1023px){
  .cta-button{
    width:100%!important;
    height:76px!important;
    min-height:76px!important;
    max-height:76px!important;
    padding:11px 18px!important;
    border:1.5px solid var(--aubergine)!important;
    border-radius:24px!important;
    background:transparent!important;
    color:var(--aubergine)!important;
    font-size:16px!important;
    line-height:1!important;
    font-weight:780!important;
    letter-spacing:-.012em!important;
    box-shadow:none!important;
  }
  .cta-button .arrow-icon{
    width:50px!important;
    height:30px!important;
    flex:0 0 50px!important;
    color:var(--aubergine)!important;
  }
}

@media(min-width:1024px){
  .cta-button{
    min-height:68px!important;
    padding:12px 18px!important;
    border:1.5px solid var(--aubergine)!important;
    border-radius:22px!important;
    background:transparent!important;
    color:var(--aubergine)!important;
    box-shadow:none!important;
  }
  .cta-button .arrow-icon{color:var(--aubergine)!important}
}

@media(min-width:768px){
  :host{display:contents!important;padding:0!important}
  .site{display:contents!important;background:none!important;box-shadow:none!important;overflow:visible!important}

  .header{
    grid-column:1/101!important;grid-row:1!important;
    width:100%!important;max-width:none!important;margin:0!important;
    position:sticky!important;top:0!important;z-index:60!important;
    height:var(--desktop-header-height)!important;
  }

  .hero{
    grid-column:1/45!important;grid-row:2/4!important;
    width:100%!important;max-width:none!important;margin:0!important;
    height:calc(100svh - var(--desktop-header-height))!important;
    min-height:690px!important;max-height:900px!important;
    background:var(--aubergine)!important;
    padding:0!important;
    overflow:hidden!important;
  }
  .hero-media{display:flex!important;justify-content:center!important;align-items:center!important;background:var(--aubergine)!important}
  .hero-frame{
    left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
    width:min(86%,430px)!important;
    height:min(calc(100% - 24px),838px)!important;
    max-height:100%!important;
    transform:translate(-50%,-50%)!important;
    object-fit:cover!important;object-position:center 38%!important;
  }
  .hero::after{background:linear-gradient(0deg,rgba(31,33,33,.35) 0%,transparent 42%)!important}
  .hero-overlay{padding:24px 28px 34px!important}
  .hero-message{
    left:50%!important;top:42%!important;transform:translate(-50%,-50%)!important;
    width:86%!important;max-width:430px!important;
    font-size:clamp(58px,6vw,88px)!important;
    line-height:.82!important;text-align:center!important;
  }
  .hero-message-2 span{font-size:inherit!important}
  .hero-message::before{display:none!important}
  .hero-cta{
    left:50%!important;right:auto!important;bottom:26px!important;
    transform:translateX(-50%)!important;
    width:min(86%,430px)!important;max-width:430px!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;
    column-gap:12px!important;font-size:30px!important;
    border-bottom:0!important;color:var(--ivory)!important;
  }
  .hero-cta.is-visible{transform:translateX(-50%)!important}
  .hero-cta .hero-cta-underlined{border-bottom:2px solid currentColor!important;padding-bottom:5px!important}
  .hero-cta .arrow-icon{width:58px!important;height:36px!important;color:var(--ivory)!important}

  .hero-info{
    grid-column:45/101!important;grid-row:2!important;
    width:100%!important;max-width:none!important;margin:0!important;
    min-height:150px!important;
    padding:34px var(--prelaunch-gutter) 10px clamp(32px,4vw,58px)!important;
    align-self:start!important;
    background:var(--ivory)!important;
  }
  .hero-seo-title{font-size:15px!important;letter-spacing:.075em!important}
  .hero-fixed-info{max-width:62ch!important;font-size:18px!important;line-height:1.22!important}
  .hero-info .micro{max-width:62ch!important;font-size:14px!important;line-height:1.25!important}

  #propuesta{
    grid-column:45/101!important;grid-row:3!important;
    width:100%!important;max-width:none!important;margin:0!important;
    min-height:calc(100svh - var(--desktop-header-height) - 150px)!important;
    padding:8px var(--prelaunch-gutter) 42px clamp(32px,4vw,58px)!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    background:var(--ivory)!important;
  }
  #propuesta h2{
    margin:0!important;max-width:620px!important;
    font-size:clamp(54px,5vw,76px)!important;line-height:.86!important;
  }
  #propuesta .value-subtitle{margin:18px 0 0!important;max-width:620px!important;font-size:27px!important;text-align:left!important}
  #propuesta .value-seo-intro{
    margin:20px 0 0!important;max-width:60ch!important;
    font-size:16.5px!important;line-height:1.28!important;font-weight:560!important;
  }
  #propuesta .value-brand-mark{display:none!important}
  #propuesta .feature-strip{width:100%!important;margin:22px 0 0!important;max-width:none!important}
  #propuesta .feature-card{height:42px!important;min-height:42px!important;width:190px!important;min-width:190px!important}
  #propuesta .feature-card strong{font-size:16px!important}
  #propuesta .feature-card span{font-size:13px!important}
  #propuesta .value-promo-copy{margin:14px 0 0!important;font-size:14px!important;line-height:1.12!important;max-width:62ch!important}

  #foto-de-grupo{
    grid-column:1/101!important;grid-row:4!important;
    width:100%!important;max-width:none!important;margin:0!important;
    min-height:calc(100svh - var(--desktop-header-height))!important;
    padding:clamp(50px,6vh,76px) var(--prelaunch-gutter)!important;
    display:grid!important;
    grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr)!important;
    grid-template-rows:auto auto auto auto 1fr!important;
    column-gap:clamp(34px,4.4vw,66px)!important;row-gap:14px!important;
    align-content:center!important;background:var(--ivory)!important;
  }
  #foto-de-grupo .group-tag{grid-column:1!important;grid-row:1!important;margin:0!important;font-size:clamp(34px,3.5vw,48px)!important}
  #foto-de-grupo h2{grid-column:1!important;grid-row:2!important;margin:0!important;font-size:clamp(42px,4.1vw,62px)!important;max-width:10ch!important}
  #foto-de-grupo .group-detail{grid-column:1!important;grid-row:3!important;align-self:start!important;margin:18px 0 0!important;max-width:33ch!important}
  #foto-de-grupo .group-subtitle{grid-column:1!important;grid-row:4!important;margin:14px 0 0!important;font-size:22px!important;line-height:1.02!important;max-width:18ch!important;color:var(--orange)!important}
  #foto-de-grupo .group-highlight{grid-column:1!important;grid-row:5!important;margin:14px 0 0!important;font-size:19px!important;max-width:24ch!important}
  #foto-de-grupo .group-promo{grid-column:2!important;grid-row:1!important;margin:0!important;width:100%!important;max-width:none!important}
  #foto-de-grupo .carousel-wrap{grid-column:2!important;grid-row:2/5!important;margin:0!important;width:100%!important;max-width:none!important;align-self:center!important}
  #foto-de-grupo .group-carousel{height:auto!important;aspect-ratio:4/3!important;max-height:560px!important}
  #foto-de-grupo .dots{grid-column:2!important;grid-row:5!important;margin:8px 0 0!important;align-self:start!important}
  #foto-de-grupo .group-copy p{font-size:16px!important;line-height:1.34!important}
}

@media(min-width:768px) and (max-width:1099px){
  .hero{grid-column:1/48!important}
  .hero-info,#propuesta{grid-column:48/101!important}
  .hero{min-height:720px!important;max-height:none!important}
  .hero-frame{width:min(92%,365px)!important;height:min(72%,720px)!important}
  .hero-message{font-size:58px!important;width:88%!important}
  .hero-cta{width:88%!important;font-size:25px!important}
  .hero-info{padding-left:30px!important;padding-right:30px!important}
  #propuesta{padding-left:30px!important;padding-right:30px!important}
  #propuesta h2{font-size:52px!important}
  #propuesta .value-subtitle{font-size:22px!important}
  #propuesta .value-seo-intro{font-size:15px!important;line-height:1.25!important}
  #foto-de-grupo{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;column-gap:30px!important;padding-left:32px!important;padding-right:32px!important}
  #foto-de-grupo h2{font-size:44px!important}
}

@media(min-width:768px){
  
  .header{
    grid-template-columns:1fr auto 1fr!important;
    padding:0 clamp(22px,3vw,38px)!important;
    background:var(--ivory)!important;
    box-shadow:0 0 0 100vmax var(--ivory)!important;
    clip-path:inset(0 -100vmax)!important;
  }
  .hamburger{display:flex!important;grid-column:1!important;justify-self:start!important}
  .header-logo{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;width:154px!important;
    grid-column:auto!important;justify-self:auto!important;
  }
  .header-nav-desktop{display:none!important}
  .header-actions{grid-column:3!important;justify-self:end!important;gap:3px!important}
  .header-cta-desktop{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    height:44px!important;min-height:44px!important;
    padding:0 16px!important;margin-right:9px!important;
    border:1.5px solid var(--yellow)!important;border-radius:999px!important;
    background:var(--yellow)!important;color:var(--plum)!important;
    font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;
  }
  .header-cta-desktop .whatsapp-icon{width:17px!important;height:17px!important;flex:0 0 auto!important}
  .header-cta-desktop:hover{background:var(--plum)!important;color:var(--ivory)!important}
  .account{margin-right:-1px!important;transform:none!important}
  .language{margin-left:0!important}

  .hero{
    height:var(--desktop-stage-min)!important;min-height:680px!important;max-height:820px!important;
    grid-column:1/44!important;
  }
  .hero-media{inset:0!important;width:100%!important;height:100%!important;background:var(--aubergine)!important}
  .hero-frame{
    left:0!important;top:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:100%!important;max-height:none!important;
    transform:none!important;object-fit:cover!important;object-position:center 38%!important;
  }
  .hero-message{width:88%!important;max-width:none!important;top:46%!important}
  .hero-cta{display:none!important}

  .hero-info{
    grid-column:44/101!important;grid-row:2!important;min-height:112px!important;
    padding:30px var(--prelaunch-gutter) 14px clamp(34px,4vw,58px)!important;
    display:flex!important;align-items:flex-end!important;
  }
  .hero-seo-title{
    width:100%!important;margin:0!important;padding-bottom:13px!important;
    border-bottom:2px solid var(--plum)!important;
    font-size:clamp(28px,2.8vw,40px)!important;line-height:.93!important;
    letter-spacing:-.025em!important;font-weight:780!important;
  }
  .hero-fixed-info,.hero-info .micro{display:none!important}

  #propuesta{
    grid-column:44/101!important;grid-row:3!important;
    min-height:calc(var(--desktop-stage-min) - 112px)!important;
    padding:8px var(--prelaunch-gutter) 28px clamp(34px,4vw,58px)!important;
    justify-content:flex-start!important;
  }
  #propuesta h2{font-size:clamp(58px,5.2vw,76px)!important;max-width:none!important}
  #propuesta .value-subtitle{
    margin-top:14px!important;font-size:clamp(26px,2.3vw,33px)!important;
    line-height:.94!important;max-width:18ch!important;
  }
  #propuesta .value-seo-intro{
    margin-top:18px!important;max-width:59ch!important;font-size:16px!important;line-height:1.26!important;
  }

  #propuesta .feature-strip{
    height:62px!important;min-height:62px!important;margin:18px 0 0!important;
    background:var(--orange)!important;border:0!important;overflow:hidden!important;
  }
  #propuesta .feature-track{height:62px!important;align-items:stretch!important}
  #propuesta .feature-card{
    height:62px!important;min-height:62px!important;width:210px!important;min-width:210px!important;
    padding:10px 16px!important;background:transparent!important;color:var(--ivory)!important;
    border-right:1px solid rgba(249,243,221,.38)!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;gap:1px!important;
  }
  #propuesta .feature-card strong,
  #propuesta .feature-card span{
    margin:0!important;font-size:15px!important;line-height:.96!important;
    letter-spacing:.015em!important;font-weight:780!important;color:var(--ivory)!important;
  }

  #propuesta .value-promo-copy{
    margin:16px 0 0!important;padding:16px 20px 17px!important;
    max-width:none!important;background:var(--plum)!important;color:var(--yellow)!important;
    font-size:clamp(22px,2vw,29px)!important;line-height:.94!important;
    letter-spacing:-.018em!important;text-align:center!important;font-weight:790!important;
    text-transform:uppercase!important;
  }
  #propuesta .value-promo-copy .promo-date{color:var(--orange)!important}

  #foto-de-grupo{
    min-height:var(--desktop-stage-min)!important;
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    grid-template-rows:auto auto auto auto auto!important;
    padding:clamp(48px,5vh,66px) var(--prelaunch-gutter)!important;
    column-gap:clamp(38px,4.5vw,64px)!important;row-gap:10px!important;
  }
  #foto-de-grupo .group-tag{font-size:clamp(34px,3vw,44px)!important}
  #foto-de-grupo h2{
    font-size:clamp(44px,4vw,58px)!important;line-height:.88!important;
    max-width:11.3ch!important;margin-top:4px!important;
  }
  #foto-de-grupo .group-subtitle{
    margin-top:14px!important;font-size:clamp(20px,1.8vw,25px)!important;
    line-height:.98!important;max-width:24ch!important;
  }
  #foto-de-grupo .group-highlight{
    margin-top:8px!important;font-size:19px!important;line-height:1.02!important;max-width:27ch!important;
  }
  #foto-de-grupo .group-detail{margin-top:12px!important;max-width:42ch!important}
  #foto-de-grupo .group-detail>summary{display:none!important}
  #foto-de-grupo .group-detail>.detail-body{display:block!important;padding-top:0!important}
  #foto-de-grupo .group-copy p{font-size:15.5px!important;line-height:1.27!important;margin:0 0 10px!important}

  #foto-de-grupo .group-promo{
    height:62px!important;min-height:62px!important;margin:0!important;
    background:var(--orange)!important;border:0!important;color:var(--ivory)!important;
    overflow:hidden!important;
  }
  #foto-de-grupo .group-promo-track{height:62px!important;align-items:center!important}
  #foto-de-grupo .group-promo-item{
    height:62px!important;display:flex!important;align-items:center!important;
    font-size:15px!important;line-height:1!important;font-weight:780!important;color:var(--ivory)!important;
  }
  #foto-de-grupo .group-promo-item::after{background:var(--orange)!important;color:var(--ivory)!important}
  #foto-de-grupo .carousel-wrap{width:100%!important}
  #foto-de-grupo .group-carousel{width:100%!important;aspect-ratio:16/10!important;max-height:500px!important}
}

@media(min-width:768px) and (max-width:1099px){
  .header-cta-desktop{display:none!important}
  .hero{grid-column:1/47!important;min-height:680px!important}
  .hero-info,#propuesta{grid-column:47/101!important}
  .hero-seo-title{font-size:27px!important}
  #propuesta h2{font-size:50px!important}
  #propuesta .value-promo-copy{font-size:20px!important}
  #foto-de-grupo{grid-template-columns:.92fr 1.08fr!important}
}

@media(min-width:768px){
  
  .hero{
    background:var(--ivory)!important;
  }
  .hero-media{
    inset:26px 0 28px!important;
    width:auto!important;height:auto!important;
    background:transparent!important;
  }
  .hero-frame{
    width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center 38%!important;
  }

  #propuesta .feature-strip{
    height:56px!important;min-height:56px!important;
    margin:18px 0 0!important;
    background:var(--yellow)!important;color:var(--plum)!important;
    border:0!important;overflow:hidden!important;
  }
  #propuesta .feature-track{
    height:56px!important;display:flex!important;align-items:center!important;
    width:max-content!important;gap:0!important;
  }
  #propuesta .feature-card{
    width:auto!important;min-width:max-content!important;height:56px!important;min-height:56px!important;
    padding:0!important;margin:0!important;border:0!important;background:transparent!important;
    color:var(--plum)!important;display:flex!important;flex-direction:row!important;
    align-items:center!important;justify-content:center!important;gap:.28em!important;
    white-space:nowrap!important;
  }
  #propuesta .feature-card strong,
  #propuesta .feature-card span{
    display:inline!important;margin:0!important;padding:0!important;
    font-size:16px!important;line-height:1!important;font-weight:780!important;
    letter-spacing:.015em!important;color:var(--plum)!important;
  }
  #propuesta .feature-card::after{
    content:" · "!important;display:inline!important;
    padding:0 18px!important;background:transparent!important;color:var(--orange)!important;
    font-size:20px!important;line-height:1!important;font-weight:800!important;
  }

  #propuesta .value-promo-copy{
    margin:18px 0 0!important;padding:0!important;background:transparent!important;
    color:var(--plum)!important;text-align:left!important;
    font-size:clamp(25px,2.15vw,32px)!important;line-height:.96!important;
    letter-spacing:-.018em!important;font-weight:780!important;text-transform:uppercase!important;
    max-width:25ch!important;
  }
  #propuesta .value-promo-copy .promo-date{color:var(--orange)!important}

  #foto-de-grupo .group-carousel{
    width:100%!important;aspect-ratio:1/1!important;height:auto!important;max-height:560px!important;
  }
  #foto-de-grupo .group-promo{
    height:56px!important;min-height:56px!important;
    background:var(--orange)!important;color:var(--ivory)!important;
    border:0!important;overflow:hidden!important;
  }
  #foto-de-grupo .group-promo-track{
    height:56px!important;display:flex!important;align-items:center!important;width:max-content!important;
  }
  #foto-de-grupo .group-promo-item{
    height:56px!important;min-width:max-content!important;
    display:flex!important;align-items:center!important;
    font-size:16px!important;line-height:1!important;font-weight:780!important;
    color:var(--ivory)!important;background:transparent!important;white-space:nowrap!important;
  }
  #foto-de-grupo .group-promo-item::after{
    content:" · "!important;display:inline!important;
    padding:0 18px!important;background:transparent!important;color:var(--yellow)!important;
    font-size:20px!important;line-height:1!important;font-weight:800!important;
  }
  #foto-de-grupo .group-subtitle{
    font-size:clamp(22px,1.8vw,27px)!important;
    max-width:28ch!important;
  }
  #foto-de-grupo .group-highlight{font-size:20px!important;max-width:30ch!important}
  #foto-de-grupo .group-copy p{font-size:16px!important;line-height:1.32!important}
}

@media(min-width:980px){
  .header{
    width:100vw!important;max-width:none!important;
    left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    height:var(--desktop-header-height)!important;
    padding-left:max(24px,calc((100vw - 1440px)/2 + 28px))!important;
    padding-right:max(24px,calc((100vw - 1440px)/2 + 28px))!important;
    column-gap:clamp(24px,2.3vw,38px)!important;
    background:var(--ivory)!important;
    box-shadow:0 1px 0 rgba(53,17,27,.16)!important;
    clip-path:none!important;
  }
  .hamburger{display:none!important}
  .header-logo{
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
    grid-column:1!important;justify-self:start!important;width:158px!important;height:auto!important;
  }
  .header-nav-desktop{
    display:flex!important;grid-column:2!important;justify-self:center!important;
    align-items:center!important;gap:clamp(16px,1.45vw,26px)!important;min-width:0!important;
  }
  .header-nav-desktop a{
    font-size:clamp(12px,.95vw,14px)!important;line-height:1!important;
    font-weight:780!important;letter-spacing:.005em!important;
    text-transform:uppercase!important;white-space:nowrap!important;color:var(--plum)!important;
  }
  .header-actions{
    grid-column:3!important;justify-self:end!important;display:flex!important;
    align-items:center!important;gap:4px!important;white-space:nowrap!important;
  }
  .header-cta-desktop{
    display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
    height:44px!important;min-height:44px!important;padding:0 15px!important;margin:0 6px 0 0!important;
    border:1.5px solid var(--yellow)!important;border-radius:999px!important;
    background:var(--yellow)!important;color:var(--plum)!important;
    font-size:13px!important;font-weight:800!important;letter-spacing:.015em!important;
  }
  .header-cta-desktop .whatsapp-icon{width:17px!important;height:17px!important;flex:0 0 auto!important}
  .header-cta-desktop:hover{background:var(--plum)!important;color:var(--ivory)!important}
  .account{margin:0!important}
  .language{margin:0!important}
}

@media(min-width:768px){
  
  #propuesta .feature-card::after{
    content:"·"!important;
    display:inline-block!important;
    margin:0 15px!important;
    padding:0!important;
    background:transparent!important;
    color:var(--plum)!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  #propuesta .value-promo-copy{
    margin:20px 0 0!important;
    padding:0!important;
    max-width:27ch!important;
    background:transparent!important;
    color:var(--yellow)!important;
    text-align:left!important;
    font-size:clamp(26px,2.3vw,33px)!important;
    line-height:.94!important;
    letter-spacing:-.02em!important;
    font-weight:760!important;
    font-variation-settings:"opsz" 42,"wght" 760!important;
    text-transform:uppercase!important;
  }
  #propuesta .value-promo-copy .promo-date{
    color:var(--plum)!important;
  }

  #foto-de-grupo .group-detail{
    margin:12px 0 0!important;
    max-width:42ch!important;
  }
  #foto-de-grupo .group-detail>summary{
    display:flex!important;
  }
  #foto-de-grupo .group-detail:not([open])>.detail-body{
    display:none!important;
  }
  #foto-de-grupo .group-detail[open]>.detail-body{
    display:block!important;
    padding-top:14px!important;
  }

  #foto-de-grupo .group-promo-item::after{
    content:"·"!important;
    display:inline-block!important;
    margin:0 15px!important;
    padding:0!important;
    background:transparent!important;
    color:var(--plum)!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:800!important;
  }
}

@media(min-width:980px){
  .header{
    position:fixed!important;
    width:100vw!important;
    max-width:none!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding-left:max(24px,calc((100vw - 1440px)/2 + 28px))!important;
    padding-right:max(24px,calc((100vw - 1440px)/2 + 28px))!important;
    background:var(--ivory)!important;
    overflow:visible!important;
  }
  .header-logo{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
    width:158px!important;
  }
  .header-nav-desktop{
    position:absolute!important;
    z-index:2!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(16px,1.35vw,24px)!important;
    width:max-content!important;
    max-width:calc(100vw - 490px)!important;
    overflow:visible!important;
  }
  .header-nav-desktop a{
    display:block!important;
    font-size:clamp(12.5px,1vw,14.5px)!important;
    line-height:1!important;
    font-weight:790!important;
    letter-spacing:.002em!important;
    white-space:nowrap!important;
    color:var(--plum)!important;
  }
  .header-actions{
    position:relative!important;
    z-index:3!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
}

@media(min-width:980px) and (max-width:1180px){
  .header-logo{width:138px!important}
  .header-nav-desktop{
    gap:12px!important;
    max-width:calc(100vw - 415px)!important;
  }
  .header-nav-desktop a{font-size:12px!important}
  .header-cta-desktop{padding-left:11px!important;padding-right:11px!important;font-size:12px!important}
}

@media(min-width:768px){
  
  #propuesta .value-promo-copy{
    margin:18px 0 0!important;
    max-width:34ch!important;
    color:var(--plum)!important;
    font-size:var(--so-d-subclaim)!important;
    line-height:.98!important;
    font-weight:780!important;
    font-variation-settings:"opsz" 38,"wght" 780!important;
    letter-spacing:-.018em!important;
    text-transform:uppercase!important;
  }
  #propuesta .value-promo-copy .promo-date{
    color:var(--plum)!important;
  }

  #foto-de-grupo .group-tag{
    font-size:var(--so-d-title)!important;
    line-height:.9!important;
    letter-spacing:-.025em!important;
    font-weight:760!important;
    font-variation-settings:"opsz" 60,"wght" 760!important;
  }

  #foto-de-grupo{
    grid-template-rows:auto auto auto auto 1fr!important;
    align-items:stretch!important;
  }
  #foto-de-grupo h2{
    margin-top:4px!important;
    align-self:start!important;
  }
  #foto-de-grupo .group-subtitle{
    margin:8px 0 0!important;
    max-width:19ch!important;
    font-size:var(--so-d-subclaim)!important;
    line-height:1.02!important;
    color:var(--orange)!important;
  }
  #foto-de-grupo .group-highlight{
    margin:9px 0 0!important;
    max-width:25ch!important;
    align-self:start!important;
  }
  #foto-de-grupo .group-detail{
    grid-row:3!important;
    align-self:start!important;
    margin:10px 0 0!important;
    max-width:33ch!important;
  }
  #foto-de-grupo .carousel-wrap{
    grid-row:2/6!important;
    align-self:stretch!important;
  }
  #foto-de-grupo .group-carousel{
    height:100%!important;
    min-height:430px!important;
    max-height:560px!important;
    aspect-ratio:1/1!important;
  }
  #foto-de-grupo .dots{
    grid-row:6!important;
  }
}

@media(min-width:768px){
  
  #propuesta .value-promo-copy{
    max-width:40ch!important;
    color:var(--yellow)!important;
    line-height:.98!important;
  }
  #propuesta .value-promo-copy .promo-price{
    color:var(--plum)!important;
  }
  #propuesta .value-promo-copy .promo-benefits{
    color:var(--yellow)!important;
  }
  #propuesta .value-promo-copy .promo-date{
    color:var(--plum)!important;
  }

  #foto-de-grupo{
    min-height:var(--desktop-stage-safe)!important;
  }

  #foto-de-grupo .group-promo-item,
  #foto-de-grupo .group-promo-item::after{
    color:var(--ivory)!important;
  }
  #foto-de-grupo .group-promo-item::after{
    content:"·"!important;
    margin-left:14px!important;
    margin-right:14px!important;
    padding:0!important;
    background:transparent!important;
  }

  #foto-de-grupo .group-subtitle{
    margin-top:6px!important;
  }
  #foto-de-grupo .group-highlight{
    margin-top:8px!important;
  }
  #foto-de-grupo .group-detail{
    position:relative!important;
    top:-34px!important;
    margin-top:0!important;
  }

  #foto-de-grupo .dots{
    position:relative!important;
    top:-30px!important;
    margin-top:0!important;
  }
}

@media(min-width:980px){
  .header-nav-desktop{
    gap:clamp(17px,1.45vw,25px)!important;
  }
  .header-nav-desktop a{
    font-size:clamp(13.5px,1.08vw,15.5px)!important;
  }
  .header-actions{
    gap:10px!important;
  }
  .header-cta-desktop{
    margin:0!important; 
  }
  .account{
    width:34px!important;
    height:38px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
  }
  .language-switcher,
  .language{
    margin:0!important;
  }
}

@media(min-width:768px){
  
  #propuesta .value-subtitle{
    white-space:nowrap!important;
    max-width:none!important;
  }

  #foto-de-grupo{
    grid-template-rows:auto auto auto auto auto auto!important;
  }
  #foto-de-grupo .group-detail{
    /* Movido justo debajo del titulo, antes de "NO ES UNA FOTO Y YA ESTA"
       (pedido 2026-09-13) -- antes quedaba en la ultima fila, despues del
       subtitulo y del highlight, muy lejos del titulo. */
    position:static!important;
    top:auto!important;
    grid-column:1!important;
    grid-row:3!important;
    align-self:start!important;
    margin:14px 0 0!important;
    max-width:33ch!important;
  }
  #foto-de-grupo .carousel-wrap{
    grid-column:2!important;
    grid-row:2/6!important;
    align-self:stretch!important;
  }
  #foto-de-grupo .dots{
    position:static!important;
    top:auto!important;
    grid-column:2!important;
    grid-row:6!important;
    align-self:start!important;
    margin:9px 0 0!important;
  }

  #foto-de-grupo .group-promo-item{
    padding:0!important;
    gap:0!important;
  }
  #foto-de-grupo .group-promo-item::after{
    content:"·"!important;
    display:block!important;
    flex:0 0 auto!important;
    margin:0 15px!important;
    padding:0!important;
    color:var(--ivory)!important;
    background:transparent!important;
    font-size:19px!important;
    line-height:1!important;
    font-weight:800!important;
  }
}

@media(min-width:980px){
  
  .header-nav-desktop a{
    font-size:clamp(15px,1.14vw,16.5px)!important;
  }

  .header-actions{
    height:44px!important;
    align-items:center!important;
    gap:7px!important;
  }
  .header-cta-desktop{
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
  }
  .account{
    width:34px!important;
    height:44px!important;
    margin-left:7px!important;
    margin-right:-1px!important;
    display:grid!important;
    place-items:center!important;
  }
  .language-switcher,
  .language{
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
  }
}

@media(min-width:980px) and (max-width:1180px){
  .header-nav-desktop a{
    font-size:13px!important;
  }
}

@media(min-width:980px){
  .account{
    transform:translateX(4px)!important;
    margin-left:8px!important;
    margin-right:-3px!important;
  }
}

@media(min-width:768px){

  .hero{
    grid-column:56/101!important;
  }
  /* Recorte de 64px a la derecha (opcion 1, pedido 2026-09-13): la foto
     llegaba a ras del borde de pagina (0 margen), mientras FAQ/formulario
     respetan el gutter de --prelaunch-gutter en los dos lados. .hero-frame
     es position:absolute;inset:0 -- el padding del padre no lo mueve (el
     inset de un abspos se resuelve contra el borde de padding, no lo
     empuja), asi que hay que tocar el ancho de la imagen directamente.
     "width:auto" no sirve aca: es un elemento reemplazado (img) con
     relacion de aspecto intrinseca, asi que "auto" ignora left/right y
     calcula el ancho desde esa relacion -- por eso width explicito via
     calc(). object-fit:cover reencuadra solo, sin deformar. */
  .hero .hero-frame{
    left:0!important;
    width:calc(100% - var(--prelaunch-gutter))!important;
  }
  /* El degrade oscuro (.hero::after) seguia cubriendo el ancho viejo
     completo (inset:0) -- con la foto ya angosta, pintaba oscuro sobre el
     hueco vacio de la derecha. Se recorta igual que la imagen. */
  .hero::after{
    right:var(--prelaunch-gutter)!important;
  }
  .hero-info{
    grid-column:1/56!important;
    padding:32px 36px 14px var(--prelaunch-gutter)!important;
  }
  #propuesta{
    grid-column:1/56!important;
    padding:8px 36px 34px var(--prelaunch-gutter)!important;
    justify-content:flex-start!important;
  }

  #propuesta .value-detail{
    width:100%!important;
    max-width:60ch!important;
    margin:18px 0 0!important;
    border-top:1px solid rgba(53,17,27,.26)!important;
    border-bottom:1px solid rgba(53,17,27,.26)!important;
  }
  #propuesta .value-detail summary{
    min-height:40px!important;
    padding:9px 0!important;
    color:var(--plum)!important;
  }
  #propuesta .value-detail .detail-body{
    padding:0 0 14px!important;
  }
  #propuesta .value-detail .value-seo-intro{
    margin:0!important;
    max-width:60ch!important;
    font-size:16px!important;
    line-height:1.28!important;
    font-weight:560!important;
  }

  #propuesta .feature-strip{
    margin-top:14px!important;
  }
  #propuesta .value-promo-copy{
    margin:14px 0 0!important;
    max-width:34ch!important;
    font-size:clamp(26px,2.45vw,36px)!important;
    line-height:.95!important;
    letter-spacing:-.02em!important;
  }
}

@media(min-width:768px) and (max-width:1099px){
  .hero{grid-column:54/101!important}
  .hero-info,#propuesta{grid-column:1/54!important}
}

@media(min-width:768px){
  #propuesta .feature-strip{
    margin-top:10px!important;
    width:calc(100% + 36px)!important;
    max-width:none!important;
    margin-right:-36px!important;
  }
  #propuesta .value-promo-copy{
    margin:12px 0 0!important;
    max-width:20ch!important;
    font-size:clamp(40px,3.65vw,52px)!important;
    line-height:.9!important;
    letter-spacing:-.03em!important;
    font-weight:790!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  #propuesta .value-promo-copy{font-size:clamp(34px,3vw,42px)!important;max-width:18ch!important}
}

@media(min-width:768px){
  
  .hero-info .hero-seo-title{
    width:min(100%,620px)!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }

  #propuesta .feature-strip{
    width:min(100%,620px)!important;
    max-width:620px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-top:10px!important;
  }

  #propuesta .value-promo-copy{
    font-size:clamp(40px,3.65vw,52px)!important;
    max-width:20ch!important;
  }
}

@media(min-width:1024px){
  #propuesta .value-promo-copy .promo-price{
    font-size:1.2em!important;
  }
}

@media(min-width:768px){
  #propuesta .feature-strip{
    width:min(100%,660px)!important;
    max-width:660px!important;
  }
}

@media(min-width:768px){
  #propuesta .feature-strip{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

@media(min-width:768px){
  .hero-message span{
    letter-spacing:.015em!important;
  }
}

@media(max-width:767px){
  #propuesta .value-detail > summary{
    display:flex!important;
  }
  #propuesta .value-detail:not([open]) > .detail-body{
    display:none!important;
  }
  #propuesta .value-detail[open] > .detail-body{
    display:block!important;
  }

  #propuesta .value-promo-copy{
    width:100%!important;
    max-width:100%!important;
    margin:34px 0 8px!important;
    padding:0!important;
    font-size:clamp(32px,8.8vw,38px)!important;
    line-height:.91!important;
    letter-spacing:-.035em!important;
    font-weight:820!important;
    text-align:center!important;
  }
  #propuesta .value-promo-copy .promo-price{
    display:block!important;
    color:var(--yellow)!important;
    font-size:1.08em!important;
    margin-bottom:9px!important;
  }
  #propuesta .value-promo-copy .promo-benefits{
    display:block!important;
    color:var(--yellow)!important;
  }
  #propuesta .value-promo-copy .promo-date{
    color:var(--plum)!important;
  }
}

@media(max-width:767px){
  #propuesta .value-promo-copy{
    width:100%!important;
    max-width:100%!important;
    margin:28px 0 0!important;
    padding:0!important;
    font-size:clamp(40px,10.8vw,48px)!important;
    line-height:.92!important;
    letter-spacing:-.04em!important;
    font-weight:820!important;
    text-align:left!important;
  }
  #propuesta .value-promo-copy .promo-price{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:var(--plum)!important;
    font-size:1em!important;
    line-height:inherit!important;
  }
  #propuesta .value-promo-copy .promo-price + br{
    display:none!important;
  }
  #propuesta .value-promo-copy .promo-benefits{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:var(--yellow)!important;
    line-height:inherit!important;
  }
  #propuesta .value-promo-copy .promo-date{
    color:var(--plum)!important;
  }
}

@media(max-width:767px){
  
  #propuesta{
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
    padding-bottom:34px!important;
  }

  #propuesta .value-detail,
  #foto-de-grupo .group-detail{
    width:100%!important;
    max-width:none!important;
    margin-top:16px!important;
    border-top:1px solid rgba(53,17,27,.28)!important;
    border-bottom:1px solid rgba(53,17,27,.28)!important;
  }
  #propuesta .value-detail>summary,
  #foto-de-grupo .group-detail>summary{
    min-height:38px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    padding:7px 0!important;
    list-style:none!important;
    cursor:pointer!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:760!important;
    text-transform:uppercase!important;
    color:var(--plum)!important;
  }
  #propuesta .value-detail>summary::-webkit-details-marker,
  #foto-de-grupo .group-detail>summary::-webkit-details-marker{display:none!important}
  #propuesta .value-detail>summary::after,
  #foto-de-grupo .group-detail>summary::after{content:none!important;display:none!important}
  #propuesta .detail-more,#propuesta .detail-less,
  #foto-de-grupo .detail-more,#foto-de-grupo .detail-less{margin-right:auto!important}
  #propuesta .detail-symbol,
  #foto-de-grupo .detail-symbol{
    display:block!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
    font-size:24px!important;
    line-height:1!important;
    font-weight:500!important;
  }
}


/* Producción · S02 mobile cross-browser */
@media(max-width:767px){
  #propuesta{
    /* Antes forzaba min-height:100dvh: dejaba un hueco enorme cuando el
       contenido real (título + ticker + micro) mide bastante menos que la
       pantalla, y como dvh se recalcula en vivo al ocultarse la barra de
       direcciones al hacer scroll, el límite con "Foto de grup" saltaba.
       Altura por contenido: estable, sin hueco ni salto. */
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    padding-bottom:22px!important;
  }

  #propuesta .value-promo-copy{
    margin-top:34px!important;
    margin-bottom:0!important;
    padding-top:0!important;
  }

  #propuesta .value-promo-copy .promo-price{
    display:block!important;
    color:var(--plum)!important;
    margin:0!important;
  }

  #propuesta .value-promo-copy .promo-benefits{
    display:block!important;
    color:var(--yellow)!important;
    margin:0!important;
  }

  #propuesta .value-promo-copy .promo-date{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    white-space:nowrap!important;
    color:var(--plum)!important;
    font-size:.94em!important;
    line-height:.92!important;
  }
}