.phone-proto{--phone-frame-width: clamp(13.5rem, 18vw, 15.5rem);width:var(--phone-frame-width);flex-shrink:0;aspect-ratio:353 / 731;background:#fcfcfc;padding:calc(var(--phone-frame-width) * 14 / 353);border-radius:32px;box-shadow:0 301px 84px #0f071700,0 193px 77px #0f071703,0 108px 65px #0f071708,0 48px 48px #0f07170a,0 12px 26px #0f07170d,0 0 #0f07170d}.phone-proto__screen{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative}.phone-proto__frame{position:absolute;inset:0;border-radius:16px;overflow:hidden;transition:opacity .18s ease;will-change:opacity}.phone-proto__scroll-track{will-change:transform}.phone-proto__frame--hidden{opacity:0;pointer-events:none}.phone-proto__img{width:100%;height:100%;object-fit:cover;display:block}.phone-proto__scroll-track{position:absolute;top:0;left:0;width:100%}.phone-proto__scroll-img{width:100%;height:auto;display:block}.phone-proto__hotspot{position:absolute;left:var(--x, 50%);top:var(--y, 50%);transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:0}.debug .phone-proto__hotspot{background:#ff000040;outline:2px solid red}.phone-proto__ripple-container{position:absolute;inset:0;pointer-events:none;border-radius:16px;overflow:hidden}.phone-proto__ripple{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:48px;height:48px;border-radius:50%;background:#ffffff73;transform:translate(-50%,-50%) scale(0);animation:proto-ripple .4s ease-out forwards;pointer-events:none}@keyframes proto-ripple{to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}.phone-proto__tap-dot{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:44px;height:44px;border-radius:50%;background:#0f071738;transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:proto-tap-dot .5s linear forwards}@keyframes proto-tap-dot{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}14%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(3.2)}}@font-face{font-family:PhosphorSubset;src:url(/fonts/phosphor-subset.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}.proto-controls__icon{font-family:PhosphorSubset;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.proto-controls__icon--caret-left:before{content:""}.proto-controls__icon--caret-right:before{content:""}.proto-controls__icon--pause:before{content:""}.proto-controls__icon--play:before{content:""}.proto-controls{position:absolute;top:4px;right:4px;z-index:20;display:flex;align-items:center;background:#0f07178c;border-radius:100px;padding:4px;gap:4px}.proto-controls__btn{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fcfcfc}.proto-controls__btn .proto-controls__icon{font-size:16px;line-height:1;display:block;pointer-events:none}.proto-controls__btn .proto-controls__icon[hidden]{display:none}.phone-proto-auto{--phone-frame-width: clamp(13.5rem, 18vw, 15.5rem);width:var(--phone-frame-width);flex-shrink:0;aspect-ratio:353 / 731;background:#fcfcfc;padding:calc(var(--phone-frame-width) * 14 / 353);border-radius:32px;box-shadow:0 301px 84px #0f071700,0 193px 77px #0f071703,0 108px 65px #0f071708,0 48px 48px #0f07170a,0 12px 26px #0f07170d,0 0 #0f07170d}.phone-proto-auto__screen{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative}.phone-proto-auto__frame{position:absolute;inset:0;overflow:hidden;border-radius:16px}.phone-proto-auto__frame--1{animation:proto-auto-frame-1 9s linear infinite}.phone-proto-auto__frame--2{animation:proto-auto-frame-2 9s linear infinite}.phone-proto-auto__img{width:100%;height:100%;object-fit:cover;display:block}.phone-proto-auto__tap{position:absolute;width:44px;height:44px;border-radius:50%;background:#0f071738;left:var(--tap-x, 50%);top:var(--tap-y, 35%);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:proto-auto-tap 9s linear infinite}.phone-proto-auto__tap-back{position:absolute;width:44px;height:44px;border-radius:50%;background:#0f071738;left:var(--tap-back-x, 8%);top:var(--tap-back-y, 4%);transform:translate(-50%,-50%) scale(0);pointer-events:none;animation:proto-auto-tap-back 9s linear infinite}.phone-proto-auto__scroll-track{position:absolute;top:0;left:0;width:100%;border-radius:16px;overflow:hidden;will-change:transform;animation:proto-auto-scroll 9s linear infinite}.phone-proto-auto__scroll-img{width:100%;height:auto;display:block}.phone-proto-auto__frame--show{opacity:1!important}.phone-proto-auto__frame--hide{opacity:0!important}@keyframes proto-auto-frame-1{0%,22.2%{opacity:1}25.6%{opacity:0}76.7%{opacity:0}80%,to{opacity:1}}@keyframes proto-auto-frame-2{0%,22.2%{opacity:0}25.6%{opacity:1}76.7%{opacity:1}80%,to{opacity:0}}@keyframes proto-auto-scroll{0%{transform:translateY(0);animation-timing-function:linear}25.6%{transform:translateY(0);animation-timing-function:ease-in-out}45.6%{transform:translateY(-34.7%);animation-timing-function:linear}51.1%{transform:translateY(-34.7%);animation-timing-function:ease-in-out}71.1%{transform:translateY(0);animation-timing-function:linear}to{transform:translateY(0)}}@keyframes proto-auto-tap-back{0%,71.1%{opacity:0;transform:translate(-50%,-50%) scale(0)}72%{opacity:1;transform:translate(-50%,-50%) scale(.2)}76.7%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}76.8%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}}@keyframes proto-auto-tap{0%,16.7%{opacity:0;transform:translate(-50%,-50%) scale(0)}17.5%{opacity:1;transform:translate(-50%,-50%) scale(.2)}22.2%{opacity:0;transform:translate(-50%,-50%) scale(3.2)}22.3%,to{opacity:0;transform:translate(-50%,-50%) scale(0)}}.el-molinillo__layout{--phone-base: clamp(13.5rem, 18vw, 15.5rem);display:grid;grid-template-columns:.75fr 1.75fr;gap:var(--spacing-lg)}.el-molinillo__text{padding-top:calc((75dvh - var(--phone-base) * (731 / 353)) / 2)}.el-molinillo__title{font-size:var(--font-size-2xl);font-weight:832;margin-top:0;text-align:justify;text-align-last:justify;text-justify:inter-word;word-break:keep-all;hyphens:none}.el-molinillo__meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-top:var(--spacing-sm)}.el-molinillo__meta-separator{display:none}.el-molinillo__body{font-size:var(--font-size-lg);font-weight:var(--font-weight-base);line-height:var(--line-height-relaxed);text-align:justify}.el-molinillo__two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:stretch}.el-molinillo__col{display:flex;flex-direction:column}.el-molinillo__col-screen{flex:1;display:flex;align-items:center;justify-content:center;margin-top:var(--spacing-xl);padding-bottom:var(--spacing-3xl)}.el-molinillo__col-title{margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-base);text-transform:uppercase}.el-molinillo__col-body{font-size:var(--font-size-lg);font-weight:var(--font-weight-base);line-height:var(--line-height-relaxed)}.el-molinillo__phone-wrapper{display:flex;justify-content:flex-start;align-items:center;min-width:0;height:75dvh;overflow:visible}.el-molinillo__phone-stack{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-lg);overflow:visible;margin-right:calc(-1 * (4 * var(--spacing-lg) + var(--phone-base) * 2.6))}.el-molinillo__phone{--phone-frame-width: clamp(13.5rem, 18vw, 15.5rem);width:var(--phone-frame-width);flex-shrink:0;aspect-ratio:353 / 731;background:#fcfcfc;padding:calc(var(--phone-frame-width) * 14 / 353);border-radius:32px;box-shadow:0 301px 84px #0f071700,0 193px 77px #0f071703,0 108px 65px #0f071708,0 48px 48px #0f07170a,0 12px 26px #0f07170d,0 0 #0f07170d;display:flex;align-items:center;justify-content:center}.el-molinillo__phone-img{width:100%;height:100%;object-fit:cover;border-radius:16px}.el-molinillo__phone-screen{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden}.el-molinillo__phone-placeholder{width:100%;height:100%;border-radius:16px;background:#d9d9d9}@media(max-width:768px){.el-molinillo__layout{grid-template-columns:1fr;gap:0}.el-molinillo__text{padding-top:0}.el-molinillo__meta-separator{display:inline}.el-molinillo__phone-wrapper{height:auto;overflow:visible;margin-left:calc(-1 * var(--spacing-sm));width:calc(100% + 2 * var(--spacing-sm));margin-top:var(--spacing-lg)}.el-molinillo__phone-stack{flex-direction:row;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;gap:var(--spacing-md);margin-right:0;padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);padding-left:calc((100% - 70vw)/2);padding-right:calc((100% - 70vw)/2)}.el-molinillo__phone-stack::-webkit-scrollbar{display:none}.el-molinillo__phone{--phone-frame-width: 70vw;flex-shrink:0;scroll-snap-align:center;box-shadow:none}.el-molinillo__two-col{grid-template-columns:1fr;gap:var(--spacing-2xl)}.el-molinillo__col-screen{margin-top:var(--spacing-lg);padding-bottom:0}}