.onl{--onl-ink:#141210;--onl-cream:#fbf8f6;--onl-lima:#d6f84c;--onl-gris:#5c5850;--onl-gutter:80px;background:var(--onl-cream)}.onl-eyebrow--on-photo,.onl-eyebrow--on-ink{color:#fff}.onl-eyebrow--on-cream{color:var(--onl-ink)}.onl-btn{transition:transform .16s var(--casa-ease), filter .16s var(--casa-ease)}.onl-btn:hover{transform:translateY(-2px)}.onl-btn--white{color:#000;background:#fff}.onl-btn--glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#14121066;border:1.5px solid #ffffffa6}.onl-btn--ink{background:var(--onl-ink);color:#fff}.onl-btn--line{color:var(--onl-ink);background:0 0;border:1.5px solid #14121038}.onl-hero{--onl-hero-h:720px;width:100%;height:var(--onl-hero-h);background:var(--onl-ink);isolation:isolate;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.onl-hero__bg{z-index:1;position:absolute;inset:0}.onl-hero__bg img{object-fit:cover;object-position:center 55%;width:100%;height:100%;position:absolute;inset:0}.onl-hero__scrim{z-index:2;pointer-events:none;background:linear-gradient(#14121075 0%,#14121000 14% 34%,#14121070 54%,#141210b8 72%,#141210e6 100%);position:absolute;inset:0}.onl-hero__content{z-index:5;padding:0 var(--onl-gutter) 80px;color:#fff;flex-direction:column;align-items:flex-start;gap:26px;display:flex;position:relative}.onl-hero__title{flex-direction:column;margin:0;display:flex}.onl-hero__l1{letter-spacing:-.035em;color:#fff;font-size:74px;font-weight:700;line-height:78px}.onl-hero__l2{align-items:baseline;line-height:84px;display:flex}.onl-hero__mark{letter-spacing:-.035em;color:var(--onl-ink);font-size:74px;font-weight:700;line-height:84px;display:inline-flex;position:relative}.onl-hero__sub{color:#fffc;max-width:560px;font-size:18px;line-height:30px}.onl-hero__ctas{align-items:center;gap:18px;display:flex}.onl-vivo{padding:100px var(--onl-gutter);background:var(--onl-ink);color:#fff}.onl-vivo__head{flex-direction:column;gap:16px;max-width:720px;margin-bottom:56px;display:flex}.onl-vivo__h2{letter-spacing:-.035em;color:#fff;margin:0;font-size:56px;font-weight:700;line-height:56px}.onl-vivo__lead{color:#fffc;font-size:18px;line-height:30px}.onl-bloques{grid-template-columns:repeat(3,1fr);gap:56px 80px;margin-bottom:56px;display:grid}.onl-bloque{border-top:1px solid #ffffff29;flex-direction:column;gap:12px;padding-top:22px;display:flex}.onl-bloque__k{letter-spacing:.2em;text-transform:uppercase;color:var(--onl-lima);font-size:12px;font-weight:400;line-height:16px}.onl-bloque__t{letter-spacing:-.02em;color:#fff;margin:0;font-size:24px;font-weight:700;line-height:28px}.onl-bloque__b{color:#ffffffb3;font-size:16px;line-height:26px}.onl-conecta{padding:100px var(--onl-gutter);background:var(--onl-cream);flex-direction:column;align-items:flex-start;gap:26px;display:flex}.onl-conecta__h2{letter-spacing:-.035em;max-width:720px;color:var(--onl-ink);margin:0;font-size:56px;font-weight:700;line-height:56px}.onl-conecta__lead{max-width:560px;color:var(--onl-gris);font-size:18px;line-height:30px}.onl-conecta__ctas{flex-wrap:wrap;align-items:center;gap:14px;display:flex}@media (max-width:1439px){.onl{--onl-gutter:64px}}@media (max-width:1023px){.onl{--onl-gutter:32px}.onl-hero{--onl-hero-h:640px}.onl-hero__l1,.onl-hero__mark{font-size:44px;line-height:46px}.onl-hero__l2,.onl-hero__mark{line-height:52px}.onl-hero__mark:before{border-radius:6px 13px 7px 11px/11px 7px 13px 6px;height:40px;bottom:6px;left:-8px;right:-8px}.onl-vivo__h2,.onl-conecta__h2{font-size:40px;line-height:42px}.onl-bloques{grid-template-columns:1fr;gap:32px}}@media (max-width:560px){.onl{--onl-gutter:20px}.onl-hero{--onl-hero-h:600px}.onl-hero__content{gap:20px;padding-bottom:48px}.onl-hero__l1,.onl-hero__mark{font-size:32px;line-height:34px}.onl-hero__l2,.onl-hero__mark{line-height:38px}.onl-hero__mark:before{border-radius:4px 9px 5px 8px/8px 5px 9px 4px;height:31px;bottom:4px}.onl-hero__ctas{flex-direction:column;align-items:stretch;width:100%}.onl-btn{width:100%}.onl-vivo,.onl-conecta{padding:72px var(--onl-gutter)}.onl-vivo__h2,.onl-conecta__h2{font-size:30px;line-height:32px}}
