:root{--ink:#071327;--blue:#1769ff;--cyan:#57e5ff;--paper:#eef4fb;--glass:#061522e8;--green:#27c781}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.intro{text-align:center;padding:58px 22px 30px;background:radial-gradient(circle at 50% -30%,#fff,#edf4fc 72%)}.eyebrow{display:block;color:#2176dc;font-size:10px;font-weight:900;letter-spacing:.22em}.intro h1{max-width:980px;margin:13px auto 12px;font-size:clamp(38px,5.6vw,72px);line-height:.96;letter-spacing:-.055em}.intro p{margin:auto;color:#65738a;font-size:clamp(14px,2vw,18px);line-height:1.5}.story-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(1220px,calc(100% - 44px));margin:0 auto 20px}.story-nav button{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;min-height:92px;padding:15px;border:1px solid #d7e0ec;border-radius:18px;background:#fff;color:#17253a;text-align:left;cursor:pointer;transition:.2s ease}.story-nav button:hover,.story-nav button.active{border-color:#238cff;box-shadow:0 12px 28px #1769ff1f;transform:translateY(-2px)}.story-nav button.active{background:#071a32;color:#fff}.story-nav span{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e7f3ff;color:#1771e8;font-size:11px;font-weight:900}.story-nav .active span{background:#1f78e9;color:#fff}.story-nav b{font-size:13px}.story-nav small{grid-column:2;color:#76869a;font-size:9px;line-height:1.35}.story-nav .active small{color:#b9cce0}.showcase{width:min(1220px,calc(100% - 44px));margin:auto;padding-bottom:46px}.cinema{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:28px;background:#02060d;color:white;box-shadow:0 36px 95px #07162e52;isolation:isolate}.cinema:before,.cinema:after{content:"";position:absolute;z-index:50;left:0;right:0;height:3%;background:#010307}.cinema:before{top:0}.cinema:after{bottom:0}.scene-bg{position:absolute;z-index:-5;inset:-4%;background-size:cover;background-position:center;animation:camera 25s ease-in-out infinite}.film-shade{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,#010813bd,#02081220 48%,#01071291),linear-gradient(0deg,#01050bdd,transparent 55%,#01050b79)}.grain{position:absolute;z-index:45;inset:-70%;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:grain .2s steps(2) infinite}.light-sweep{position:absolute;z-index:-2;inset:-35%;background:linear-gradient(115deg,transparent 38%,#71eaff17 49%,transparent 60%);animation:sweep 12s linear infinite}.brand{position:absolute;z-index:32;top:6%;left:4%;display:flex;align-items:center;gap:8px;text-shadow:0 3px 18px #000}.brand b{font-size:25px;letter-spacing:-.12em;background:linear-gradient(135deg,#fff,#55dcff);color:transparent;background-clip:text}.brand span{font-size:10px;font-weight:800;letter-spacing:.11em}.story-id{position:absolute;z-index:31;top:6%;right:4%;display:flex;align-items:center;gap:9px;text-align:right}.story-id>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #64e5ff;border-radius:50%;color:#7eeaff;font-size:8px;font-weight:900}.story-id div{display:flex;flex-direction:column}.story-id small{color:#72e6ff;font-size:5px;letter-spacing:.17em;font-weight:900;text-transform:uppercase}.story-id b{font-size:8px}.film-panel{position:absolute;z-index:20;opacity:0;border:1px solid #ffffff33;border-radius:20px;box-shadow:0 24px 75px #000c}.film-panel small{letter-spacing:.15em;font-weight:900}.timeline{position:absolute;z-index:55;left:4%;right:4%;bottom:5%;height:2px;background:#ffffff33}.timeline i{display:block;height:100%;transform-origin:left;background:linear-gradient(90deg,#198cff,#5aebff);animation:progress 25s linear infinite}.player-actions{display:flex;justify-content:space-between;align-items:center;padding:13px 5px 0;color:#6b7b90;font-size:12px}.player-actions button{border:0;background:transparent;color:#1769ff;font:inherit;font-weight:800;cursor:pointer}footer{text-align:center;padding:0 20px 46px;color:#75859a;font-size:11px}

/* Contratación y venta */
.contract-domain{left:50%;top:48%;width:48%;padding:22px 24px;transform:translate(-50%,-50%);background:var(--glass);backdrop-filter:blur(15px);animation:contractDomain 25s ease infinite}.contract-domain small{color:#75e6ff;font-size:7px}.contract-domain>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:13px 15px;border-radius:11px;background:#fff;color:#132640}.contract-domain b{font-size:clamp(17px,2.5vw,28px)}.contract-domain span{color:#159d66;font-size:9px;font-weight:900}.contract-domain em{display:block;margin-top:11px;color:#58e4a4;font-size:9px;font-style:normal;text-align:center;opacity:0;animation:domainCheck 25s ease infinite}.professional-card{left:50%;top:51%;width:34%;padding:21px;transform:translate(-50%,-50%);background:#061522ee;text-align:center;backdrop-filter:blur(16px);animation:professional 25s ease infinite}.professional-card small{color:#72e5ff;font-size:6px}.professional-card h3{margin:3px 0;font-size:clamp(26px,4vw,46px)}.professional-card p{margin:0 0 14px;color:#bed0e1;font-size:8px}.professional-card button{padding:9px 26px;border:0;border-radius:999px;background:#248dff;color:white;font-size:8px;font-weight:900}.auth-card{left:50%;top:52%;width:39%;padding:20px 24px;transform:translate(-50%,-50%);border:0;border-radius:25px;background:#fff;color:#111827;animation:authShow 25s ease infinite}.auth-card h3{display:flex;flex-direction:column;align-items:center;margin:0 0 13px;font-size:22px;line-height:1.05;letter-spacing:-.035em}.auth-card h3 span{font-size:12px;font-weight:500}.auth-card button{position:relative;width:100%;height:40px;margin-bottom:7px;padding:0 44px;border:1px solid #e1e5eb;border-radius:13px;background:#fff;color:#171717;font:inherit;font-size:9px;font-weight:700}.auth-card button i{position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%)}.auth-card button svg{display:block;width:100%;height:100%}.auth-divider{display:flex;align-items:center;gap:10px;margin:8px 0;color:#9298a2;font-size:7px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.auth-card label{display:grid;gap:3px;margin-top:6px;color:#343b46;font-size:6px;font-weight:700}.auth-card input{height:32px;padding:0 11px;border:1px solid #e1e5eb;border-radius:10px;background:#fff;color:#738091;font-size:8px}.mail-continue{margin-top:8px;padding:9px;border-radius:10px;background:#1356e8;color:#fff;font-size:8px;font-weight:800;text-align:center}.cursor{position:absolute;z-index:6;color:#fff;font-size:25px;text-shadow:0 2px 4px #0008;opacity:0}.cursor i{position:absolute;left:-6px;top:-6px;width:30px;height:30px;border:2px solid #55e5ff;border-radius:50%}.auth-cursor{left:27%;top:34%;animation:authCursor 25s ease infinite}.paypal-card{left:50%;top:52%;width:42%;padding:20px 22px;transform:translate(-50%,-50%);background:#fff;color:#10213b;animation:paypalShow 25s ease infinite}.paypal-card>.mini-label{color:#2176dc;font-size:6px}.paypal-card h3{margin:3px 0 5px;font-size:23px;letter-spacing:-.04em}.paypal-card>p{margin:0 0 10px;color:#66758a;font-size:7px}.payment-summary{display:grid;grid-template-columns:1fr auto;gap:5px;padding:11px;border-radius:12px;background:#f0f5fa}.payment-summary span{color:#718095;font-size:7px}.payment-summary strong{font-size:8px}.secure-payment{display:flex;align-items:center;gap:7px;margin-top:9px;padding:10px;border:1px solid #e0e6ee;border-radius:12px}.secure-payment>b{font-size:9px}.secure-payment small{flex:1;color:#718095;font-size:5px;letter-spacing:0}.paypal-button{min-width:97px;padding:9px;border:0;border-radius:999px;background:#ffc439;color:#142b4f;font-size:11px;font-style:italic;font-weight:900}.paypal-button span{color:#178bd0}.pay-cursor{right:16%;bottom:15%;animation:payCursor 25s ease infinite}.payment-success{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;background:white;opacity:0;animation:paymentSuccess 25s ease infinite}.payment-success i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#20bd72;color:white;font-size:21px;font-style:normal}.payment-success b{margin-top:8px;font-size:15px}.payment-success span{color:#6b7788;font-size:7px}.website-preview{left:50%;top:52%;width:51%;aspect-ratio:16/10;transform:translate(-50%,-50%);overflow:hidden;background:#eef1f5;color:#0c1f35;animation:contractWebsite 25s ease infinite}.browser{height:12%;display:flex;align-items:center;gap:5px;padding:0 3%;background:#edf1f5}.browser i{width:6px;height:6px;border-radius:50%;background:#9ca8b6}.browser span{margin-left:4%;width:56%;padding:4px 10px;border-radius:7px;background:#fff;color:#7f8b9b;font-size:6px}.site-hero{height:88%;padding:12% 9%;background:linear-gradient(90deg,#06111dd1,#06111d24),url('/assets/video-loop/contract-sale.png') center/cover;color:#fff}.site-hero small{font-size:6px}.site-hero b{display:block;max-width:75%;margin:8px 0 14px;font-family:Georgia,serif;font-size:clamp(20px,3.2vw,40px);line-height:.94}.site-hero span{display:inline-block;padding:7px 11px;border:1px solid #fff;font-size:6px;text-transform:uppercase}.whatsapp,.industry-chat{left:33%;top:53%;width:27%;min-height:49%;padding:14px;transform:translate(-50%,-50%);border:4px solid #24384d;border-radius:25px;background:#eaf1e9;color:#16261f}.whatsapp{animation:contractWhatsapp 25s ease infinite}.wa-head{display:flex;justify-content:space-between;padding:5px 2px 11px;font-size:8px}.whatsapp p,.industry-chat p{max-width:84%;margin:7px 0;padding:8px 10px;border-radius:10px;font-size:7px;line-height:1.35}.incoming{margin-left:auto!important;background:#d2f7c7}.outgoing{background:#fff;box-shadow:0 3px 10px #50655922}.outgoing small{display:block;margin-bottom:3px;color:#168b59;font-size:5px}.sale-result{right:5%;bottom:17%;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#051321ec;backdrop-filter:blur(13px);animation:saleResult 25s ease infinite}.sale-result>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#20bd72;font-style:normal}.sale-result span{display:flex;flex-direction:column}.sale-result small{color:#68e3ff;font-size:5px}.sale-result b{font-size:9px}.sale-result>strong{margin-left:12px;color:#65e9aa;font-size:28px}

/* Casos de negocio */
.industry-site{left:50%;top:53%;width:57%;height:56%;padding:9% 8%;transform:translate(-50%,-50%);background-size:cover!important;color:#fff}.industry-site small{font-size:6px}.industry-site h3{max-width:72%;margin:7px 0 14px;font-family:Georgia,serif;font-size:clamp(25px,4.4vw,54px);line-height:.92}.industry-site button{padding:8px 13px;border:1px solid #fff;background:transparent;color:#fff;font-size:7px;text-transform:uppercase}.restaurant-site{background:linear-gradient(90deg,#06111dd4,#06111d22),url('/assets/video-loop/restaurant.png') center/cover;animation:industrySite 25s ease infinite}.health-site{background:linear-gradient(90deg,#06111dd4,#06111d22),url('/assets/video-loop/health-clinic.png') center/cover;animation:industrySite 25s ease infinite}.industry-chat{animation:industryChat 25s ease infinite}.ops-board{left:50%;top:53%;width:67%;padding:17px;transform:translate(-50%,-50%);background:#06131feb;backdrop-filter:blur(16px);animation:opsBoard 25s ease infinite}.ops-board header,.appointment header,.plans header,.resolution header{display:flex;align-items:center;justify-content:space-between;padding-bottom:11px;border-bottom:1px solid #ffffff25}.ops-board header span,.appointment header span,.plans header span,.resolution header span{display:flex;flex-direction:column;gap:3px}.ops-board header small,.appointment header small,.plans header small,.resolution header small{color:#73e4ff;font-size:5px}.ops-board header b,.appointment header b,.plans header b,.resolution header b{font-size:11px}.ops-board header>i,.appointment header>i,.plans header>i,.resolution header>i{padding:6px 9px;border-radius:999px;background:#194b61;color:#79eaff;font-size:6px;font-style:normal}.ops-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.ops-grid>div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#0b2030;color:#79eaff;font-size:14px}.ops-grid span{display:flex;flex-direction:column}.ops-grid small{color:#6cdff9;font-size:5px}.ops-grid b{color:#fff;font-size:8px}.impact{left:50%;top:52%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:54%;padding:28px;transform:translate(-50%,-50%);background:#04111edc;backdrop-filter:blur(16px);text-align:center;animation:impact 25s ease infinite}.impact small{color:#6ee5ff;font-size:6px}.impact strong{font-size:clamp(72px,11vw,134px);line-height:.87;letter-spacing:-.08em}.impact span{color:#d7e7f7;font-size:10px}.appointment{left:50%;top:53%;width:52%;padding:17px;transform:translate(-50%,-50%);background:#f7fbff;color:#14243b;animation:appointment 25s ease infinite}.appointment header{border-color:#dae2ec}.appointment header small{color:#1b7ee4}.appointment header>i{background:#e4f1ff;color:#1875d8}.calendar{display:flex;gap:8px;margin:13px 0}.calendar span{flex:1;padding:10px;border:1px solid #dae2ec;border-radius:10px;color:#627289;font-size:9px;text-align:center}.calendar .selected{border-color:#1769ff;background:#1769ff;color:#fff}.appointment p{color:#69778a;font-size:7px}.appointment button{width:100%;padding:10px;border:0;border-radius:10px;background:#1769ff;color:#fff;font-size:8px;font-weight:900}.health-ops{background:#071c2ee9}

/* Arquitectura */
.plans{left:50%;top:53%;width:68%;padding:16px;transform:translate(-50%,-50%);background:#06131fec;animation:plansShow 25s ease infinite}.blueprint{position:relative;height:220px;margin-top:11px;border:1px solid #55dfff55;border-radius:11px;background-color:#0a2c44;background-image:linear-gradient(#57dfff18 1px,transparent 1px),linear-gradient(90deg,#57dfff18 1px,transparent 1px);background-size:20px 20px;overflow:hidden}.blueprint:before,.blueprint:after{content:"";position:absolute;border:2px solid #70e4ff}.blueprint:before{inset:18% 12%;clip-path:polygon(0 0,62% 0,62% 24%,100% 24%,100% 100%,35% 100%,35% 68%,0 68%)}.blueprint:after{left:22%;top:17%;width:43%;height:58%;border-radius:50%;border-color:#ffb75b}.beam{position:absolute;left:8%;right:8%;top:47%;height:8px;background:#63e0ff}.pipe{position:absolute;left:47%;top:8%;bottom:8%;width:7px;background:#ffb35a}.clash{position:absolute;left:44%;top:40%;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff565f;color:white;font-weight:900;box-shadow:0 0 0 10px #ff565f22}.ai-analysis{left:50%;top:53%;width:58%;padding:24px;transform:translate(-50%,-50%);background:#071522ef;backdrop-filter:blur(15px);animation:analysisShow 25s ease infinite}.ai-analysis small{color:#73e4ff;font-size:6px}.ai-analysis h3{margin:6px 0;font-size:28px}.ai-analysis p{color:#c3d3e1;font-size:9px}.ai-analysis>div{display:flex;gap:7px;margin-top:15px}.ai-analysis>div span{flex:1;padding:9px 5px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff0a;color:#8eeaff;font-size:6px;text-align:center}.resolution{left:50%;top:53%;width:62%;padding:18px;transform:translate(-50%,-50%);background:#06131fec;animation:resolutionShow 25s ease infinite}.resolution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.resolution-grid>div{padding:14px;border-radius:11px;background:#0b2030}.resolution-grid small{display:block;color:#70e3ff;font-size:5px}.resolution-grid b{font-size:9px}

.final-frame{position:absolute;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:7%;background:#010610d6;backdrop-filter:blur(5px);text-align:center;opacity:0;animation:finalFrame 25s ease infinite}.final-frame small{color:#6fe5ff;font-size:7px;letter-spacing:.23em;font-weight:900}.final-frame strong{max-width:900px;margin:13px 0 12px;font-size:clamp(34px,6vw,72px);line-height:.94;letter-spacing:-.055em}.final-frame span{max-width:720px;color:#d3e2f0;font-size:11px}

@keyframes camera{0%{transform:scale(1.04) translateX(-1%)}50%{transform:scale(1.1) translateX(1%)}100%{transform:scale(1.14) translateX(-1%)}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}}@keyframes sweep{from{transform:translateX(-35%)}to{transform:translateX(35%)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes contractDomain{0%,2%{opacity:0;transform:translate(-50%,-44%) scale(.95)}5%,13%{opacity:1;transform:translate(-50%,-50%) scale(1)}16%,100%{opacity:0;transform:translate(-50%,-54%)}}@keyframes domainCheck{0%,9%{opacity:0}11%,14%{opacity:1}16%,100%{opacity:0}}@keyframes professional{0%,14%{opacity:0;transform:translate(-50%,-44%) scale(.95)}17%,23%{opacity:1;transform:translate(-50%,-50%) scale(1)}26%,100%{opacity:0}}@keyframes authShow{0%,23%{opacity:0;transform:translate(-50%,-44%) scale(.95)}26%,40%{opacity:1;transform:translate(-50%,-50%) scale(1)}43%,100%{opacity:0}}@keyframes authCursor{0%,30%{opacity:0;transform:translate(28px,30px)}33%,37%{opacity:1;transform:none}39%,100%{opacity:0}}@keyframes paypalShow{0%,40%{opacity:0;transform:translate(-50%,-44%) scale(.95)}43%,58%{opacity:1;transform:translate(-50%,-50%) scale(1)}61%,100%{opacity:0}}@keyframes payCursor{0%,49%{opacity:0;transform:translate(30px,25px)}52%,55%{opacity:1;transform:none}57%,100%{opacity:0}}@keyframes paymentSuccess{0%,55%{opacity:0}57%,59%{opacity:1}61%,100%{opacity:0}}@keyframes contractWebsite{0%,59%{opacity:0;transform:translate(-50%,-44%) scale(.92)}62%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%,100%{opacity:0}}@keyframes contractWhatsapp{0%,71%{opacity:0;transform:translate(-50%,-44%) scale(.92)}74%,87%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%,100%{opacity:0}}@keyframes saleResult{0%,79%{opacity:0;transform:translateY(12px)}82%,90%{opacity:1;transform:none}93%,100%{opacity:0}}
@keyframes industrySite{0%,2%{opacity:0;transform:translate(-50%,-45%) scale(.93)}5%,22%{opacity:1;transform:translate(-50%,-50%) scale(1)}25%,100%{opacity:0}}@keyframes industryChat{0%,20%{opacity:0;transform:translate(-50%,-45%) scale(.93)}24%,43%{opacity:1;transform:translate(-50%,-50%) scale(1)}46%,100%{opacity:0}}@keyframes appointment{0%,20%{opacity:0;transform:translate(-50%,-45%) scale(.93)}24%,45%{opacity:1;transform:translate(-50%,-50%) scale(1)}48%,100%{opacity:0}}@keyframes opsBoard{0%,42%{opacity:0;transform:translate(-50%,-45%) scale(.94)}46%,72%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%,100%{opacity:0}}@keyframes impact{0%,70%{opacity:0;transform:translate(-50%,-46%) scale(.95)}74%,90%{opacity:1;transform:translate(-50%,-50%) scale(1)}93%,100%{opacity:0}}
@keyframes plansShow{0%,2%{opacity:0;transform:translate(-50%,-45%) scale(.94)}5%,26%{opacity:1;transform:translate(-50%,-50%) scale(1)}30%,100%{opacity:0}}@keyframes analysisShow{0%,25%{opacity:0;transform:translate(-50%,-45%) scale(.94)}29%,55%{opacity:1;transform:translate(-50%,-50%) scale(1)}59%,100%{opacity:0}}@keyframes resolutionShow{0%,54%{opacity:0;transform:translate(-50%,-45%) scale(.94)}58%,82%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%,100%{opacity:0}}@keyframes finalFrame{0%,90%{opacity:0}93%,99%{opacity:1}100%{opacity:0}}

@media(max-width:760px) and (orientation:portrait){.intro{padding:42px 17px 24px}.intro h1{font-size:40px}.story-nav{grid-template-columns:1fr 1fr;width:calc(100% - 20px);gap:7px}.story-nav button{min-height:82px;padding:11px}.story-nav span{width:29px;height:29px}.story-nav small{font-size:7px}.showcase{width:calc(100% - 20px)}.cinema{aspect-ratio:9/14;border-radius:21px}.scene-bg{inset:-3% -55%;background-position:center}.brand{top:5%;left:6%}.brand b{font-size:20px}.story-id{top:5%;right:6%}.story-id b{max-width:150px}.contract-domain{width:88%}.professional-card{width:78%}.auth-card{width:90%;padding:18px}.auth-card h3{font-size:20px}.paypal-card{width:90%;padding:17px}.secure-payment{flex-wrap:wrap}.paypal-button{width:100%}.website-preview{width:88%}.whatsapp,.industry-chat{left:50%;width:67%;min-height:49%}.sale-result{left:6%;right:6%;bottom:12%}.industry-site{width:88%;height:55%;padding:15% 8%}.industry-site h3{max-width:90%}.ops-board,.plans,.resolution{width:90%;padding:13px}.ops-grid{grid-template-columns:1fr}.appointment{width:88%}.impact{width:85%;padding:23px}.impact strong{font-size:90px}.blueprint{height:300px}.ai-analysis{width:88%}.ai-analysis>div{display:grid;grid-template-columns:1fr 1fr}.resolution-grid{grid-template-columns:1fr}.final-frame strong{font-size:38px}.final-frame span{font-size:9px}.player-actions{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinema *{animation-play-state:paused!important}.timeline{display:none}}

/* Payment choices shown together inside the existing IA Digital Works modal. */
.secure-payment{align-items:center;gap:10px}
.payment-copy{display:flex;flex:1;flex-direction:column;gap:2px}
.payment-copy>b{font-size:9px}
.payment-copy small{flex:none;color:#718095;font-size:5px;letter-spacing:0}
.payment-options{display:grid;min-width:150px;gap:6px}
.paypal-button,.card-button{width:100%;padding:9px;border-radius:999px;font-size:9px;font-weight:900}
.paypal-button{border:0;font-size:11px}
.card-button{border:1px solid #1e66d0;background:#fff;color:#1658b8;font-style:normal}

@media(max-width:760px) and (orientation:portrait){.secure-payment{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.payment-options{width:100%}}

/* Refined cinematic clarity and story order. */
.scene-bg{inset:0;image-rendering:auto;filter:contrast(1.04) saturate(1.04)}
.grain{display:none}
.film-shade{background:linear-gradient(90deg,#010813a8,#02081212 48%,#01071278),linear-gradient(0deg,#01050bc4,transparent 55%,#01050b62)}
.light-sweep{background:linear-gradient(115deg,transparent 38%,#71eaff10 49%,transparent 60%)}

.sale-result{left:50%;right:auto;bottom:15%;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:66%;padding:14px 16px;transform:translateX(-50%);background:#051321f2}
.payment-received,.sales-growth{display:flex;align-items:center;gap:10px}
.payment-received>i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#20bd72;font-style:normal}
.sale-result b{font-size:18px}
.payment-received em{color:#9fb2c6;font-size:6px;font-style:normal}
.sales-growth{justify-content:space-between;padding-left:12px;border-left:1px solid #ffffff24}
.sales-growth strong{margin:0;color:#65e9aa;font-size:30px;line-height:1}
.mini-chart{display:flex;align-items:flex-end;gap:4px;width:78px;height:38px;padding:4px 0;border-bottom:1px solid #5de9aa66}
.mini-chart i{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#64ecad,#1d8f69);animation:chartRise 25s ease infinite}
.mini-chart i:nth-child(1){height:22%}.mini-chart i:nth-child(2){height:34%}.mini-chart i:nth-child(3){height:48%}.mini-chart i:nth-child(4){height:70%}.mini-chart i:nth-child(5){height:100%}

.team-focus{left:5%;bottom:15%;display:flex;flex-direction:column;width:35%;padding:18px 20px;background:#051321dc;backdrop-filter:blur(10px);animation:teamFocus 25s ease infinite}
.team-focus small{color:#70e3ff;font-size:6px}.team-focus b{margin:5px 0;font-size:17px}.team-focus span{color:#c4d5e5;font-size:8px;line-height:1.45}

@keyframes camera{0%{transform:scale(1.005) translateX(-.25%)}50%{transform:scale(1.025) translateX(.35%)}100%{transform:scale(1.04) translateX(-.2%)}}
@keyframes saleResult{0%,80%{opacity:0;transform:translate(-50%,12px)}83%,96%{opacity:1;transform:translate(-50%,0)}99%,100%{opacity:0;transform:translate(-50%,-5px)}}
@keyframes chartRise{0%,82%{transform:scaleY(.12);transform-origin:bottom}88%,100%{transform:scaleY(1);transform-origin:bottom}}
@keyframes teamFocus{0%,2%{opacity:0;transform:translateY(10px)}5%,20%{opacity:1;transform:none}24%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes analysisShow{0%,20%{opacity:0;transform:translate(-50%,-45%) scale(.94)}24%,45%{opacity:1;transform:translate(-50%,-50%) scale(1)}49%,100%{opacity:0}}
@keyframes resolutionShow{0%,44%{opacity:0;transform:translate(-50%,-45%) scale(.94)}48%,69%{opacity:1;transform:translate(-50%,-50%) scale(1)}73%,100%{opacity:0}}
@keyframes plansShow{0%,76%{opacity:0;transform:translate(-50%,-45%) scale(.94)}80%,91%{opacity:1;transform:translate(-50%,-50%) scale(1)}94%,100%{opacity:0}}
@keyframes finalFrame{0%,93%{opacity:0}96%,99%{opacity:1}100%{opacity:0}}

@media(max-width:760px) and (orientation:portrait){.scene-bg{inset:0}.sale-result{left:50%;right:auto;bottom:11%;grid-template-columns:1fr;width:88%;transform:translateX(-50%)}.sales-growth{padding:9px 0 0;border-top:1px solid #ffffff24;border-left:0}.team-focus{left:6%;bottom:14%;width:72%}}

/* Legibilidad real: ningún texto informativo funciona como decoración. */
.cinema .scene-bg,
.cinema .film-panel,
.cinema .timeline i,
.cinema .cursor,
.cinema .final-frame,
.cinema .payment-success,
.cinema .contract-domain em,
.cinema .mini-chart i{animation-duration:30s!important}

.story-id{gap:12px}.story-id>span{width:38px;height:38px;font-size:12px}.story-id small{font-size:10px;line-height:1.25}.story-id b{font-size:13px;line-height:1.25}
.film-panel small{line-height:1.35}
.contract-domain small,.professional-card small,.paypal-card>.mini-label,.site-hero small,.industry-site small,.ops-board header small,.appointment header small,.plans header small,.resolution header small,.ai-analysis small,.resolution-grid small,.team-focus small,.sale-result small,.final-frame small{font-size:clamp(10px,1.05vw,14px);letter-spacing:.1em}
.contract-domain span,.contract-domain em{font-size:clamp(11px,1.05vw,14px)}
.professional-card p{font-size:clamp(12px,1.15vw,16px);line-height:1.4}.professional-card button{padding:12px 30px;font-size:clamp(12px,1.1vw,15px)}
.auth-card h3{font-size:clamp(26px,2.6vw,38px)}.auth-card h3 span{font-size:clamp(15px,1.35vw,19px)}.auth-card button{height:48px;font-size:clamp(13px,1.15vw,16px)}.auth-divider{font-size:clamp(11px,1vw,14px)}.auth-card label{font-size:clamp(11px,1vw,14px)}.auth-card input{height:39px;font-size:clamp(12px,1.05vw,15px)}.mail-continue{padding:12px;font-size:clamp(12px,1.05vw,15px)}
.paypal-card h3{font-size:clamp(27px,2.8vw,40px)}.paypal-card>p{font-size:clamp(12px,1.05vw,15px);line-height:1.45}.payment-summary span{font-size:clamp(11px,1vw,14px)}.payment-summary strong{font-size:clamp(12px,1.05vw,15px)}.payment-copy>b{font-size:clamp(13px,1.1vw,16px)}.payment-copy small{font-size:clamp(11px,1vw,14px)}.paypal-button,.card-button{font-size:clamp(12px,1.05vw,15px)}.paypal-button{font-size:clamp(15px,1.35vw,19px)}.payment-success b{font-size:clamp(20px,2vw,28px)}.payment-success span{font-size:clamp(12px,1.05vw,15px)}
.browser span,.site-hero span{font-size:clamp(10px,.95vw,13px)}
.wa-head{font-size:clamp(12px,1.1vw,16px)}.whatsapp p,.industry-chat p{font-size:clamp(12px,1.05vw,15px);line-height:1.45}.outgoing small{font-size:clamp(10px,.95vw,13px)}
.payment-received em{font-size:clamp(10px,.95vw,13px)}.sale-result b{font-size:clamp(19px,2vw,27px)}
.industry-site button{padding:11px 17px;font-size:clamp(11px,1vw,14px)}
.ops-board header b,.appointment header b,.plans header b,.resolution header b{font-size:clamp(15px,1.45vw,20px)}.ops-board header>i,.appointment header>i,.plans header>i,.resolution header>i{font-size:clamp(10px,.95vw,13px)}.ops-grid small{font-size:clamp(10px,.95vw,13px)}.ops-grid b{font-size:clamp(12px,1.1vw,16px);line-height:1.35}.ops-grid>div{padding:13px}
.impact span{font-size:clamp(13px,1.25vw,18px);line-height:1.4}
.calendar span{font-size:clamp(12px,1.05vw,15px)}.appointment p{font-size:clamp(12px,1.05vw,15px)}.appointment button{font-size:clamp(12px,1.05vw,15px)}
.ai-analysis h3{font-size:clamp(29px,3vw,43px)}.ai-analysis p{font-size:clamp(13px,1.2vw,17px);line-height:1.45}.ai-analysis>div span{font-size:clamp(10px,.95vw,13px)}.resolution-grid b{font-size:clamp(13px,1.2vw,17px)}.team-focus b{font-size:clamp(20px,2vw,28px)}.team-focus span{font-size:clamp(12px,1.1vw,16px);line-height:1.5}
.final-frame span{font-size:clamp(14px,1.4vw,20px);line-height:1.45}

/* Pausas más largas y transiciones suaves dentro de los 30 segundos. */
@keyframes contractDomain{0%,1%{opacity:0;transform:translate(-50%,-44%) scale(.95)}4%,15%{opacity:1;transform:translate(-50%,-50%) scale(1)}18%,100%{opacity:0;transform:translate(-50%,-54%)}}
@keyframes domainCheck{0%,9%{opacity:0}11%,16%{opacity:1}18%,100%{opacity:0}}
@keyframes professional{0%,14%{opacity:0;transform:translate(-50%,-44%) scale(.95)}17%,28%{opacity:1;transform:translate(-50%,-50%) scale(1)}31%,100%{opacity:0}}
@keyframes authShow{0%,26%{opacity:0;transform:translate(-50%,-44%) scale(.95)}29%,46%{opacity:1;transform:translate(-50%,-50%) scale(1)}49%,100%{opacity:0}}
@keyframes authCursor{0%,34%{opacity:0;transform:translate(28px,30px)}37%,43%{opacity:1;transform:none}46%,100%{opacity:0}}
@keyframes paypalShow{0%,45%{opacity:0;transform:translate(-50%,-44%) scale(.95)}48%,66%{opacity:1;transform:translate(-50%,-50%) scale(1)}69%,100%{opacity:0}}
@keyframes payCursor{0%,54%{opacity:0;transform:translate(30px,25px)}57%,63%{opacity:1;transform:none}66%,100%{opacity:0}}
@keyframes paymentSuccess{0%,62%{opacity:0}64%,68%{opacity:1}70%,100%{opacity:0}}
@keyframes contractWebsite{0%,67%{opacity:0;transform:translate(-50%,-44%) scale(.92)}70%,81%{opacity:1;transform:translate(-50%,-50%) scale(1)}84%,100%{opacity:0}}
@keyframes contractWhatsapp{0%,79%{opacity:0;transform:translate(-50%,-44%) scale(.92)}82%,95%{opacity:1;transform:translate(-50%,-50%) scale(1)}98%,100%{opacity:0}}
@keyframes saleResult{0%,85%{opacity:0;transform:translate(-50%,12px)}88%,98%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-5px)}}
@keyframes industrySite{0%,1%{opacity:0;transform:translate(-50%,-45%) scale(.93)}4%,25%{opacity:1;transform:translate(-50%,-50%) scale(1)}28%,100%{opacity:0}}
@keyframes industryChat{0%,23%{opacity:0;transform:translate(-50%,-45%) scale(.93)}27%,50%{opacity:1;transform:translate(-50%,-50%) scale(1)}53%,100%{opacity:0}}
@keyframes appointment{0%,23%{opacity:0;transform:translate(-50%,-45%) scale(.93)}27%,52%{opacity:1;transform:translate(-50%,-50%) scale(1)}55%,100%{opacity:0}}
@keyframes opsBoard{0%,49%{opacity:0;transform:translate(-50%,-45%) scale(.94)}53%,79%{opacity:1;transform:translate(-50%,-50%) scale(1)}82%,100%{opacity:0}}
@keyframes impact{0%,77%{opacity:0;transform:translate(-50%,-46%) scale(.95)}81%,96%{opacity:1;transform:translate(-50%,-50%) scale(1)}99%,100%{opacity:0}}
@keyframes teamFocus{0%,1%{opacity:0;transform:translateY(10px)}4%,27%{opacity:1;transform:none}30%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes analysisShow{0%,25%{opacity:0;transform:translate(-50%,-45%) scale(.94)}29%,54%{opacity:1;transform:translate(-50%,-50%) scale(1)}58%,100%{opacity:0}}
@keyframes resolutionShow{0%,52%{opacity:0;transform:translate(-50%,-45%) scale(.94)}56%,80%{opacity:1;transform:translate(-50%,-50%) scale(1)}84%,100%{opacity:0}}
@keyframes plansShow{0%,78%{opacity:0;transform:translate(-50%,-45%) scale(.94)}82%,97%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0}}
@keyframes finalFrame{0%,87%{opacity:0}90%,99%{opacity:1}100%{opacity:0}}

@media(max-width:760px) and (orientation:portrait){
  .story-nav b{font-size:14px}.story-nav small{font-size:11px;line-height:1.4}
  .story-id{top:8%;max-width:62%}.story-id>span{width:34px;height:34px}.story-id small{font-size:9px}.story-id b{font-size:11px}
  .contract-domain,.professional-card,.auth-card,.paypal-card,.website-preview,.appointment,.ai-analysis{width:92%}
  .professional-card{padding:26px 20px}.auth-card,.paypal-card{padding:22px 20px}
  .auth-card button{height:48px}.payment-summary{gap:8px;padding:13px}.secure-payment{padding:13px}
  .whatsapp,.industry-chat{width:82%;min-height:auto;padding:17px}.whatsapp p,.industry-chat p{max-width:91%;padding:10px 12px}
  .industry-site{width:92%;padding:17% 9%}.ops-board,.plans,.resolution{width:93%;padding:16px}.ops-grid{gap:10px}.ops-grid>div{padding:12px}
  .appointment{padding:20px}.calendar{gap:6px}.calendar span{padding:12px 5px}
  .ai-analysis{padding:22px}.ai-analysis>div span{padding:11px 5px}.resolution-grid>div{padding:16px}
  .team-focus{width:84%;padding:21px}.sale-result{width:92%;padding:16px}.final-frame{padding:10%}.final-frame small{font-size:11px}.final-frame span{font-size:15px}
}

/* Clean carousel embed: the loop is the module, with only compact navigation. */
html,body{width:100%;max-width:100%;height:100%;min-height:100%;overflow:hidden;background:transparent}
.loop-carousel{width:100%;max-width:100%;margin:0;padding:0;overflow:hidden}
.loop-carousel .showcase{position:relative;width:min(1220px,100%);max-width:100%;margin:auto;padding:0;overflow:hidden}
.carousel-dots{position:absolute;z-index:70;right:4%;bottom:7%;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #ffffff24;border-radius:999px;background:#06131f80;box-shadow:0 8px 24px #0006;backdrop-filter:blur(12px)}
.carousel-dots button{display:block;width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#ffffff6b;cursor:pointer;transition:width .2s ease,background .2s ease,transform .2s ease}
.carousel-dots button:hover{transform:scale(1.18);background:#fff}
.carousel-dots button.active{width:24px;background:#62e4ff}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{width:clamp(125px,15vw,195px);height:auto;opacity:.34;pointer-events:none}
.brand img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 7px #0007)}
.story-id{max-width:48%}
.story-id div{align-items:flex-end}

@media(max-width:760px) and (orientation:portrait){
  .loop-carousel .showcase{width:calc(100% - 20px)}
  .carousel-dots{right:6%;bottom:6.5%;gap:6px;padding:7px 9px}
  .carousel-dots button{width:8px;height:8px}
  .carousel-dots button.active{width:21px}
  .brand{width:132px;opacity:.36}
  .story-id{max-width:46%}
}

/* Loop 2 · E-commerce */
.ecommerce-store{left:50%;top:52%;width:72%;padding:15px 17px 17px;transform:translate(-50%,-50%);overflow:hidden;background:#f7f9fc;color:#122036;animation:ecommerceStore 30s ease infinite}
.shop-browser{display:flex;align-items:center;gap:6px;padding-bottom:10px;border-bottom:1px solid #dce3ed}
.shop-browser>i{width:7px;height:7px;border-radius:50%;background:#9daabc}.shop-browser>i:nth-child(1){background:#ff776f}.shop-browser>i:nth-child(2){background:#ffc45d}.shop-browser>i:nth-child(3){background:#5ed497}
.shop-browser>span{margin-left:8px;flex:1;padding:6px 11px;border-radius:8px;background:#e9eef5;color:#607086;font-size:clamp(10px,.9vw,13px)}
.shop-browser>b{font-size:clamp(10px,.95vw,14px)}
.ecommerce-store>header{display:flex;align-items:end;justify-content:space-between;padding:13px 2px 11px}
.ecommerce-store>header span{display:flex;flex-direction:column;gap:2px}.ecommerce-store>header small{color:#2679dc;font-size:clamp(10px,.95vw,13px)}.ecommerce-store>header strong{font-size:clamp(19px,2.15vw,31px);letter-spacing:-.04em}
.ecommerce-store>header button{padding:10px 15px;border:0;border-radius:999px;background:#1769ff;color:#fff;font-size:clamp(10px,.95vw,13px);font-weight:850}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.product-grid article{display:grid;grid-template-columns:1fr auto;gap:2px 6px;padding:9px;border:1px solid #e1e7ef;border-radius:13px;background:#fff;box-shadow:0 8px 20px #16375f12}
.product-photo{grid-column:1/-1;display:block;height:clamp(76px,10vw,135px);margin-bottom:6px;border-radius:9px;background-image:url('/assets/video-loop/ecommerce-store.png');background-repeat:no-repeat;background-size:310% auto}
.product-one{background-position:43% 56%}.product-two{background-position:61% 55%}.product-three{background-position:82% 55%}
.product-grid small{color:#6b7d92;font-size:clamp(9px,.82vw,12px)}.product-grid b{font-size:clamp(12px,1.05vw,16px)}.product-grid em{grid-column:2;grid-row:2/4;align-self:end;color:#1769ff;font-size:clamp(12px,1.05vw,16px);font-style:normal;font-weight:900}
.shopping-assistant{left:50%;top:52%;width:55%;padding:23px 25px;transform:translate(-50%,-50%);background:#061522ef;backdrop-filter:blur(15px);animation:shoppingAssistant 30s ease infinite}
.shopping-assistant>small{color:#72e5ff;font-size:clamp(10px,1.05vw,14px)}.shopping-assistant h3{margin:6px 0;font-size:clamp(26px,3vw,43px);line-height:1}.shopping-assistant>p{margin:0 0 15px;color:#bfd1e2;font-size:clamp(12px,1.1vw,16px)}
.shopping-assistant>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #ffffff24;border-radius:13px;background:#0d2638}.shopping-assistant>div span{font-size:clamp(13px,1.2vw,17px);font-weight:800}.shopping-assistant>div b{color:#68e3ff;font-size:clamp(15px,1.4vw,20px)}.shopping-assistant button{padding:10px 14px;border:0;border-radius:999px;background:#1769ff;color:#fff;font-size:clamp(10px,.95vw,13px);font-weight:850}
.ecommerce-checkout{left:50%;top:52%;width:58%;padding:18px 20px;transform:translate(-50%,-50%);background:#f9fbfd;color:#122036;animation:ecommerceCheckout 30s ease infinite}
.ecommerce-checkout>header,.commerce-ops>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #dce3ed}.ecommerce-checkout>header span,.commerce-ops>header span{display:flex;flex-direction:column;gap:2px}.ecommerce-checkout>header small,.commerce-ops>header small{color:#247bdd;font-size:clamp(10px,.95vw,13px)}.ecommerce-checkout>header b,.commerce-ops>header b{font-size:clamp(16px,1.5vw,22px)}.ecommerce-checkout>header i,.commerce-ops>header i{padding:7px 10px;border-radius:999px;background:#e8f2ff;color:#1c72d4;font-size:clamp(10px,.9vw,12px);font-style:normal;font-weight:800}
.cart-line{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid #e5eaf0}.cart-thumb{width:52px;height:44px;border-radius:9px;background-image:url('/assets/video-loop/ecommerce-store.png');background-repeat:no-repeat;background-size:310% auto}.cart-line p{display:flex;flex-direction:column;gap:2px;margin:0}.cart-line p b,.cart-line>strong{font-size:clamp(12px,1.05vw,15px)}.cart-line p small{color:#75869a;font-size:clamp(9px,.85vw,12px)}
.ecommerce-checkout>footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:11px 0 0;color:#122036;text-align:left}.ecommerce-checkout>footer span{font-size:clamp(11px,.95vw,14px)}.ecommerce-checkout>footer strong{font-size:clamp(17px,1.65vw,24px)}.ecommerce-checkout>footer button{padding:10px 16px;border:0;border-radius:999px;background:#1769ff;color:white;font-size:clamp(11px,1vw,14px);font-weight:850}
.order-approved{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:20px;background:#fff;opacity:0;animation:orderApproved 30s ease infinite}.order-approved i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#20bd72;color:#fff;font-size:26px;font-style:normal}.order-approved b{margin-top:9px;font-size:clamp(20px,2vw,29px)}.order-approved span{color:#6c7b8d;font-size:clamp(11px,1vw,14px)}
.commerce-ops{left:50%;top:53%;width:67%;padding:17px;transform:translate(-50%,-50%);background:#06131feb;backdrop-filter:blur(16px);animation:commerceOps 30s ease infinite}.commerce-ops>header{border-color:#ffffff25}.commerce-ops>header small{color:#73e4ff}.commerce-ops>header i{background:#194b61;color:#79eaff}
.ecommerce-impact{animation:ecommerceImpact 30s ease infinite}

@keyframes ecommerceStore{0%,1%{opacity:0;transform:translate(-50%,-45%) scale(.94)}4%,24%{opacity:1;transform:translate(-50%,-50%) scale(1)}28%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes shoppingAssistant{0%,24%{opacity:0;transform:translate(-50%,-45%) scale(.94)}28%,48%{opacity:1;transform:translate(-50%,-50%) scale(1)}52%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes ecommerceCheckout{0%,48%{opacity:0;transform:translate(-50%,-45%) scale(.94)}52%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}74%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes orderApproved{0%,64%{opacity:0}67%,72%{opacity:1}74%,100%{opacity:0}}
@keyframes commerceOps{0%,70%{opacity:0;transform:translate(-50%,-45%) scale(.94)}74%,86%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes ecommerceImpact{0%,85%{opacity:0;transform:translate(-50%,-46%) scale(.95)}89%,98%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0}}

@media(max-width:760px) and (orientation:portrait){
  .ecommerce-store{width:93%;padding:13px}.ecommerce-store>header{align-items:center}.ecommerce-store>header strong{font-size:20px}.ecommerce-store>header button{padding:9px 11px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product-grid article:nth-child(3){display:none}.product-photo{height:150px}.product-grid small{font-size:9px}.product-grid b,.product-grid em{font-size:12px}
  .shopping-assistant,.ecommerce-checkout,.commerce-ops{width:92%;padding:19px}.shopping-assistant>div{grid-template-columns:1fr auto}.shopping-assistant button{grid-column:1/-1;width:100%}.cart-line{grid-template-columns:46px 1fr auto}.ecommerce-checkout>footer{grid-template-columns:1fr auto}.ecommerce-checkout>footer button{grid-column:1/-1;width:100%}.commerce-ops .ops-grid{grid-template-columns:1fr}.ecommerce-impact{width:88%}
}

/* V200-110 · La información de resultado cierra cada historia y permanece visible. */
.cinema .scene-bg,
.cinema .film-panel,
.cinema .timeline i,
.cinema .cursor,
.cinema .payment-success,
.cinema .order-approved,
.cinema .contract-domain em,
.cinema .mini-chart i{animation-duration:32s!important}

.brand{
  width:auto;
  max-width:42%;
  height:auto;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(4,17,31,.58);
  color:#fff;
  opacity:1;
  backdrop-filter:blur(10px);
  box-shadow:0 7px 22px rgba(0,0,0,.25);
  pointer-events:none
}
.brand span{
  font-size:clamp(10px,1vw,14px);
  font-weight:850;
  letter-spacing:.12em;
  line-height:1;
  white-space:nowrap
}

@keyframes saleResult{
  0%,80%{opacity:0;transform:translate(-50%,12px)}
  84%,99.5%{opacity:1;transform:translate(-50%,0)}
  100%{opacity:0;transform:translate(-50%,-2px)}
}
@keyframes chartRise{
  0%,82%{transform:scaleY(.12);transform-origin:bottom}
  88%,100%{transform:scaleY(1);transform-origin:bottom}
}
@keyframes impact{
  0%,76%{opacity:0;transform:translate(-50%,-46%) scale(.95)}
  80%,99.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1)}
}
@keyframes ecommerceImpact{
  0%,76%{opacity:0;transform:translate(-50%,-46%) scale(.95)}
  80%,99.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1)}
}

@media(max-width:760px) and (orientation:portrait){
  .brand{width:auto;max-width:55%;padding:8px 11px;opacity:1}
  .brand span{font-size:10px}
}

/* V200-111 · Cinco lenguajes visuales y resultados divididos en dos momentos. */
.impact,.sale-result{position:absolute;overflow:hidden}
.impact-number,.impact-visual,.result-number,.result-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0}
.impact-number{flex-direction:column;padding:24px;text-align:center;animation:resultNumber 32s ease infinite}
.impact-number small{font-size:clamp(10px,1.05vw,14px)}
.impact-number strong{font-size:clamp(68px,10vw,124px);line-height:.86;letter-spacing:-.08em}
.impact-number span{font-size:clamp(13px,1.2vw,17px)}
.impact-visual{flex-direction:column;gap:14px;padding:22px 26px;animation:resultVisual 32s ease infinite}
.impact-visual>small{font-size:clamp(10px,1vw,13px)}
.result-number{gap:18px;padding:14px 18px;animation:resultNumber 32s ease infinite}
.result-visual{justify-content:space-between;gap:20px;padding:14px 20px;animation:resultVisual 32s ease infinite}
.result-visual>span{display:flex;flex-direction:column;gap:3px}
.result-visual>span small{font-size:clamp(10px,.95vw,13px)}
.result-visual>span b{font-size:clamp(16px,1.55vw,22px)}

@keyframes resultNumber{0%,78%{opacity:0;transform:translateY(8px)}81%,87%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes resultVisual{0%,87%{opacity:0;transform:translateY(8px)}90%,99.4%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}

/* 1 · Contratación: azul profundo, tarjetas limpias y gráfico lineal. */
.cinema.contract{--case-accent:#4f8cff;--case-soft:#9ec0ff}
.contract .timeline i{background:linear-gradient(90deg,#275fda,#83adff)}
.contract .story-id small{color:#a9c6ff}.contract .professional-card{background:linear-gradient(145deg,#081a3d,#102d67)}
.contract .professional-card button,.contract .mail-continue{background:#245edb}
.contract .auth-card{border-radius:18px}.contract .auth-card h3 span{margin-top:5px;color:#657189;order:2}
.contract .sale-result{height:92px;border-color:#729cff55;background:linear-gradient(135deg,#08162fef,#0c2850f2)}
.contract .sales-growth{border:0}.contract .sales-growth strong{color:#8bb2ff}
.line-chart{position:relative;width:52%;height:54px;border-bottom:1px solid #9ebdff66;background:linear-gradient(180deg,transparent,#2e64cb22)}
.line-chart:before{content:"";position:absolute;inset:9px 5px 7px;background:linear-gradient(150deg,transparent 0 12%,#79a6ff 13% 15%,transparent 16% 30%,#79a6ff 31% 33%,transparent 34% 50%,#79a6ff 51% 53%,transparent 54% 69%,#79a6ff 70% 72%,transparent 73% 86%,#79a6ff 87% 89%,transparent 90%);filter:drop-shadow(0 0 5px #4f8cff)}
.line-chart i{position:absolute;bottom:calc(var(--y) * 1%);width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #4f8cff55}.line-chart i:nth-child(1){left:6%;--y:8}.line-chart i:nth-child(2){left:23%;--y:22}.line-chart i:nth-child(3){left:41%;--y:18}.line-chart i:nth-child(4){left:59%;--y:43}.line-chart i:nth-child(5){left:77%;--y:55}.line-chart i:nth-child(6){left:94%;--y:74}

/* 2 · E-commerce: violeta y coral, botones redondeados y embudo. */
.cinema.ecommerce{--case-accent:#8b5cf6;--case-soft:#ff7f72}
.ecommerce .film-shade{background:linear-gradient(90deg,#24113eb8,#2e16491a 52%,#160b2e92),linear-gradient(0deg,#160b2dcc,transparent 58%)}
.ecommerce .timeline i{background:linear-gradient(90deg,#8b5cf6,#ff7f72)}
.ecommerce .story-id small{color:#ffc0b9}.ecommerce .ecommerce-store>header button,.ecommerce .shopping-assistant button,.ecommerce .ecommerce-checkout>footer button{background:linear-gradient(135deg,#7c3aed,#e85d75)}
.ecommerce .shopping-assistant,.ecommerce .commerce-ops{background:linear-gradient(145deg,#24113fee,#421b55ee)}
.ecommerce .commerce-ops .ops-grid>div{border-radius:18px;background:#ffffff12;color:#ffb0a7}
.ecommerce .ecommerce-impact{background:linear-gradient(145deg,#23123fee,#4c1d5bef)}
.ecommerce-funnel>div{display:grid;width:min(440px,88%);gap:8px}.ecommerce-funnel i{position:relative;display:flex;align-items:center;width:var(--value);height:30px;padding:0 13px;border-radius:999px;background:linear-gradient(90deg,#8b5cf6,#ff7f72);color:#fff;font-size:clamp(11px,1vw,14px);font-style:normal;font-weight:850;box-shadow:0 8px 20px #16072d55}.ecommerce-funnel i:nth-child(2){margin-left:8%}.ecommerce-funnel i:nth-child(3){margin-left:16%}.ecommerce-funnel i:nth-child(4){margin-left:24%}

/* 3 · Restaurante: borgoña y dorado, tablero tipo comandas. */
.cinema.restaurant{--case-accent:#d99a3d;--case-soft:#ffe0a3}
.restaurant .film-shade{background:linear-gradient(90deg,#250b08c7,#2b0f091f 50%,#1907059b),linear-gradient(0deg,#1d0806d6,transparent 60%)}
.restaurant .timeline i{background:linear-gradient(90deg,#a83d2b,#f0b856)}
.restaurant .story-id small{color:#ffd79a}.restaurant .industry-site button{border-color:#ffd08a;color:#ffd08a}.restaurant .incoming{background:#fff1cf}.restaurant .outgoing small{color:#9a3f2c}
.restaurant .restaurant-ops{background:linear-gradient(145deg,#32100eef,#5a1d17ed)}
.restaurant .restaurant-ops header>i{background:#f1b553;color:#3b170d}.restaurant .restaurant-ops .ops-grid>div{border:1px solid #e6ae5b44;border-radius:5px;background:#2a0c0a;color:#eab359}.restaurant .restaurant-ops .ops-grid small{color:#eab359}
.restaurant .restaurant-impact{background:linear-gradient(145deg,#32100eef,#681f18ef)}
.reservation-bars>div{display:flex;align-items:flex-end;justify-content:center;gap:22px;width:min(470px,90%);height:112px;padding-top:10px;border-bottom:1px solid #f5c87b66}.reservation-bars i{position:relative;width:22%;height:var(--value);border-radius:5px 5px 0 0;background:linear-gradient(#f3c56d,#b94b2f);box-shadow:0 0 28px #d8863640}.reservation-bars b{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);color:#ffe6b7;font-size:clamp(10px,.9vw,12px);white-space:nowrap}

/* 4 · Salud: blanco, verde salvia y controles suaves. */
.cinema.health{--case-accent:#38a889;--case-soft:#bcebdc}
.health .film-shade{background:linear-gradient(90deg,#0c2f35a8,#dff8ef08 55%,#0a263878),linear-gradient(0deg,#092d32ad,transparent 62%)}
.health .timeline i{background:linear-gradient(90deg,#38a889,#bcebdc)}
.health .story-id small{color:#c8f5e7}.health .appointment button,.health .calendar .selected{background:#268d72;border-color:#268d72}.health .health-ops{background:#edf8f4f2;color:#173a34;border-color:#b7dfd2}.health .health-ops header{border-color:#c9e4da}.health .health-ops header small,.health .health-ops .ops-grid small{color:#277c68}.health .health-ops header b,.health .health-ops .ops-grid b{color:#173a34}.health .health-ops header>i{background:#d5eee5;color:#246f5f}.health .health-ops .ops-grid>div{border:1px solid #cde8df;border-radius:14px;background:#fff;color:#318d75}
.health .health-impact{background:linear-gradient(145deg,#eef9f5f2,#d8eee8f2);color:#183b34;border-color:#bee0d5}
.health .impact-number small,.health .impact-number span,.health .impact-visual>small{color:#2c7867}.health .impact-number strong{color:#176b59}
.health-metric{flex-direction:row;gap:34px}.metric-ring{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:conic-gradient(#2e967c 0 92%,#badfd5 92%);box-shadow:inset 0 0 0 12px #e8f6f1}.metric-ring b{font-size:clamp(23px,2.4vw,34px)}.metric-ring small{font-size:9px;color:#37786a}.health-metric>span{display:flex;flex-direction:column}.health-metric>span small{color:#3c7d6f;font-size:clamp(10px,.95vw,13px)}.health-metric>span b{font-size:clamp(38px,4.4vw,62px);line-height:1;color:#176b59}.health-metric>span em{color:#537a71;font-size:clamp(11px,1vw,14px);font-style:normal}

/* 5 · Arquitectura: grafito y naranja, controles angulares. */
.cinema.architecture{--case-accent:#ff8a3d;--case-soft:#ffc18c}
.architecture .film-shade{background:linear-gradient(90deg,#0d0e12d1,#16171b28 50%,#090a0d9e),linear-gradient(0deg,#0a0b0fd9,transparent 60%)}
.architecture .timeline i{background:linear-gradient(90deg,#ff6b2c,#ffbd73)}
.architecture .story-id small{color:#ffbd83}.architecture .team-focus,.architecture .plans,.architecture .ai-analysis,.architecture .resolution{border-color:#ff8b3d55;border-radius:5px;background:#17191eef}.architecture .team-focus small,.architecture .plans header small,.architecture .ai-analysis small,.architecture .resolution header small,.architecture .resolution-grid small{color:#ff9b59}.architecture .plans header>i,.architecture .resolution header>i{border-radius:3px;background:#ff8a3d;color:#19120e}.architecture .ai-analysis>div span,.architecture .resolution-grid>div{border-radius:3px;border-color:#ff8b3d40;background:#ff8b3d10;color:#ffb47f}
.architecture .architecture-impact{border-radius:5px;background:linear-gradient(145deg,#15171cef,#25221fef);border-color:#ff8b3d55}
.architecture .impact-number small,.architecture .impact-visual>small{color:#ffad72}.architecture .impact-number strong{color:#ff8a3d}
.project-metrics>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:min(570px,94%)}.project-metrics span{display:flex;flex-direction:column;justify-content:center;min-height:86px;padding:13px;border:1px solid #ff8b3d55;border-radius:3px;background:#ff8b3d10;color:#d9d7d4;font-size:clamp(10px,.95vw,13px);text-align:center}.project-metrics b{display:block;color:#ff9c5a;font-size:clamp(28px,3vw,42px);line-height:1}

@media(max-width:760px) and (orientation:portrait){
  .impact-visual{padding:20px 17px}.impact-number strong{font-size:88px}.result-number{flex-direction:column;gap:9px}.result-visual{flex-direction:column;justify-content:center}.contract .sale-result{height:150px}.line-chart{width:90%}.ecommerce-funnel>div{width:96%}.reservation-bars>div{width:95%;gap:12px}.reservation-bars b{font-size:9px}.health-metric{gap:20px}.metric-ring{width:96px;height:96px}.project-metrics>div{gap:5px}.project-metrics span{padding:8px;font-size:9px}
}

/* V200-112 — El lienzo panorámico toma exactamente el tamaño disponible del iframe. */
html,body,.loop-carousel,.loop-carousel .showcase,#loopPlayer{width:100%;max-width:100%;height:100%;max-height:100%;min-height:0}
.loop-carousel .showcase{margin:0}
.cinema{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:auto;border-radius:0}

@media(max-width:760px) and (orientation:portrait){
  html,body,.loop-carousel,.loop-carousel .showcase,#loopPlayer{height:auto;max-height:none}
  .loop-carousel .showcase{width:calc(100% - 20px);margin:auto}
  .cinema{height:auto;max-height:none;aspect-ratio:9/14;border-radius:21px}
}

/* V200-113 — El contenido se adapta al alto real del panorama. Esto evita que
   los modales se recorten cuando un teléfono informa un viewport muy ancho. */
@media (orientation:landscape){
  html,body,.loop-carousel,.loop-carousel .showcase,#loopPlayer{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }
  .loop-carousel .showcase{margin:0!important}
  .cinema{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
  }
}

@media (orientation:landscape) and (max-height:700px){
  .brand{top:5%;left:3%;width:clamp(125px,15vw,210px)}
  .story-id{top:5%;right:3%;max-width:42%}
  .story-id small{font-size:clamp(9px,1.5vh,12px)}
  .story-id b{font-size:clamp(11px,1.9vh,15px)}
  .film-panel{max-height:78%;overflow:hidden}
  .auth-card,.paypal-card{top:52%;width:min(520px,52vw);padding:clamp(12px,2.5vh,20px) clamp(16px,2.2vw,24px)}
  .auth-card h3{margin-bottom:clamp(7px,1.7vh,13px);font-size:clamp(21px,4.1vh,31px)}
  .auth-card h3 span{font-size:clamp(12px,2.25vh,16px)}
  .auth-card button{height:clamp(34px,6.2vh,44px);margin-bottom:clamp(4px,1vh,7px);font-size:clamp(11px,2.15vh,15px)}
  .auth-divider{margin:clamp(4px,1vh,8px) 0;font-size:clamp(9px,1.8vh,12px)}
  .auth-card label{margin-top:clamp(3px,.8vh,6px);font-size:clamp(9px,1.75vh,12px)}
  .auth-card input{height:clamp(27px,5vh,36px);font-size:clamp(10px,1.9vh,13px)}
  .mail-continue{margin-top:clamp(5px,1vh,8px);padding:clamp(7px,1.5vh,10px);font-size:clamp(10px,1.9vh,13px)}
  .paypal-card h3{font-size:clamp(22px,4.3vh,33px)}
  .paypal-card>p{margin-bottom:clamp(6px,1.4vh,10px);font-size:clamp(10px,1.9vh,13px)}
  .payment-summary{gap:clamp(3px,.8vh,5px);padding:clamp(8px,1.8vh,11px)}
  .payment-summary span,.payment-summary strong{font-size:clamp(10px,1.8vh,13px)}
  .secure-payment{margin-top:clamp(6px,1.3vh,9px);padding:clamp(7px,1.6vh,10px)}
  .paypal-button,.card-button{padding:clamp(6px,1.5vh,9px);font-size:clamp(10px,1.9vh,14px)}
  .contract-domain,.professional-card,.website-preview,.appointment,.ai-analysis{max-height:74%}
  .ops-board,.plans,.resolution,.commerce-ops{max-height:76%}
  .impact,.sale-result{max-height:74%}
  .blueprint{height:clamp(130px,36vh,220px)}
  .carousel-dots{right:3%;bottom:4%}
  .timeline{left:3%;right:3%;bottom:3%}
}

/* V200-115 — cuadros completos y secuencias sin cruces. */
.impact{
  width:min(680px,58%);
  height:clamp(210px,43%,330px);
  padding:0;
  overflow:visible;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none;
}
.impact-number,.impact-visual,.result-number,.result-visual{
  width:100%;
  height:100%;
  overflow:hidden;
  border:1px solid #ffffff33;
  border-radius:20px;
  box-shadow:0 24px 75px #000c;
  backdrop-filter:blur(16px);
}
.ecommerce .impact-number,.ecommerce .impact-visual{background:linear-gradient(145deg,#23123ff5,#4c1d5bf5);border-color:#ff9a9250}
.restaurant .impact-number,.restaurant .impact-visual{background:linear-gradient(145deg,#32100ef5,#681f18f5);border-color:#e6ae5b55}
.health .impact-number,.health .impact-visual{background:linear-gradient(145deg,#eef9f5f7,#d8eee8f7);border-color:#bee0d5}
.architecture .impact-number,.architecture .impact-visual{background:linear-gradient(145deg,#15171cf5,#25221ff5);border-color:#ff8b3d55;border-radius:5px}

.sale-result{
  height:clamp(108px,22%,150px)!important;
  padding:0!important;
  overflow:visible;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none;
}
.sale-result .result-number,.sale-result .result-visual{background:linear-gradient(135deg,#08162ff5,#0c2850f5);border-color:#729cff55}

/* Una pantalla reconocible de WhatsApp, con cabecera, burbujas y campo de mensaje. */
.whatsapp-screen{padding:0!important;border:1px solid #17372f!important;border-radius:22px!important;background:#efeae2!important;color:#17211d!important}
.whatsapp-screen:before{content:"";position:absolute;z-index:-1;inset:54px 0 0;opacity:.24;background-image:radial-gradient(circle at 12px 12px,#90a69e 1.2px,transparent 1.3px);background-size:24px 24px}
.whatsapp-screen .wa-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0;padding:10px 12px;background:#075e54;color:#fff;border-radius:20px 20px 0 0}
.wa-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dce7e3;color:#49645a;font-size:10px;font-weight:900}
.wa-contact{display:flex;flex-direction:column;line-height:1.05}.wa-contact b{font-size:clamp(12px,1.05vw,15px)}.wa-contact small{font-size:clamp(8px,.75vw,10px);font-weight:500;letter-spacing:0;color:#d7ebe7}
.wa-actions{font-size:clamp(15px,1.35vw,19px);letter-spacing:.08em}
.wa-day{width:max-content;margin:8px auto 3px;padding:3px 8px;border-radius:7px;background:#d9f3f0;color:#53736c;font-size:8px;font-weight:800;box-shadow:0 1px 2px #0002}
.whatsapp-screen p{position:relative;margin:6px 11px!important;padding:8px 10px 15px!important;border-radius:8px!important;box-shadow:0 1px 2px #0002!important}
.whatsapp-screen .incoming{margin-right:11%!important;margin-left:11px!important;background:#fff!important}
.whatsapp-screen .outgoing{margin-right:11px!important;margin-left:11%!important;background:#d9fdd3!important}
.whatsapp-screen p time{position:absolute;right:7px;bottom:3px;color:#6f817a;font-size:7px}
.whatsapp-screen .outgoing small{color:#087c6c}
.wa-compose{position:absolute;left:9px;right:9px;bottom:8px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;color:#66756f}
.wa-compose>b{padding:7px 10px;border-radius:999px;background:#fff;font-size:9px;font-weight:500}.wa-compose>i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#00a884;color:#fff;font-size:12px;font-style:normal}

/* Todos los cuadros terminan antes de que comience el siguiente. */
@keyframes contractDomain{0%,1%{opacity:0;transform:translate(-50%,-44%) scale(.95)}3%,14%{opacity:1;transform:translate(-50%,-50%) scale(1)}15%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes professional{0%,15%{opacity:0;transform:translate(-50%,-44%) scale(.95)}17%,25%{opacity:1;transform:translate(-50%,-50%) scale(1)}26%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes authShow{0%,26%{opacity:0;transform:translate(-50%,-44%) scale(.95)}28%,43%{opacity:1;transform:translate(-50%,-50%) scale(1)}44%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes paypalShow{0%,44%{opacity:0;transform:translate(-50%,-44%) scale(.95)}46%,62%{opacity:1;transform:translate(-50%,-50%) scale(1)}63%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes paymentSuccess{0%,57%{opacity:0}58%,61%{opacity:1}62%,100%{opacity:0}}
@keyframes contractWebsite{0%,63%{opacity:0;transform:translate(-50%,-44%) scale(.92)}65%,75%{opacity:1;transform:translate(-50%,-50%) scale(1)}76%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes contractWhatsapp{0%,76%{opacity:0;transform:translate(-50%,-44%) scale(.92)}78%,85%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes saleResult{0%,86%{opacity:0;transform:translate(-50%,10px)}88%,99.3%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-3px)}}

@keyframes industrySite{0%,1%{opacity:0;transform:translate(-50%,-45%) scale(.93)}3%,24%{opacity:1;transform:translate(-50%,-50%) scale(1)}25%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes industryChat{0%,25%{opacity:0;transform:translate(-50%,-45%) scale(.93)}27%,48%{opacity:1;transform:translate(-50%,-50%) scale(1)}49%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes appointment{0%,25%{opacity:0;transform:translate(-50%,-45%) scale(.93)}27%,49%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes opsBoard{0%,50%{opacity:0;transform:translate(-50%,-45%) scale(.94)}52%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}77%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes impact{0%,78%{opacity:0;transform:translate(-50%,-46%) scale(.95)}80%,99.3%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}

@keyframes ecommerceStore{0%,1%{opacity:0;transform:translate(-50%,-45%) scale(.94)}3%,22%{opacity:1;transform:translate(-50%,-50%) scale(1)}23%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes shoppingAssistant{0%,23%{opacity:0;transform:translate(-50%,-45%) scale(.94)}25%,43%{opacity:1;transform:translate(-50%,-50%) scale(1)}44%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes ecommerceCheckout{0%,44%{opacity:0;transform:translate(-50%,-45%) scale(.94)}46%,64%{opacity:1;transform:translate(-50%,-50%) scale(1)}65%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes orderApproved{0%,59%{opacity:0}60%,63%{opacity:1}64%,100%{opacity:0}}
@keyframes commerceOps{0%,65%{opacity:0;transform:translate(-50%,-45%) scale(.94)}67%,78%{opacity:1;transform:translate(-50%,-50%) scale(1)}79%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes ecommerceImpact{0%,80%{opacity:0;transform:translate(-50%,-46%) scale(.95)}82%,99.3%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}

@keyframes resultNumber{0%,79%{opacity:0;transform:translateY(8px)}81%,88%{opacity:1;transform:none}89%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes resultVisual{0%,90%{opacity:0;transform:translateY(8px)}92%,99.3%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
@keyframes saleResultNumber{0%,87%{opacity:0;transform:translateY(7px)}88%,93%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes saleResultVisual{0%,95%{opacity:0;transform:translateY(7px)}96%,99.3%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}

/* V200-118 — transiciones orgánicas, secuenciales y sin pantallazos.
   Cada panel termina de salir, respira un instante y recién entonces entra el
   siguiente. El recorrido es corto y suave para no convertir el loop en una
   sucesión de efectos llamativos. */
.cinema .film-panel,
.cinema .payment-success,
.cinema .order-approved,
.cinema .impact-number,
.cinema .impact-visual,
.cinema .result-number,
.cinema .result-visual{
  animation-timing-function:cubic-bezier(.22,.72,.22,1)!important;
  backface-visibility:hidden;
  will-change:opacity,transform;
}

/* Contratación: salida completa + pausa + entrada suave. */
@keyframes contractDomain{0%,.8%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}3.3%,12.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}14.2%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes professional{0%,15.4%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}17.9%,23.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}25.5%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes authShow{0%,26.7%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}29.2%,41.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}43.2%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes paypalShow{0%,44.4%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}46.9%,60.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}62.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes contractWebsite{0%,64%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}66.5%,73.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}75.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes contractWhatsapp{0%,77%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}79.5%,83.7%{opacity:1;transform:translate(-50%,-50%) scale(1)}85.7%,100%{opacity:0;transform:translate(-50%,calc(-50% - 9px)) scale(.992)}}
@keyframes saleResult{0%,87%{opacity:0;transform:translate(-50%,12px) scale(.988)}89.5%,99.2%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-5px) scale(.995)}}

/* La confirmación de PayPal reemplaza al contenido, no se monta sobre él. */
.paypal-card>:not(.payment-success):not(.cursor){animation:paypalContentFlow 32s cubic-bezier(.22,.72,.22,1) infinite}
@keyframes paypalContentFlow{0%,56.8%{opacity:1;transform:translateY(0)}58.8%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes paymentSuccess{0%,59.8%{opacity:0;transform:translateY(7px) scale(.99)}61.3%,62.4%{opacity:1;transform:none}62.8%,100%{opacity:0;transform:translateY(-4px) scale(.995)}}

/* E-commerce: el checkout se limpia antes del aprobado y cada módulo respira. */
@keyframes ecommerceStore{0%,.8%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}3.3%,20.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}22.5%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes shoppingAssistant{0%,23.7%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}26.2%,41.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}43.5%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes ecommerceCheckout{0%,44.7%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}47.2%,62.7%{opacity:1;transform:translate(-50%,-50%) scale(1)}64.7%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
.ecommerce-checkout>:not(.order-approved){animation:checkoutContentFlow 32s cubic-bezier(.22,.72,.22,1) infinite}
@keyframes checkoutContentFlow{0%,57.8%{opacity:1;transform:translateY(0)}59.3%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes orderApproved{0%,60%{opacity:0;transform:translateY(7px) scale(.99)}61.5%,63%{opacity:1;transform:none}64%,100%{opacity:0;transform:translateY(-4px) scale(.995)}}
@keyframes commerceOps{0%,65.9%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}68.4%,76.4%{opacity:1;transform:translate(-50%,-50%) scale(1)}78.4%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes ecommerceImpact{0%,79.6%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}82.1%,99.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,calc(-50% - 4px)) scale(.996)}}

/* Restaurante y salud comparten cadencia, pero conservan sus escenas propias. */
@keyframes industrySite{0%,.8%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}3.3%,22.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}24.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes industryChat{0%,26%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}28.5%,47.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}49.2%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes appointment{0%,26%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}28.5%,48.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}50.2%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes opsBoard{0%,51.4%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}53.9%,75.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}77.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes impact{0%,79%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}81.5%,99.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,calc(-50% - 4px)) scale(.996)}}

/* Arquitectura: misma gramática de movimiento, respetando su orden narrativo. */
@keyframes teamFocus{0%,.8%{opacity:0;transform:translateY(14px) scale(.985)}3.3%,16.8%{opacity:1;transform:none}18.8%,100%{opacity:0;transform:translateY(-9px) scale(.992)}}
@keyframes analysisShow{0%,20%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}22.5%,37.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}39.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes resolutionShow{0%,41%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}43.5%,58.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}60.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes plansShow{0%,62%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}64.5%,75.8%{opacity:1;transform:translate(-50%,-50%) scale(1)}77.8%,100%{opacity:0;transform:translate(-50%,calc(-50% - 10px)) scale(.992)}}
@keyframes architectureImpact{0%,79%{opacity:0;transform:translate(-50%,calc(-50% + 14px)) scale(.985)}81.5%,99.2%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,calc(-50% - 4px)) scale(.996)}}

/* Dentro del cuadro de resultado también hay una salida real antes de la
   métrica/gráfico siguiente. */
@keyframes resultNumber{0%,80%{opacity:0;transform:translateY(8px)}82%,87%{opacity:1;transform:none}89%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes resultVisual{0%,90.2%{opacity:0;transform:translateY(8px)}92.2%,99.2%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
@keyframes saleResultNumber{0%,88.3%{opacity:0;transform:translateY(7px)}89.8%,93%{opacity:1;transform:none}94.5%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes saleResultVisual{0%,95.5%{opacity:0;transform:translateY(7px)}97%,99.2%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}

@media(prefers-reduced-motion:reduce){
  .cinema .film-panel,.cinema .payment-success,.cinema .order-approved{animation-timing-function:linear!important}
}

/* Arquitectura también respeta la misma regla: ningún tablero comparte cuadro. */
.architecture-impact{animation-name:architectureImpact!important}
@keyframes teamFocus{0%,1%{opacity:0;transform:translateY(10px)}3%,18%{opacity:1;transform:none}19%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes analysisShow{0%,19%{opacity:0;transform:translate(-50%,-45%) scale(.94)}21%,39%{opacity:1;transform:translate(-50%,-50%) scale(1)}40%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes resolutionShow{0%,40%{opacity:0;transform:translate(-50%,-45%) scale(.94)}42%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}61%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes plansShow{0%,61%{opacity:0;transform:translate(-50%,-45%) scale(.94)}63%,77%{opacity:1;transform:translate(-50%,-50%) scale(1)}78%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes architectureImpact{0%,78%{opacity:0;transform:translate(-50%,-46%) scale(.95)}80%,99.3%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1)}}

@media(max-width:760px) and (orientation:portrait){
  .impact{width:88%;height:270px;max-height:none!important}
  .sale-result{height:184px!important;max-height:none!important}
  .impact-number,.impact-visual{padding:22px 18px}
  .whatsapp-screen{width:84%;min-height:55%;padding:0!important}
  .whatsapp-screen .wa-head{padding:11px 12px}
  .whatsapp-screen p{font-size:13px}
}

@media (orientation:landscape) and (max-height:700px){
  .impact{height:min(58vh,260px);max-height:none!important}
  .sale-result{height:min(30vh,132px)!important;max-height:none!important}
  .impact-number strong{font-size:clamp(58px,15vh,104px)}
  .impact-number,.impact-visual{padding:clamp(12px,3vh,22px)}
  .whatsapp-screen{min-height:72%;max-height:78%!important}
  .whatsapp-screen .wa-head{padding:clamp(7px,1.8vh,10px) 11px}
  .whatsapp-screen p{margin:clamp(4px,1vh,7px) 10px!important;padding:clamp(6px,1.5vh,9px) 9px 13px!important;font-size:clamp(10px,2.2vh,13px)}
}

/* V200-114 — correcciones visuales de los cinco loops. */
.brand,.story-id{top:5%!important}
.story-id{align-items:flex-start!important}
.story-id div{align-items:flex-end;line-height:1.1}

/* El título del modal respira y queda centrado, sin subtítulo innecesario. */
.contract .auth-card h3{
  display:block;
  width:100%;
  max-width:560px;
  margin:0 auto 22px;
  text-align:center;
  line-height:1.12;
}

/* Segunda opción visualmente equivalente al botón de tarjeta de PayPal. */
.payment-options{gap:7px}
.paypal-button,.card-button{min-height:40px;border-radius:5px}
.card-button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:hidden;
  padding:7px 10px!important;
  border:0!important;
  background:#111!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px #000;
  font-style:normal;
  text-align:left;
}
.card-button:after{
  content:"";
  position:absolute;
  inset:-80% auto -80% -35%;
  width:25%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,#ffffff2e,transparent);
  animation:cardButtonShine 32s ease infinite;
}
.card-brands{display:flex;align-items:center;gap:3px;flex:none}
.card-brands i{display:grid;place-items:center;width:26px;height:17px;border-radius:3px;font-size:7px;font-style:normal;font-weight:950;letter-spacing:-.04em}
.card-brands .visa{background:#fff;color:#163b91}
.card-brands .amex{background:#2671b9;color:#fff}
.card-brands .mastercard{position:relative;background:#fff}
.card-brands .mastercard b{position:absolute;width:11px;height:11px;border-radius:50%;background:#e22b24}
.card-brands .mastercard b:first-child{left:5px}
.card-brands .mastercard b:last-child{right:5px;background:#f5a623;mix-blend-mode:multiply}
@keyframes cardButtonShine{0%,48%{left:-35%}58%,100%{left:125%}}

/* El resultado numérico conserva su tamaño original, pero cede el cierre a la
   visualización sin dejar un panel vacío entre ambos momentos. */
@keyframes resultNumber{
  0%,79%{opacity:0;transform:translateY(8px)}
  81%,87%{opacity:1;transform:none}
  88.5%,100%{opacity:0;transform:translateY(-6px)}
}
@keyframes resultVisual{
  0%,86.5%{opacity:0;transform:translateY(8px)}
  88%,99.4%{opacity:1;transform:none}
  100%{opacity:0;transform:translateY(-3px)}
}

/* WhatsApp termina antes de que aparezca el cierre de venta. */
@keyframes contractWhatsapp{
  0%,78%{opacity:0;transform:translate(-50%,-44%) scale(.92)}
  81%,85.5%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  87%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}
}
@keyframes saleResult{
  0%,86.5%{opacity:0;transform:translate(-50%,12px)}
  88%,99.4%{opacity:1;transform:translate(-50%,0)}
  100%{opacity:0;transform:translate(-50%,-3px)}
}
.sale-result .result-number{animation-name:saleResultNumber}
.sale-result .result-visual{animation-name:saleResultVisual}
@keyframes saleResultNumber{
  0%,87%{opacity:0;transform:translateY(7px)}
  88.5%,93%{opacity:1;transform:none}
  94.5%,100%{opacity:0;transform:translateY(-5px)}
}
@keyframes saleResultVisual{
  0%,93%{opacity:0;transform:translateY(7px)}
  94.5%,99.4%{opacity:1;transform:none}
  100%{opacity:0;transform:translateY(-3px)}
}

@media(max-width:760px) and (orientation:portrait){
  .brand,.story-id{top:5%!important}
  .story-id{max-width:52%}
  .contract .auth-card h3{margin-bottom:22px;font-size:clamp(25px,7.1vw,31px)}
  .impact-number strong{font-size:88px}
}

@media (orientation:landscape) and (max-height:700px){
  .brand,.story-id{top:4.5%!important}
  .contract .auth-card h3{margin-bottom:clamp(10px,2.2vh,18px)}
  .card-button{min-height:clamp(34px,6.2vh,42px)}
  .card-brands i{width:clamp(20px,2.7vw,26px);height:clamp(14px,2.5vh,17px)}
}

/* V200-115 final: estas reglas quedan últimas para impedir que una corrección
   anterior vuelva a introducir solapamientos en el cierre de cada historia. */
@keyframes contractWhatsapp{0%,76%{opacity:0;transform:translate(-50%,-44%) scale(.92)}78%,85%{opacity:1;transform:translate(-50%,-50%) scale(1)}86%,100%{opacity:0;transform:translate(-50%,-54%) scale(.98)}}
@keyframes saleResult{0%,86%{opacity:0;transform:translate(-50%,10px)}88%,99.3%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-3px)}}
@keyframes resultNumber{0%,79%{opacity:0;transform:translateY(8px)}81%,88%{opacity:1;transform:none}89%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes resultVisual{0%,90%{opacity:0;transform:translateY(8px)}92%,99.3%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}
@keyframes saleResultNumber{0%,87%{opacity:0;transform:translateY(7px)}88%,93%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-5px)}}
@keyframes saleResultVisual{0%,95%{opacity:0;transform:translateY(7px)}96%,99.3%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-3px)}}