:root{--ri-lime:var(--aqua)}.ri-hero{height:100svh;min-height:650px;position:relative;overflow:hidden}.ri-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.ri-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#09121cf2,#09121c9c 44%,#09121c12)}.ri-hero-copy{position:absolute;left:6vw;top:50%;transform:translateY(-50%);max-width:560px}.ri-hero h1{font-size:clamp(42px,5.7vw,88px);margin:25px 0}.ri-hero-copy>p:last-of-type{max-width:390px;font-size:17px}.ri-hero .eyebrow{color:var(--ri-lime)}.ri-story,.ri-identity,.ri-social{padding:100px 6vw;background:var(--bone);color:var(--petro)}.ri-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;margin-top:30px}.ri-story h2,.ri-section-heading h2,.ri-close h2{font-size:clamp(35px,4.7vw,72px);margin:22px 0 30px}.ri-story-grid p+p{margin-top:22px}.ri-section-heading{max-width:1040px}.ri-section-heading>p:not(.eyebrow){max-width:720px;font-size:17px}.ri-identity{padding-top:20px;padding-bottom:40px}.ri-identity figure{margin-top:50px}.ri-identity figure>img{width:100%;height:auto;display:block}.ri-identity figcaption,.ri-social figcaption{font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-top:18px;line-height:1.7}.ri-social{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:4vw;padding-top:70px}.ri-social .gallery{display:block;margin:0;min-width:0}.ri-social .gallery-large{width:100%}.ri-social .phone-photo{width:100%;height:auto;aspect-ratio:1.5}.ri-social .phone-photo-stage{background:#121719}.ri-social .phone-title{font-size:18px}.ri-social .ig-avatar{border-color:var(--ri-lime)}.ri-social .ig-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ri-motion{background:#121719;padding:90px 0 50px;overflow:hidden}.ri-motion .ri-section-heading{padding:0 6vw;margin-bottom:45px}.ri-motion .eyebrow{color:var(--ri-lime)}.ri-pause{border:1px solid #ffffff50;color:inherit;background:transparent;padding:10px 18px;margin-top:25px;border-radius:30px;cursor:pointer;font-size:12px}.ri-ribbon{display:flex;width:100%;height:48svh;min-height:300px;gap:5px}.ri-video{flex:1;min-width:0;position:relative;overflow:hidden}.ri-video video{display:block;width:100%;height:100%;object-fit:cover}.ri-video:last-child{flex:1.25}.ri-video figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 14px 16px;background:linear-gradient(transparent,#000c);font-size:10px;line-height:1.5}.ri-note{padding:25px 6vw 0;font-size:11px;color:#bcbdbb}.ri-close{padding:90px 6vw;background:var(--petro)}.ri-close .text-cta{margin-top:40px}.site-footer{position:relative}
@media(max-width:720px){.ri-hero{min-height:650px}.ri-hero>img{object-position:58% center}.ri-hero-shade{background:linear-gradient(0deg,#09121cf5,#09121c90 65%,#09121c40)}.ri-hero-copy{left:24px;right:24px;top:auto;bottom:60px;transform:none}.ri-hero h1{font-size:44px}.ri-story,.ri-identity,.ri-social{padding:60px 24px}.ri-story-grid{display:block}.ri-story-grid>div{margin-top:25px}.ri-section-heading>p:not(.eyebrow){font-size:15px}.ri-identity{padding-top:0;padding-bottom:20px}.ri-social{display:block}.ri-social .gallery{margin:35px -24px 0;width:calc(100% + 48px)}.ri-social figcaption{padding:0 24px}.ri-ribbon{overflow-x:auto;scroll-snap-type:x mandatory;height:58svh;gap:8px;padding:0 24px}.ri-video,.ri-video:last-child{flex:0 0 65vw;scroll-snap-align:center}.ri-motion{padding-top:60px}.ri-motion .ri-section-heading{padding:0 24px}.ri-note{padding-left:24px;padding-right:24px}.ri-close{padding:60px 24px}}
.ri-hero>.ri-corporate{width:100%;height:100%;object-fit:cover;object-position:center}.ri-closing-copy{max-width:650px;font-size:17px}.ri-direction{padding-top:0}.ri-hero{position:sticky;top:0;z-index:0}main>.ri-story,main>.ri-identity,main>.ri-social,main>.ri-motion,main>.ri-close{position:relative;z-index:1}.ri-corporate-control{position:absolute;right:24px;bottom:24px;z-index:2;border:1px solid #ffffff70;background:#09121c99;color:white;border-radius:30px;padding:10px 15px;font-size:11px;cursor:pointer}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ri-hero{position:relative}}

/* Franjas diagonales, con el spot en el centro. */
.ri-motion{background:var(--petro)}
.ri-ribbon{gap:0;overflow:hidden}
.ri-video,.ri-video:last-child{flex:1;margin:0 -3.5% 0 0;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%)}
.ri-video:first-child{clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.ri-video:last-child{margin-right:0;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.ri-video:nth-child(3){flex:1.25}
.ri-video figcaption{left:19%;right:13%;padding:8px;bottom:18px;background:#09121c99}
@media(max-width:720px){.ri-ribbon{overflow-x:auto;padding:0;height:390px}.ri-video,.ri-video:last-child,.ri-video:nth-child(3){flex:0 0 59vw;margin-right:-8%}.ri-video:last-child{margin-right:0}}

/* v106: mismo criterio de franjas y rótulos que VoltBike. */
.ri-ribbon{display:flex;width:100%;height:48svh;min-height:300px;gap:0;overflow:hidden}
.ri-video,.ri-video:nth-child(3),.ri-video:last-child{position:relative;flex:1;min-width:0;margin:0 -3.5% 0 0;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);background:var(--petro)}
.ri-video:first-child{clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.ri-video:last-child{margin-right:0;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.ri-video figcaption{position:absolute;bottom:22px;left:20%;right:12%;padding:7px;background:#09121c99;color:#f1efe8;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 5px #000}
@media(max-width:720px){.ri-ribbon{overflow-x:auto;height:390px;scrollbar-width:thin}.ri-video,.ri-video:nth-child(3),.ri-video:last-child{flex:none;width:51%;margin-right:-8%}.ri-video:last-child{margin-right:0}.ri-video figcaption{font-size:9px}}

.ri-opening{height:240svh;position:relative}.ri-opening .ri-hero{position:sticky;top:0;height:100svh}.ri-opening-monitor{position:absolute;inset:0;z-index:3;background:var(--petro);mask-image:url('../assets/caso-rulemanes/mascara-g.png');-webkit-mask-image:url('../assets/caso-rulemanes/mascara-g.png');mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-size:0px;-webkit-mask-size:0px;opacity:0;pointer-events:none}.ri-opening-monitor .monitor-panel{position:absolute;inset:0;margin:0}.ri-opening-monitor .monitor-panel figcaption{position:absolute;bottom:28px;left:6vw;font-size:12px;color:var(--bone)}.ri-web-video{display:block;width:100%;height:100%;object-fit:fill}.ri-web-section{position:relative;z-index:1;background:var(--bone);color:var(--petro);padding:70px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:4vw}.ri-tablet-scene{margin:0;position:relative;aspect-ratio:1.5;display:flex;align-items:center;justify-content:center;perspective:1400px;background:url('../assets/caso-rulemanes/mesa-web.webp') center/cover;overflow:hidden}.ri-tablet{width:83%;aspect-ratio:1.6;background:#080b0d;border:11px solid #121719;border-radius:24px;overflow:hidden;transform:rotateX(35deg) rotateY(-9deg) rotateZ(-13deg);box-shadow:8px 18px 0 #050708,15px 35px 24px #0009}.ri-tablet video{object-fit:cover}.ri-tablet-scene figcaption{position:absolute;bottom:17px;left:18px;color:#f1efe8;font-size:10px}.ri-web-toggle{position:absolute;right:14px;bottom:12px;border:1px solid #ffffff70;background:#09121caa;color:white;border-radius:24px;padding:9px 13px;font-size:11px;cursor:pointer}
@media(max-width:720px){.ri-web-section{display:block;padding:50px 24px}.ri-tablet-scene{margin:30px -24px 0}.ri-tablet{border-width:7px;border-radius:16px}.ri-tablet-scene figcaption{max-width:50%;font-size:9px}.ri-opening-monitor .monitor-panel figcaption{bottom:65px;right:24px}.ri-opening{height:210svh}}
@media(prefers-reduced-motion:reduce){.ri-opening{height:auto}.ri-opening .ri-hero{position:relative}.ri-opening-monitor{display:none}}

/* v109: travelling gradual y iPad plata mate girado como el celular. */
.ri-opening-monitor .monitor-composite-inner{transform:translate(-50%,-50%) scale(calc(var(--monitor-scale,1) * var(--ri-travel,1)));transform-origin:52% 40%;will-change:transform}
.ri-tablet-scene{perspective:1300px;perspective-origin:65% 65%}
.ri-tablet{position:relative;width:82%;aspect-ratio:1.48;padding:9px;border:3px solid #b9bdc0;border-radius:25px;background:#111416;transform:rotateZ(15deg) rotateX(56deg) rotateY(-17deg);box-shadow:0 2px 0 #d9dcde,0 5px 0 #a2a8ad,0 8px 0 #c7cbce,10px 25px 22px #0009;overflow:visible}
.ri-tablet:before{content:'';position:absolute;inset:-3px;border-radius:25px;pointer-events:none;box-shadow:inset 0 0 0 2px #d0d3d5}
.ri-tablet:after{content:'';position:absolute;top:50%;right:1px;width:4px;height:4px;border-radius:50%;background:#2b3135;box-shadow:0 0 0 1px #171a1c}
.ri-tablet video{border-radius:14px;object-fit:fill}
@media(max-width:720px){.ri-tablet{padding:6px;border-width:2px;border-radius:19px;width:83%;transform:rotateZ(15deg) rotateX(52deg) rotateY(-17deg)}.ri-tablet:before{border-radius:19px}.ri-tablet video{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.ri-opening-monitor .monitor-composite-inner{will-change:auto}}

.ri-editorial{position:relative;z-index:1;padding:30px 6vw 100px;background:var(--bone);color:var(--petro);overflow:hidden}.ri-editorial-gallery.gallery{display:grid;grid-template-columns:1fr 1.4fr;gap:70px 6vw;align-items:start;margin-top:80px}.ri-editorial-gallery>figure{will-change:transform;margin:0;min-width:0}.ri-editorial-small{grid-column:1;grid-row:1;padding-top:110px}.ri-editorial-large{grid-column:2;grid-row:1 / span 2}.ri-editorial-detail{grid-column:1;grid-row:2}.ri-editorial-small>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.ri-editorial-gallery .phone-photo-stage{aspect-ratio:.78}.ri-editorial-gallery .phone-photo-inner{top:12%;left:50%;margin-left:calc(-768px * var(--phone-scale,.5))}.ri-editorial-gallery .phone-photo{width:1536px;height:1024px;object-fit:fill;aspect-ratio:auto}.ri-editorial-gallery .ri-tablet-scene{aspect-ratio:1.2}.ri-editorial-gallery figcaption{font-size:10px;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;margin-top:18px}.ri-editorial-notes{display:grid;grid-template-columns:1fr 1.4fr;gap:6vw;margin-top:70px}.ri-editorial-notes h2{font-size:clamp(28px,3vw,44px)}.ri-editorial-notes p:not(.eyebrow){font-size:15px}.ri-editorial .ig-avatar{border-color:var(--ri-lime)}.ri-editorial .ig-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ri-editorial .phone-photo-inner .phone{box-shadow:0 0 0 9px #fff;border-radius:30px;width:366px;left:-4px}.ri-editorial .ri-tablet-scene figcaption{margin:0;font-size:8px;letter-spacing:0;text-transform:none}
@media(max-width:720px){.ri-editorial{padding:25px 24px 60px}.ri-editorial-gallery.gallery{gap:35px 18px;grid-template-columns:.85fr 1.15fr;margin-top:35px}.ri-editorial-small{padding-top:50px}.ri-editorial-gallery figcaption{font-size:8px;letter-spacing:.06em}.ri-editorial-notes{grid-template-columns:1fr;gap:35px;margin-top:45px}.ri-editorial-gallery .ri-tablet{width:85%;border-width:1px;padding:3px}.ri-editorial-gallery .ri-tablet-scene{margin:0}.ri-editorial-gallery .ri-tablet-scene figcaption{display:none}.ri-editorial-gallery .ri-web-toggle{font-size:8px;padding:5px;right:5px;bottom:5px}}

.ri-editorial-gallery .phone-photo-inner{top:50%;left:50%;margin:0;transform-origin:center;transform:translate(-50%,-50%) scale(var(--phone-scale,.5))}.ri-editorial-gallery .phone-photo-stage{background:#09121c}.ri-editorial-gallery .ri-editorial-small>img{display:block}.ri-editorial-gallery .ri-editorial-large{width:100%;max-width:none}.ri-editorial-gallery .ri-tablet-scene{width:100%;margin:0}

.ri-editorial-gallery .phone-photo-stage>.phone-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ri-strategy-callout{position:absolute;z-index:5;left:6vw;top:50%;transform:translateY(-50%);width:26%;max-width:420px;padding:30px;border:1px solid #f1efe8bf;border-radius:22px;background:#09121cb8;backdrop-filter:blur(4px);color:var(--bone)}.ri-strategy-callout h2{font-size:clamp(23px,2.3vw,38px);margin:26px 0 0;font-weight:300;line-height:1.2}.ri-strategy-callout em{font-style:normal;color:var(--ri-lime)}.ri-strategy-callout .eyebrow{font-size:11px;color:var(--bone)}.ri-connector{position:absolute;left:100%;top:50%;width:7vw;height:1px;background:var(--bone);transform:rotate(22deg);transform-origin:left}.ri-connector:after{content:'';position:absolute;right:-4px;top:-4px;width:9px;height:9px;background:var(--bone);border-radius:50%}.ri-opening-monitor .monitor-composite-inner{left:64%}
@media(max-width:720px){.ri-opening-monitor .monitor-composite-inner{left:50%}.ri-strategy-callout{left:24px;right:24px;top:auto;bottom:88px;transform:none;width:auto;max-width:none;padding:22px}.ri-strategy-callout h2{font-size:25px;margin-top:16px}.ri-connector{display:none}}

.ri-strategy-callout .ri-staff-note{font-size:15px;line-height:1.65;margin-top:28px;color:var(--bone)}