.software-site{--fuente-t:"Inter",-apple-system,"Segoe UI",sans-serif;background:#fff;color:#31405a}
.software-site .cabecera{background:rgba(255,255,255,.97);border-bottom:1px solid #e7ebf2;box-shadow:none;transition:transform .2s,visibility .2s}
.software-site .boton{border-radius:8px;font-weight:600;box-shadow:none;gap:12px;font-size:15px;padding:15px 23px}
.software-site .boton--azul{background:#205ce5}.software-site .ambiente::after{display:none}
/* ⚠️ WEB v2: aquí se apagaban en la portada «.aparece» (las secciones que
   entran al llegar) y «.marca-agua» (la palabra grande del fondo de la
   promesa y del cierre). Vuelven las dos: son de lo poco que se mueve
   fuera del recorrido y no cuestan nada (sólo transform/opacity). */
.ui-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}
.software-hero{position:relative;padding:74px 0 0;background:radial-gradient(ellipse at 50% 10%,#eaf1ff70,transparent 65%),#fff;text-align:center}
.hero-caption{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;letter-spacing:.13em;color:#526882;font-weight:600}.hero-caption img{width:27px;border-radius:7px}
.software-hero h1{font-weight:650;font-size:clamp(2.8rem,5.9vw,5.3rem);line-height:1.07;letter-spacing:-.06em;color:#102441;margin:26px 0 25px}.software-hero h1 span{color:#285bd4}
.hero-lead{font-size:20px;line-height:1.7;color:#65748b;max-width:770px;margin:0 auto 30px}.hero-buttons{display:flex;justify-content:center;gap:30px;align-items:center}.hero-secondary{font-size:15px;font-weight:600;color:#2d4365}.hero-secondary span{margin-left:8px}
.hero-compatibility{display:flex;align-items:center;justify-content:center;gap:22px;margin:35px 0 55px;color:#748197;font-size:13px}.hero-compatibility>span{display:flex;align-items:center;gap:8px}.hero-compatibility>i{height:16px;width:1px;background:#dde5f0}
.brand-o,.brand-x{display:inline-grid;place-items:center;background:#0873c4;color:#fff;border-radius:4px;width:23px;height:23px;font-family:"Segoe UI",sans-serif;font-weight:700;font-style:normal;border:0}.brand-x{background:#217346}
.hero-workflow{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;border-top:1px solid #e2e8f1;border-bottom:1px solid #e2e8f1;padding:30px 0;gap:35px}.hero-workflow article{display:flex;gap:16px}.feature-icon{color:#315fc2;padding-top:4px}.hero-workflow h2{font-size:17px;line-height:1.4;font-weight:600;color:#223b5d;margin:0 0 9px;letter-spacing:-.015em}.hero-workflow p{font-size:14px;line-height:1.65;margin:0;color:#79869a}
.cinema-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;padding-top:78px;padding-bottom:48px}.section-eyebrow{font-size:12px;font-weight:600;letter-spacing:.13em;color:#3e68a9}.cinema-heading h2,.cinema-heading>p{max-width:340px;line-height:1.75;font-size:16px;color:#5f6b80;margin:0 0 3px}
.cinema-story{position:relative;background:#101722;color:#dfe6f2;scroll-margin-top:0}.cinema-stage{position:relative;height:900px;max-height:110svh;min-height:600px;display:flex;flex-direction:column;overflow:clip;background:radial-gradient(ellipse at 50% 58%,#2c3d50 0,#151f2c 60%,#101722)}
.cinema-bar{height:79px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #ffffff12;gap:22px;background:#101722f2;z-index:3}.cinema-bar>div:first-child{display:flex;align-items:center;gap:22px}.cinema-bar h2{font-size:20px;font-weight:500;color:#f3f6fc;letter-spacing:-.025em;line-height:1.3;margin:0}.cinema-bar>div>span{font-size:12px;color:#7e92ad;font-variant-numeric:tabular-nums;white-space:nowrap}.cinema-options{display:flex;align-items:center;gap:20px}.cinema-options>span{font-size:12px;color:#8190a5}.cinema-options button{font:500 12px var(--fuente);display:flex;align-items:center;gap:8px;color:#b7c5d8;border:1px solid #ffffff24;border-radius:5px;padding:8px 10px;background:transparent;cursor:pointer}.cinema-options .ui-icon{width:15px;height:15px}
.cinema-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.cinema-laptop{display:none;position:absolute;object-fit:contain;pointer-events:none;max-width:none}.cinema-ready .cinema-laptop{display:block}.cinema-display{position:absolute;inset:0;transform-origin:top left;background:#112749;overflow:hidden;will-change:transform;border-radius:var(--screen-radius,0px)}
.cinema-scene{position:absolute;inset:0;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transform-origin:center;background:#fff}.cinema-scene[data-scene="1"]{opacity:1;visibility:visible;pointer-events:auto}.cinema-ready .cinema-scene{will-change:transform,opacity}.cinema-scene:focus{outline:none}
.cinema-desktop{color:#fff;background:radial-gradient(ellipse at 78% 42%,#386cc277,transparent 50%),radial-gradient(ellipse at 30% 120%,#0b4b9377,transparent 60%),linear-gradient(135deg,#152849,#11233e 80%)}.cinema-desktop::before{content:"";position:absolute;left:40%;top:10%;width:55%;height:80%;border:1px solid #8caff322;border-radius:48%;transform:rotate(-27deg);box-shadow:0 0 0 28px #8caff307,0 0 0 58px #8caff305}
.desktop-shortcut{position:absolute;left:35px;top:30px;background:none;color:#fff;border:1px solid transparent;border-radius:5px;padding:12px;cursor:pointer;font:13px/1.4 "Segoe UI",sans-serif}.desktop-shortcut img{width:55px;margin:0 auto 9px;border-radius:11px;box-shadow:0 5px 18px #0003}.desktop-shortcut:hover{background:#ffffff16;border-color:#ffffff27}
.desktop-taskbar{position:absolute;bottom:0;left:0;right:0;height:46px;background:#0c1b31c9;display:flex;justify-content:center;align-items:center;gap:16px;border-top:1px solid #ffffff15}.desktop-taskbar button{cursor:pointer;border:0;border-radius:4px;background:transparent;padding:0;width:27px;height:27px}.desktop-taskbar button img{width:27px;border-radius:5px}.desktop-taskbar button.brand-o{background:#0873c4}.desktop-taskbar button.brand-x{background:#217346}.windows-mark{font-size:30px;color:#75bdff}.desktop-clock{position:absolute;right:20px;font-size:10px;line-height:1.35;text-align:right;color:#d1def1}
.cinema-bottom{flex:none;background:#111925;z-index:3;border-top:1px solid #ffffff14;padding:0 32px 12px}.cinema-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.cinema-steps button{position:relative;font:500 13px/1.5 var(--fuente);background:none;border:0;text-align:left;color:#8c9db7;padding:15px 0 7px;cursor:pointer}.cinema-steps button span{font-size:11px;color:#687d9b;margin-right:10px}.cinema-steps button[aria-current="step"]{color:#edf4ff}.cinema-steps button::before{content:"";height:2px;position:absolute;top:-1px;left:0;width:100%;background:#648fff;transform:scaleX(0);transform-origin:left;transition:transform .18s}.cinema-steps button[aria-current="step"]::before{transform:scaleX(1)}.cinema-bottom>p{color:#8c9db5;font-size:12px;margin:6px 0 0;line-height:1.5}
.cinema-ready .cinema-story{height:600svh}.cinema-ready .cinema-stage{position:sticky;top:74px;height:calc(100svh - 74px);max-height:none;min-height:0}
.cinema-story button:focus-visible{outline:2px solid #7ba5ff;outline-offset:3px}.cinema-story button{font-family:inherit}.cinema-story [inert]{pointer-events:none}

.office-app,.excel-app{font-family:"Segoe UI",Arial,sans-serif;color:#303641;background:#fff;display:flex;flex-direction:column}.office-title{height:39px;flex:none;background:#0d609f;color:#fff;padding:0 15px;display:flex;align-items:center;gap:22px;font-size:13px}.office-brand{display:flex;align-items:center;gap:10px;min-width:170px;font-weight:500}.office-brand>b{font-size:21px;font-weight:600}.office-search{display:flex;align-items:center;gap:10px;max-width:460px;flex:1;background:#ffffffeb;color:#64768a;border-radius:3px;padding:5px 12px;font-size:12px;height:27px}.office-search>.ui-icon{width:15px;height:15px}.office-window{font-size:12px;margin-left:auto;letter-spacing:3px;white-space:nowrap}.office-account{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #ffffff66;font-size:10px;margin-left:auto}.office-tabs{height:31px;flex:none;display:flex;align-items:center;gap:26px;padding:0 17px;border-bottom:1px solid #e4e4e4;background:#fafafa;font-size:12px;color:#525252}.office-tabs>b{font-weight:500;height:100%;padding-top:6px;color:#176598;border-bottom:2px solid #176598}.office-tabs>span:first-child{color:#21699b}
.office-ribbon{display:flex;height:65px;flex:none;align-items:center;background:#fafafa;border-bottom:1px solid #d9dfe5;padding:5px 15px;gap:22px}.office-ribbon>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:#50555c}.office-ribbon>.ui-icon,.office-ribbon>div>.ui-icon{color:#3b6d95;width:23px;height:23px}.office-ribbon>i{width:1px;background:#d9dde3;height:43px}.office-ribbon>p{margin:0 0 0 auto;font-size:11px;color:#8b97a6;max-width:200px;text-align:right}
.office-content{display:grid;grid-template-columns:190px 250px minmax(0,1fr);flex:1;min-height:0}.office-folders{position:relative;background:#f5f6f7;border-right:1px solid #e1e4e7;padding:14px 0 45px;overflow:hidden;font-size:12px}.office-folders>b{display:block;padding:0 14px 8px;font-size:12px;font-weight:600}.office-folders>button,.folder-static{display:flex;align-items:center;gap:8px;padding:9px 14px;width:100%;border:0;background:transparent;text-align:left;color:#4a5360;font:12px "Segoe UI",sans-serif}.office-folders>button{cursor:pointer}.office-folders>button>span{margin-left:auto;font-size:10px;color:#61768c}.office-folders .ui-icon{width:15px;height:15px;color:#6b7b8c}.office-folders>.selected{background:#dae8f6;color:#155e96}.office-folders>.mailbox-name{font-size:10px;margin-top:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a929e}.folder-bottom{position:absolute;bottom:0;left:0;right:0;background:#ebeff3;height:36px;display:flex;align-items:center;padding:0 18px;gap:24px}.folder-bottom>.ui-icon{width:17px;height:17px}
.office-list{border-right:1px solid #d7dde5;background:#fff;font-size:12px;overflow:auto}.list-heading{display:flex;justify-content:space-between;align-items:center;padding:15px 13px;border-bottom:1px solid #e9edf1}.list-heading>b{font-size:13px;font-weight:600}.list-heading>span{font-size:10px;color:#858f9d}.list-day{font-size:10px;color:#677487;padding:6px 13px;border-bottom:1px solid #e9edf1;background:#f7f9fb}.list-mail{padding:15px 12px 12px;border-bottom:1px solid #dae3ed;line-height:1.45}.list-mail.active{background:#e8f1fb;border-left:3px solid #137ac4;padding-left:9px}.list-mail>div{display:flex;justify-content:space-between;gap:6px;font-size:12px}.list-mail time{font-size:10px;color:#6f87a0}.list-mail>strong{font-size:12px;display:block;font-weight:600;color:#275277;margin-top:5px}.list-mail>p{color:#718296;font-size:11px;margin:6px 0 9px;line-height:1.5}.list-mail>span{font-size:10px;color:#437398}.list-end{padding:15px;font-size:11px;color:#929ba8;line-height:1.65}
.office-message{min-width:0;display:flex;flex-direction:column;overflow:auto;background:#fff}.compose-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid #e5e9ed;flex:none;font-size:11px;color:#8c96a2}.compose-heading>span:first-child{color:#a25325;font-weight:600}.compose-line{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7eaee;padding:9px 24px;flex:none;font-size:12px;min-width:0}.compose-line>label{min-width:40px;color:#7b8490}.compose-line>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-line>strong{font-weight:500;color:#283f58}.recipient-chip{padding:3px 8px;background:#f1f5fa;border:1px solid #dfe8f1;border-radius:3px;color:#365f88}.compose-format{display:flex;align-items:center;gap:19px;background:#fcfcfd;padding:8px 25px;border-bottom:1px solid #eff1f3;font-size:12px;flex:none;color:#536276}.compose-format>span:first-child{border:1px solid #dfe4e9;padding:1px 18px 1px 6px;font-size:11px}.message-copy{padding:20px 28px 15px;font-size:14px;line-height:1.6;color:#303945;flex:1;overflow:auto}.message-copy p{margin:0 0 15px;max-width:850px}.message-copy b{font-weight:600}.mail-signature{border-left:2px solid #256dc0;padding-left:12px;margin:20px 0 0;display:flex;flex-direction:column;gap:3px}.mail-signature b{font-size:14px;color:#265782}.mail-signature span{font-size:12px;color:#748292}.compose-bottom{padding:11px 24px;display:flex;align-items:center;gap:15px;border-top:1px solid #e8edf2;flex:none;font-size:11px;color:#8191a3;background:#fafcfe}.send-demo{border:0;border-radius:3px;background:#126cb0;color:#fff;display:flex;align-items:center;gap:9px;padding:9px 16px;font-size:12px;cursor:pointer}.send-demo>.ui-icon{width:15px;height:15px}
.message-heading{padding:20px 28px 0;flex:none}.message-heading h3{font:500 23px/1.3 "Segoe UI",sans-serif;margin:0 0 22px;letter-spacing:-.025em;color:#344456}.sender-row{display:flex;gap:12px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e9edf2}.avatar{width:38px;height:38px;border-radius:50%;background:#dce9f7;color:#43759f;display:grid;place-items:center;font-size:13px;flex:none}.sender-row>div{font-size:12px;min-width:0}.sender-row>div>span{display:block;color:#7e8d9f;font-size:11px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sender-row>time{font-size:10px;color:#97a1ad;margin-left:auto;white-space:nowrap}.myse-note{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#f0f5ff;border-top:1px solid #dfe9fb;flex:none}.myse-note>img{width:30px;border-radius:6px}.myse-note>div{flex:1;font-size:12px;line-height:1.5}.myse-note>div>span{display:block;font-size:11px;color:#7488a3;margin-top:3px}.myse-note>button{padding:7px 10px;border:1px solid #cdddf5;border-radius:4px;background:white;color:#3c6aab;font-size:11px;cursor:pointer}
.office-status{display:flex;align-items:center;justify-content:space-between;height:24px;flex:none;padding:0 12px;background:#f2f4f7;border-top:1px solid #e3e7ec;font-size:10px;color:#758399}.excel-app .office-title{background:#217346}.excel-app .office-tabs>b{border-color:#217346;color:#217346}.excel-app .office-tabs>span:first-child{color:#217346}.excel-ribbon{height:63px;flex:none;border-bottom:1px solid #dbe1df;display:flex;align-items:center;gap:20px;padding:0 22px;background:#fafbfa;color:#50615a;font-size:12px}.excel-ribbon>i:empty{height:36px;width:1px;background:#dce1dd}.excel-formula{display:flex;align-items:center;gap:20px;padding:5px 10px;background:#fff;font-size:12px;border-bottom:1px solid #dfe5e1;flex:none;height:32px}.excel-formula>span{border:1px solid #d2dbd5;padding:1px 8px;min-width:80px}.excel-formula>i{font-size:17px;color:#78887f}.excel-formula>b{font-weight:400;color:#55675e}.excel-scroll{overflow:auto;flex:1;min-height:0;background:#fff}.excel-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:820px;font-size:13px;color:#42564c}.excel-scroll th,.excel-scroll td{border-right:1px solid #dfe6e1;border-bottom:1px solid #dfe6e1;height:31px;text-align:left;padding:5px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.excel-scroll tr>*:first-child{width:38px;text-align:center;font-size:11px;background:#f1f4f2;font-weight:400;color:#7d8c82}.excel-scroll tr>*:nth-child(2){width:23%}.excel-scroll tr>*:nth-child(3){width:14%}.excel-scroll tr>*:nth-child(4){width:27%}.excel-scroll tr>*:nth-child(5){width:17%}.excel-scroll tr>*:nth-child(6){width:19%}.excel-scroll thead tr:nth-child(2){background:#e5f0e8;color:#3d5f49}.excel-scroll thead th{font-weight:600}.excel-letters{background:#f1f4f2}.excel-letters td{text-align:center;font-size:11px;height:23px}.excel-sheet-tabs{height:32px;flex:none;display:flex;align-items:center;gap:22px;background:#f8faf8;border-top:1px solid #dbe3dd;padding:0 15px;font-size:12px;color:#75877c}.excel-sheet-tabs>b{font-weight:600;border-bottom:2px solid #217346;padding:7px 12px;color:#217346}.excel-sheet-tabs>p{margin:0 0 0 auto;font-size:11px;color:#7b8c80}
.demo-toast{position:absolute;bottom:112px;left:50%;transform:translateX(-50%);max-width:min(640px,90%);padding:13px 20px;border:1px solid #2c465f;border-radius:7px;box-shadow:0 10px 40px #0004;color:#e1efff;background:#142b42;z-index:20;font-size:14px;line-height:1.5}

.software-site .seccion{padding:78px 0}.software-site .seccion h2{font-size:clamp(1.9rem,3.3vw,2.9rem);font-weight:600;line-height:1.2}.software-site .cierre{min-height:0;background:#112846;padding:85px 0}.software-site .cierre__caja{transform:none}.software-site .cierre .ambiente{background:none}.software-site .display{font-size:clamp(2rem,4vw,3.6rem);line-height:1.15;letter-spacing:-.045em;text-transform:none}.software-site .cierre .display{max-width:850px;margin:0 auto 25px}.software-site .cierre p{line-height:1.6}.software-site .cierre .display{line-height:1.15}.software-site .cierre .boton--verde{background:white;color:#25466c}.software-site .cierre .boton--claro{border-color:#536c8d}
@media(min-width:901px) and (max-height:780px){.office-ribbon{height:52px}.office-ribbon>div{gap:3px}.office-ribbon>div>.ui-icon{width:20px;height:20px}.message-copy{padding:15px 25px;font-size:13px;line-height:1.55}.message-copy p{margin-bottom:12px}.compose-line{padding-top:7px;padding-bottom:7px}.compose-format{padding-top:6px;padding-bottom:6px}.compose-heading{padding-top:7px;padding-bottom:7px}.cinema-bar{height:65px}.cinema-bottom{padding-bottom:9px}.cinema-steps button{padding-top:12px}.cinema-bottom>p{margin-top:3px}}
@media(max-width:1100px){.office-content{grid-template-columns:170px 210px minmax(0,1fr)}.office-folders>button,.folder-static{padding-left:10px;padding-right:10px;font-size:11px}.cinema-options>span{display:none}.cinema-steps{gap:15px}.cinema-steps button{font-size:12px}.cinema-steps button>span{margin-right:6px}.hero-workflow{gap:25px}.hero-workflow article{gap:12px}}
@media(max-width:900px){.software-hero{padding-top:48px}.software-hero h1{font-size:clamp(2.6rem,6vw,4.2rem)}.hero-lead{font-size:18px}.hero-workflow{gap:24px}.hero-workflow article{flex-direction:column;gap:10px}.hero-workflow h2{font-size:16px}.hero-workflow p{font-size:13px}.hero-compatibility{font-size:12px;gap:15px}.cinema-heading{padding-top:55px;padding-bottom:35px;gap:30px}.cinema-heading>p{max-width:280px;font-size:15px}.cinema-stage{height:780px;max-height:none;min-height:0}.cinema-bar{height:73px;padding:0 20px}.cinema-bar h2{font-size:17px}.cinema-bar>div:first-child{gap:13px}.cinema-bottom{padding:0 20px 13px}.cinema-steps{gap:10px}.cinema-steps button{font-size:11px}.cinema-steps button>span{display:block;margin-bottom:3px}.office-content{grid-template-columns:170px minmax(0,1fr)}.office-list{display:none}.office-ribbon{gap:20px}.office-ribbon>p{display:none}}
@media(max-width:600px){.software-hero{padding-top:37px}.software-hero h1{font-size:clamp(2.25rem,8.5vw,3.2rem);margin:22px 0;letter-spacing:-.055em}.hero-caption{font-size:10px}.hero-caption img{width:24px}.hero-lead{font-size:16px;line-height:1.75}.hero-buttons{flex-direction:column;gap:18px}.hero-compatibility{flex-wrap:wrap;gap:13px;margin:28px 0 35px;font-size:11px}.hero-compatibility>span:first-child{width:100%;justify-content:center}.hero-compatibility>i{display:none}.hero-workflow{grid-template-columns:1fr;padding:25px 0;gap:23px}.hero-workflow article{flex-direction:row;gap:14px}.hero-workflow h2{font-size:16px;margin-bottom:5px}.hero-workflow p{font-size:14px;line-height:1.6}.cinema-heading{display:block;padding-top:45px;padding-bottom:28px}.cinema-heading h2{font-size:31px;margin:14px 0 18px}.cinema-heading>p{max-width:none;font-size:15px}.cinema-stage{height:760px}.cinema-bar{padding:12px 15px;height:auto;min-height:78px;align-items:flex-start;gap:12px}.cinema-bar>div:first-child{display:block}.cinema-bar h2{font-size:16px;margin-top:5px}.cinema-bar>div>span{font-size:10px}.cinema-options button{font-size:10px;padding:6px;gap:4px}.cinema-options button>.ui-icon{width:12px}.cinema-steps{display:flex;flex-wrap:wrap;gap:7px;padding-top:10px}.cinema-steps button{flex:1 1 28%;font-size:10px;border:1px solid #314255;border-radius:4px;padding:6px 8px;text-align:center}.cinema-steps button>span{display:none}.cinema-steps button::before{display:none}.cinema-steps button[aria-current="step"]{background:#203d65;border-color:#436fa8}.cinema-bottom{padding:0 15px 10px}.cinema-bottom>p{font-size:11px;margin-top:9px}.cinema-laptop{display:none!important}.cinema-display{transform:none!important}.desktop-shortcut{top:15px;left:14px}.desktop-shortcut img{width:38px}.desktop-shortcut{font-size:11px}.office-title{padding:0 10px;height:33px;gap:10px}.office-brand{min-width:0;font-size:12px;gap:7px}.office-brand>b{font-size:17px}.office-search{display:none}.office-account{width:20px;height:20px;font-size:8px}.office-window{font-size:10px}.office-tabs{gap:16px;height:30px;font-size:11px;padding:0 10px;overflow:hidden;white-space:nowrap}.office-tabs span:nth-last-child(-n+2){display:none}.office-ribbon{height:51px;gap:20px;padding:4px 12px}.office-ribbon>div{font-size:9px}.office-ribbon>div>.ui-icon{width:19px;height:19px}.office-ribbon>div:nth-of-type(n+4),.office-ribbon>i{display:none}.office-content{display:block;position:relative}.office-folders,.office-list{display:none}.office-message{height:100%;overflow:auto}.compose-heading{padding:8px 13px;font-size:10px}.compose-line{padding:7px 13px;font-size:11px;gap:8px}.compose-line>label{min-width:31px}.compose-line>strong{font-size:11px}.compose-format{padding:6px 13px;gap:17px;font-size:11px}.message-copy{padding:17px 16px;font-size:14px;line-height:1.65;overflow:auto}.message-copy p{margin-bottom:14px}.mail-signature{margin-top:16px}.mail-signature b{font-size:13px}.mail-signature span{font-size:11px}.compose-bottom{padding:9px 12px;gap:10px;font-size:9px}.send-demo{font-size:11px;padding:8px 11px}.message-heading{padding:15px 16px 0}.message-heading h3{font-size:18px;margin-bottom:15px}.sender-row>time{display:none}.sender-row>div{font-size:11px}.sender-row>div>span{font-size:9px}.myse-note{padding:11px 13px;gap:9px;flex-wrap:wrap}.myse-note>img{width:25px}.myse-note>div{font-size:11px}.myse-note>div>span{font-size:10px}.myse-note>button{margin-left:34px}.office-status{height:22px;font-size:9px}.excel-ribbon{gap:17px;height:49px;font-size:11px;white-space:nowrap;overflow:hidden;padding:0 10px}.excel-ribbon>span:nth-last-child(-n+3){display:none}.excel-formula{font-size:11px;gap:13px}.excel-sheet-tabs>p{display:none}.excel-scroll table{font-size:12px}.software-site .seccion{padding:48px 0}.software-site .cierre{padding:50px 0}.software-site .display{font-size:2.15rem}.demo-toast{font-size:12px;bottom:140px;padding:11px 14px}}
@media(prefers-reduced-motion:reduce){.cinema-display,.cinema-scene{transition:none!important;will-change:auto}.cinema-steps button::before{transition:none}.cinema-laptop{display:none!important}.cinema-display{transform:none!important}}

.software-site:not(.cinema-controls) .cinema-steps{display:none}.send-demo:disabled{opacity:.65;cursor:default}

/* Desktop and application opening */
.cinema-desktop{background:radial-gradient(ellipse at 75% 40%,#2773bb88,transparent 55%),linear-gradient(130deg,#082344,#114b80 65%,#072c53)}
.cinema-desktop::before{left:45%;top:-18%;height:125%;width:60%;border:35px solid #45b4ff19;border-radius:45%;box-shadow:inset 30px 0 80px #3cb6ff26,0 0 0 35px #2392e616,0 0 0 75px #5cbef60a;transform:rotate(-38deg)}
.desktop-apps{position:absolute;left:16px;top:18px;display:grid;grid-template-columns:repeat(3,82px);grid-auto-rows:91px;gap:5px 10px}
.desktop-app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:7px 3px;border:1px solid transparent;border-radius:4px;color:#fff;background:none;font:11px/1.25 "Segoe UI",sans-serif;text-align:center;text-shadow:0 1px 3px #00152f}
.desktop-app svg{width:39px;height:39px;flex:none;filter:drop-shadow(0 3px 3px #001c4033)}
button.desktop-app{cursor:pointer}button.desktop-app:hover{background:#ffffff18;border-color:#ffffff30}
.desktop-shortcut.myse-launch{left:310px;top:25px;width:105px;padding:9px 5px;font-size:12px;z-index:1}
.myse-launch img{width:49px;height:49px;display:block}.myse-launch.is-opening{background:#ffffff24;border-color:#ffffff60;box-shadow:0 0 0 1px #95caff20}
.desktop-launch-hint{position:absolute;left:320px;top:133px;font:12px "Segoe UI",sans-serif;color:#c6e4fc;background:#061f3b99;border:1px solid #8bc6f133;padding:9px 12px;border-radius:5px;pointer-events:none}
.desktop-cursor{position:absolute;left:0;top:0;width:24px;height:30px;z-index:4;pointer-events:none;filter:drop-shadow(1px 2px 1px #0005)}
.desktop-cursor svg{width:24px;height:30px}.desktop-cursor i{position:absolute;left:-13px;top:-13px;width:30px;height:30px;border:2px solid #c6ebff;border-radius:50%;opacity:var(--click-opacity,0);transform:scale(var(--click-scale,1))}
.desktop-taskbar{height:49px;background:#dfeeffed;border-color:#ffffffa0;gap:16px;box-shadow:0 -1px 10px #00152a1a}.desktop-taskbar .windows-mark{color:#078edb;font-size:34px;line-height:1}
.desktop-search{border:1px solid #c6d8e8;background:#ffffffab;border-radius:18px;font:12px "Segoe UI",sans-serif;color:#53677c;width:120px;padding:6px 12px}.taskbar-app{display:flex;width:27px;height:27px}.taskbar-app svg{width:27px;height:27px}.desktop-clock{color:#29425a;font-size:11px;right:17px}.desktop-system{position:absolute;right:100px;color:#52687b;font-size:13px}
.cinema-ready .cinema-story{height:600svh}.cinema-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.cinema-steps button{font-size:12px}.cinema-steps button span{margin-right:6px}
/* The actual template: full schema, source colours and horizontal navigation. */
.excel-view-controls{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #d8e1da;background:#f5faf7;font:12px "Segoe UI",sans-serif;flex:none;color:#416651}.excel-view-controls>span{margin-right:auto}.excel-view-controls button{border:1px solid #c5d9cc;border-radius:4px;background:#fff;color:#216444;padding:6px 10px;font:inherit;cursor:pointer}.excel-view-controls button:hover{background:#e9f5ee}

.excel-sheet-tabs{overflow-x:auto;white-space:nowrap;justify-content:flex-start;gap:0;flex:none}.excel-sheet-tabs>span,.excel-sheet-tabs>b{flex:none;padding:9px 13px;font-size:11px}.excel-sheet-tabs>b{border-bottom:3px solid #217346}
/* Existing copy, presented as an integrated suite of eight tools. */

@media(max-height:760px) and (min-width:901px){.desktop-apps{grid-auto-rows:72px;top:9px}.desktop-app svg{width:31px;height:31px}.desktop-app{font-size:10px;gap:4px}.desktop-shortcut.myse-launch{top:16px}.desktop-launch-hint{top:122px}.desktop-taskbar{height:43px}}
@media(max-width:1100px){.desktop-system{display:none}.desktop-search{width:85px}.desktop-taskbar{gap:11px}}
@media(max-width:900px){.cinema-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 14px}.cinema-steps button{padding:9px 0}.desktop-cursor{display:none}.desktop-launch-hint{display:none}.desktop-search{display:none}.desktop-apps{grid-template-columns:repeat(3,78px)}.desktop-clock{right:12px}.excel-view-controls>span{display:none}}
@media(max-width:600px){.desktop-apps{grid-template-columns:repeat(2,78px);grid-auto-rows:74px;top:16px;left:10px;gap:2px 5px}.desktop-app svg{width:31px;height:31px}.desktop-app{font-size:10px}.desktop-shortcut.myse-launch{left:auto;right:16px;top:22px;width:98px}.desktop-taskbar>.taskbar-app:nth-of-type(3),.desktop-taskbar>.taskbar-app:nth-of-type(4){display:none}.desktop-taskbar{justify-content:flex-start;padding-left:15px;gap:13px}.desktop-taskbar .windows-mark{font-size:28px}.desktop-taskbar .desktop-clock{font-size:9px}.excel-view-controls{padding:7px 10px}.excel-view-controls button{font-size:11px}.cinema-steps button{font-size:10px}.cinema-steps button span{display:block;font-size:9px;margin-bottom:2px}.cinema-bottom{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){.desktop-cursor{display:none}}

.cinema-lid{position:absolute;transform-origin:50% 100%;background:#111b29;border-radius:var(--lid-radius,12px);isolation:isolate;will-change:transform}
.cinema-lid::before{content:"";position:absolute;inset:-13px -13px -17px;border-radius:18px;background:linear-gradient(135deg,#8995a4,#303c4c 16%,#101923 52%,#738394);box-shadow:0 18px 45px #0008,inset 0 0 0 2px #a7b2bd66;opacity:var(--frame-opacity,1);z-index:-1}
.cinema-lid::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8b9e,#bbc6d1 40%,#516176);border-radius:12px;opacity:var(--lid-shade,0);pointer-events:none;z-index:10}
.cinema-lid .cinema-display{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--lid-radius,12px);transform:none!important;overflow:hidden}
.cinema-laptop{position:absolute;display:none;transform:perspective(900px) rotateX(72deg);transform-origin:50% 0;background:linear-gradient(100deg,#aab6c5,#e0e6ed 45%,#a6b2c1);border-radius:5px 5px 20px 20px;box-shadow:0 8px 0 #6f7d8f,0 14px 0 #263445,0 30px 36px #0007;border:1px solid #dce5ee;z-index:0}

.cinema-options [hidden]{display:none!important}.cinema-options [data-inspect-story][aria-pressed="true"]{background:#2361cb;color:#fff;border-color:#6596e3}.cinema-story.is-inspecting .cinema-viewport{outline:2px solid #6e9bea;outline-offset:-2px}.cinema-ready .cinema-story:not(.is-inspecting) .message-copy,.cinema-ready .cinema-story:not(.is-inspecting) .office-message,.cinema-ready .cinema-story:not(.is-inspecting) .office-list{overflow:hidden}

@media(max-width:1000px){.cinema-options>span{display:none}}
@media(max-width:700px){.cinema-options{gap:7px}.cinema-options button{font-size:10px;padding:7px}.cinema-bar{gap:10px}.cinema-bar h2{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cinema-lid{will-change:auto}}
/* WEB v3 (07/10/2026): aquí iban los estilos de la pantalla «Abra MYSE» (la
   captura del panel antiguo, .product-real). Él la quitó del recorrido: del
   escritorio se pasa directo a «Prepare el correo». */

/* Restore the photographic hardware, with a continuous, undistorted approach. */
.cinema-laptop.restored-laptop{transform:none;border:0;border-radius:0;background:none;box-shadow:none;object-fit:contain;max-width:none;z-index:0}
.cinema-lid{transform-origin:0 0;background:#101b2b}.cinema-lid::before,.cinema-lid::after{display:none}
/* A little of the original layered composition, within the existing palette. */
.software-hero{overflow:hidden}.software-hero>.contenedor{position:relative;z-index:1}.software-hero::before,.software-hero::after{content:"";position:absolute;width:240px;height:330px;top:100px;border:1px solid #1539600b;border-radius:20px;box-shadow:0 15px 45px #10294c04;pointer-events:none;transform:rotate(-12deg);left:-140px}.software-hero::after{left:auto;right:-140px;top:155px;transform:rotate(12deg)}
.hero-workflow{border:0;padding:22px 0 12px;gap:20px}.hero-workflow article{padding:24px 22px;border:1px solid #e3eaf3;border-radius:12px;background:#ffffffdb;box-shadow:0 12px 28px #15345b06;transition:transform .25s,box-shadow .25s}.hero-workflow article:first-child{transform:translateY(5px) rotate(-1deg)}.hero-workflow article:last-child{transform:translateY(5px) rotate(1deg)}.hero-workflow article:hover{transform:translateY(-3px);box-shadow:0 18px 32px #15345b0c}
.cinema-heading{position:relative}.cinema-heading::before{content:"";position:absolute;left:24px;top:36px;width:48px;height:2px;background:#6984aa;opacity:.45}
@media(max-width:900px){.hero-workflow{gap:12px}.hero-workflow article{padding:18px 14px}.hero-workflow article:first-child,.hero-workflow article:last-child{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-workflow article{transition:none}.hero-workflow article:hover{transform:none}}
/* Coloured bands recall the original blue, amber and midnight scenes. */
.hero-workflow{gap:14px}.hero-workflow article{position:relative;overflow:hidden;min-height:158px;background:linear-gradient(125deg,#183b70,#0e2850);border:1px solid #254d7b;box-shadow:0 12px 26px #10244112;border-radius:10px;transform:none!important;padding:28px 24px}.hero-workflow article:nth-child(2){background:linear-gradient(125deg,#785222,#42301a);border-color:#8b662f}.hero-workflow article:nth-child(3){background:linear-gradient(125deg,#174c50,#102e3c);border-color:#286067}.hero-workflow article::after{content:"";position:absolute;right:-25px;bottom:-45px;width:140px;height:140px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 22px #ffffff04;pointer-events:none}.hero-workflow h2{color:#fff}.hero-workflow p{color:#d5e1ef}.hero-workflow article:nth-child(2) p{color:#eaddc8}.hero-workflow article:nth-child(3) p{color:#d0e3e4}.hero-workflow .feature-icon{color:#a6caff}.hero-workflow article:nth-child(2) .feature-icon{color:#efcb87}.hero-workflow article:nth-child(3) .feature-icon{color:#8cd4ce}

/* Neutral presentation outside the laptop; colour stays inside the product. */
.cinema-story,.cinema-stage{background:#101216}.cinema-bar{background:#101216;border-color:#ffffff12}.cinema-bottom{background:#101216}.cinema-viewport{background:radial-gradient(ellipse at 50% 80%,#25282d 0,#16181c 42%,#101216 75%)}.cinema-lid{background:#080c18}.cinema-bar>div>span,.cinema-options>span{color:#9299a4}.cinema-bottom>p{color:#a0a7b2}.cinema-steps button{color:#969fab}.cinema-steps button[aria-current="step"]{color:#f1f3f7}.cinema-steps button::before{background:#c4cbd6}
@media(max-width:900px){.hero-workflow article{padding:22px 18px;min-height:0}}

/* The original headline and atmospheric composition, with the actual product. */
.software-hero{padding-top:65px;padding-bottom:35px;background:radial-gradient(ellipse at 50% 5%,#214575 0,transparent 58%),linear-gradient(165deg,#0c2342,#070f1e 85%);color:#fff;isolation:isolate}.software-hero::before,.software-hero::after{display:none}.hero-caption{color:#a7bfdc}.hero-caption img{box-shadow:0 0 25px #669cff23}
.software-hero h1.sales-headline{font-size:clamp(4.3rem,8.5vw,8rem);line-height:.99;letter-spacing:-.065em;margin:27px 0 29px;font-weight:650}.sales-headline>span{display:block}.software-hero h1 .sales-outline{color:transparent;-webkit-text-stroke:1.2px #d8e5f5}.software-hero h1 .sales-solid{color:#75aaff}.software-hero .hero-lead{color:#b2c1d7;max-width:750px;font-size:18px;line-height:1.8}.software-hero .hero-secondary{color:#dce8f9}.software-hero .hero-compatibility{color:#9bafca;margin:28px 0 30px}.software-hero .hero-compatibility>i{background:#ffffff25}.hero-waterword{position:absolute;left:50%;top:180px;transform:translateX(-50%);font-size:clamp(180px,33vw,580px);line-height:1;font-weight:700;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px #ffffff08;z-index:0;pointer-events:none;white-space:nowrap}.software-hero .hero-workflow{position:relative;padding-top:18px}.software-hero .hero-workflow article{background:#1638638c;box-shadow:0 12px 24px #0001;border-color:#8cb1df25}.software-hero .hero-workflow article:nth-child(2){background:#73522765;border-color:#be975036}.software-hero .hero-workflow article:nth-child(3){background:#24575460;border-color:#79a9a52b}
.cinema-heading{padding-top:67px;padding-bottom:42px}.cinema-heading::before{top:30px}
/* A single pinned stage: colour, word and editorial text follow the app scene. */
.cinema-story .cinema-stage,.cinema-story .cinema-viewport{background:#091528}.story-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:linear-gradient(145deg,#102644,#060e1d)}
.story-glow{position:absolute;inset:-15%;opacity:0;transition:opacity .65s ease;filter:blur(22px)}.story-glow-blue{background:radial-gradient(ellipse at 45% 40%,#2e6fd8a8,transparent 62%),radial-gradient(ellipse at 95% 85%,#143c7955,transparent 50%)}.story-glow-night{background:radial-gradient(ellipse at 68% 43%,#285b8dc9,transparent 65%),radial-gradient(ellipse at 10% 90%,#153657aa,transparent 58%)}.story-glow-amber{background:radial-gradient(ellipse at 60% 40%,#b87c1ba8,transparent 65%),radial-gradient(ellipse at 0 95%,#7a4f10aa,transparent 55%)}
.cinema-story[data-chapter="0"] .story-glow-night,.cinema-story[data-chapter="1"] .story-glow-blue,.cinema-story[data-chapter="2"] .story-glow-night,.cinema-story[data-chapter="3"] .story-glow-night,.cinema-story[data-chapter="4"] .story-glow-amber{opacity:1}
.story-atmosphere>[data-story-word]{position:absolute;top:-.035em;left:3%;font-size:clamp(100px,16vw,300px);font-weight:650;line-height:1.05;letter-spacing:-.065em;white-space:nowrap;color:#d8e8ff09;-webkit-text-stroke:1px #d9e9ff24}.cinema-story[data-chapter="0"] [data-story-word]{top:2%;font-size:clamp(90px,13vw,230px)}.cinema-story[data-chapter="4"] [data-story-word]{color:#f6dcaf08;-webkit-text-stroke-color:#f1d39d2e}
.story-editorial{position:absolute;left:36px;top:50%;transform:translateY(-45%);width:265px;z-index:1;color:#fff}.story-editorial[hidden]{display:none}.story-editorial>[data-story-kicker]{display:block;font-size:11px;font-weight:600;letter-spacing:.16em;color:#a4c6f5;margin-bottom:22px}.story-editorial h3{font-size:clamp(26px,2.25vw,37px);font-weight:550;line-height:1.18;letter-spacing:-.035em;color:#fff;margin:0 0 22px}.story-editorial p{font-size:15px;line-height:1.8;color:#c6d5e9;margin:0}.story-editorial-note{display:block;border-top:1px solid #ffffff24;margin-top:27px;padding-top:16px;font-size:12px;color:#a6bddb}.cinema-story[data-chapter="4"] .story-editorial>[data-story-kicker],.cinema-story[data-chapter="4"] .story-editorial-note{color:#e6c491}
.cinema-lid{z-index:2}.cinema-laptop{z-index:1!important}.cinema-story.has-narrative .cinema-lid{left:340px!important;top:84px!important;width:calc(100% - 368px)!important;height:calc(100% - 112px)!important;transform:none!important;box-shadow:0 24px 65px #0005,0 0 0 1px #ffffff21;border-radius:9px;transition:left .4s,top .4s,width .4s,height .4s}.cinema-story.has-narrative .cinema-display{border-radius:9px!important}.cinema-story.has-narrative.is-inspecting .cinema-lid{left:0!important;top:0!important;width:100%!important;height:100%!important;border-radius:0;box-shadow:none}.cinema-story.has-narrative.is-inspecting .cinema-display{border-radius:0!important}.is-inspecting .story-editorial{visibility:hidden}
.cinema-story .cinema-bar,.cinema-story .cinema-bottom{background:#080f1dee;border-color:#ffffff15}.cinema-options button{color:#c9d9ec}.cinema-steps button::before{background:#81aaf1}.cinema-story[data-chapter="4"] .cinema-steps button::before{background:#d4a65b}
@media(min-width:1800px){.story-editorial{left:48px;width:310px}.cinema-story.has-narrative .cinema-lid{left:410px!important;width:calc(100% - 450px)!important;top:100px!important;height:calc(100% - 140px)!important}.cinema-story.has-narrative.is-inspecting .cinema-lid{left:0!important;top:0!important;width:100%!important;height:100%!important}}
@media(min-width:1201px) and (max-width:1799px){.has-narrative:not(.is-inspecting) .office-content{grid-template-columns:150px minmax(0,1fr)}.has-narrative:not(.is-inspecting) .office-list{display:none}}
@media(max-width:1200px){.story-editorial{left:24px;right:24px;top:24px;transform:none;width:auto;display:flex;align-items:center;gap:22px}.story-editorial h3{font-size:19px;margin:0;max-width:650px}.story-editorial>[data-story-kicker]{font-size:10px;margin:0;flex:none}.story-editorial p,.story-editorial-note{display:none}.cinema-story.has-narrative .cinema-lid{left:18px!important;top:85px!important;width:calc(100% - 36px)!important;height:calc(100% - 103px)!important}.story-atmosphere>[data-story-word]{font-size:140px;top:-5px;left:15px}.cinema-story.has-narrative.is-inspecting .cinema-lid{left:0!important;top:0!important;width:100%!important;height:100%!important}}
@media(max-width:600px){.software-hero{padding-top:45px;padding-bottom:20px}.software-hero h1.sales-headline{font-size:clamp(3.2rem,13vw,4.7rem);line-height:1.07;margin:25px 0}.software-hero .hero-lead{font-size:16px}.hero-waterword{top:95px}.story-editorial{left:15px;right:15px;top:17px;display:block}.story-editorial>[data-story-kicker]{font-size:9px;margin:0 0 7px}.story-editorial h3{font-size:17px;line-height:1.25}.cinema-story.has-narrative .cinema-lid{left:8px!important;width:calc(100% - 16px)!important;top:88px!important;height:calc(100% - 96px)!important}.story-atmosphere>[data-story-word]{font-size:95px;top:0}.cinema-story.has-narrative.is-inspecting .cinema-lid{left:0!important;top:0!important;width:100%!important;height:100%!important}}
@media(prefers-reduced-motion:reduce){.story-glow,.cinema-story.has-narrative .cinema-lid{transition:none}}
@media(max-height:780px) and (min-width:1201px){.story-editorial{transform:translateY(-40%)}.story-editorial h3{font-size:26px;margin-bottom:15px}.story-editorial p{font-size:14px;line-height:1.65}.story-editorial>[data-story-kicker]{margin-bottom:15px}.story-editorial-note{margin-top:17px;padding-top:13px}.cinema-story.has-narrative .cinema-lid{top:62px!important;height:calc(100% - 82px)!important}.cinema-story.has-narrative.is-inspecting .cinema-lid{top:0!important;height:100%!important}.story-atmosphere>[data-story-word]{font-size:clamp(110px,14vw,210px)}}
@media(min-width:1201px) and (prefers-reduced-motion:no-preference){.cinema-story[data-chapter="1"] .cinema-lid{transition:left .4s,top .4s,width .4s,height .4s}}

/* Functions as a quiet editorial index; all original copy is retained. */

/* Soft chapter colours and restrained movement for the function index. */



/* ══════════════════════════════════════════════════════════════════════
   WEB v2 (30/09/2026) — LA PORTADA CON VIDA Y LA HOJA INVENTADA
   ══════════════════════════════════════════════════════════════════════ */

/* ── El fondo de la portada: luz que se mueve y un suelo en perspectiva ──
   Todo es transform sobre capas propias: la tarjeta gráfica lo mueve sin
   volver a pintar la página. Se para con la pestaña oculta (.quieto) y
   no existe con reduced-motion. */
.software-hero .aurora{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.aurora i{position:absolute;border-radius:50%;will-change:transform;animation:deriva 26s ease-in-out infinite alternate}
.aurora i:nth-child(1){width:72vw;height:72vw;max-width:1050px;max-height:1050px;left:-20%;top:-48%;background:radial-gradient(closest-side,rgba(40,110,235,.46),transparent)}
.aurora i:nth-child(2){width:56vw;height:56vw;max-width:840px;max-height:840px;right:-18%;top:-6%;background:radial-gradient(closest-side,rgba(31,123,255,.30),transparent);animation-duration:33s;animation-delay:-9s}
.aurora i:nth-child(3){width:50vw;height:50vw;max-width:720px;max-height:720px;left:20%;top:40%;background:radial-gradient(closest-side,rgba(120,185,255,.17),transparent);animation-duration:39s;animation-delay:-18s}
@keyframes deriva{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7%,5%,0) scale(1.1)}100%{transform:translate3d(-5%,9%,0) scale(.94)}}
.software-hero .suelo{position:absolute;left:-30%;right:-30%;bottom:0;height:58%;pointer-events:none;z-index:0;perspective:560px;perspective-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(to top,#000 5%,transparent 85%);mask-image:linear-gradient(to top,#000 5%,transparent 85%)}
.suelo::before{content:"";position:absolute;left:0;right:0;top:-40%;bottom:-160px;background-image:linear-gradient(rgba(120,175,255,.20) 1px,transparent 1px),linear-gradient(90deg,rgba(120,175,255,.20) 1px,transparent 1px);background-size:80px 80px;transform-origin:50% 0;transform:rotateX(62deg);animation:avanza 6s linear infinite;will-change:transform}
/* Avanza exactamente una baldosa (80 px) y vuelve: no se nota el salto */
@keyframes avanza{from{transform:rotateX(62deg) translate3d(0,-80px,0)}to{transform:rotateX(62deg) translate3d(0,0,0)}}
@media(max-width:760px){.aurora i:nth-child(3){display:none}.software-hero .suelo{height:40%}}

/* La luz que sigue al ratón por la portada (la clase .brilla la pone web.js) */
.software-hero.brilla::before{display:block;z-index:0;background:radial-gradient(560px circle at var(--x,50%) var(--y,30%),rgba(110,165,255,.15),transparent 60%)}

/* ── El titular: «sus ventas.» con un destello que cruza de vez en cuando ──
   ⚠️ Con «background-clip:text» el color va transparente: si el navegador
   no lo entiende la palabra desaparecería. Por eso va dentro de @supports. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .software-hero h1 .sales-solid{background:linear-gradient(100deg,#75aaff 0%,#75aaff 42%,#e6f0ff 50%,#75aaff 58%,#75aaff 100%) 100% 0/300% 100% no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:destello 9s cubic-bezier(.45,0,.2,1) 1.6s infinite}
}
@keyframes destello{0%{background-position:100% 0}24%,100%{background-position:0 0}}

/* ── La entrada de la portada al cargar ──────────────────────────────────
   ⚠️ SIN OPACIDAD, a propósito (lección del 30/08 en web-animacion-trampas):
   si el navegador congela la animación a medias, lo peor que pasa es que
   algo se queda unos píxeles más abajo, nunca invisible. Va con la
   propiedad «translate» y no con «transform» porque las tarjetas llevan
   «transform:none!important» desde antes, y eso le ganaría a la animación. */
@media (prefers-reduced-motion:no-preference){
  .js .software-hero .sales-headline{animation:aprieta 1.3s cubic-bezier(.16,.84,.24,1) both}
  .js .software-hero .hero-caption{animation:sube .9s cubic-bezier(.16,.84,.24,1) both}
  .js .software-hero .hero-lead{animation:sube 1s cubic-bezier(.16,.84,.24,1) .15s both}
  .js .software-hero .hero-buttons{animation:sube 1s cubic-bezier(.16,.84,.24,1) .25s both}
  .js .software-hero .hero-compatibility{animation:sube 1s cubic-bezier(.16,.84,.24,1) .35s both}
  .js .software-hero .hero-workflow article{animation:sube 1.1s cubic-bezier(.16,.84,.24,1) .45s both}
  .js .software-hero .hero-workflow article:nth-child(2){animation-delay:.55s}
  .js .software-hero .hero-workflow article:nth-child(3){animation-delay:.65s}
}
@keyframes sube{from{translate:0 28px}}
@keyframes aprieta{from{translate:0 .22em;letter-spacing:-.015em}}

/* Las tres tarjetas de la portada se levantan al pasar el ratón */
.software-hero .hero-workflow article{transition:translate .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
@media (hover:hover){.software-hero .hero-workflow article:hover{translate:0 -5px;box-shadow:0 22px 40px #0004;border-color:#8cb1df55}}

/* ── La cabecera oscura también en la portada ────────────────────────────
   «.software-site .cabecera» (arriba) la pone casi opaca y blanca, y
   como esta hoja va después ganaba siempre a «.cabecera-oscura». */
/* Casi opaca a propósito: arriba del todo detrás de la cabecera hay BLANCO
   (la portada empieza debajo) y translúcida se veía gris. */
.software-site.cabecera-oscura .cabecera{background:rgba(10,26,50,.95);border-bottom-color:rgba(255,255,255,.08)}
.software-site .cabecera{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease}

/* ── LA HOJA INVENTADA DE LA ESCENA 6 ────────────────────────────────────
   ⚠️ Él (30/09): «no hay que poner la plantilla real para que no la copie
   la gente». Antes aquí iba la plantilla de verdad: 48 columnas con sus
   nombres. Ahora son seis columnas genéricas y seis empresas de ejemplo.
   Los tres botones de encima filtran de verdad (recorrido.js). */
.excel-scroll .hoja-ejemplo{table-layout:fixed;border-collapse:collapse;width:100%;min-width:760px;font:13.5px/1.35 Calibri,"Segoe UI",sans-serif;color:#1d2a22}
.excel-scroll .hoja-ejemplo th,.excel-scroll .hoja-ejemplo td{border:1px solid #dde3df;padding:7px 10px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;vertical-align:middle;background:transparent}
.excel-scroll .hoja-ejemplo tr>*:first-child{width:38px;background:#f1f4f2;color:#6b7a70;text-align:center;font-size:11px;font-weight:400}
.excel-scroll .hoja-ejemplo tr>*:nth-child(2){width:21%}.excel-scroll .hoja-ejemplo tr>*:nth-child(3){width:13%}.excel-scroll .hoja-ejemplo tr>*:nth-child(4){width:15%}.excel-scroll .hoja-ejemplo tr>*:nth-child(5){width:13%}.excel-scroll .hoja-ejemplo tr>*:nth-child(6){width:23%}
/* En pantallas bajas la cinta de Excel se va: así caben más filas de la hoja */
@media(max-height:900px){.excel-app .excel-ribbon{display:none}.excel-scroll .hoja-ejemplo th,.excel-scroll .hoja-ejemplo td{height:36px}}
.excel-scroll .hoja-ejemplo .excel-letters td{height:24px;background:#f1f4f2;text-align:center;font-size:11px;color:#6b7a70}
.excel-scroll .hoja-ejemplo thead tr:nth-child(2) th{background:#1f3b63;color:#fff;font:600 12.5px/1.3 "Segoe UI",sans-serif;height:36px}
.excel-scroll .hoja-ejemplo thead tr:nth-child(2) th:first-child{background:#f1f4f2;color:#6b7a70}
.excel-scroll .hoja-ejemplo .fila-activa td{background:#fffbe8}
.excel-scroll .hoja-ejemplo .fila-activa td:nth-child(4){box-shadow:inset 0 0 0 2px #217346}
.excel-scroll .hoja-ejemplo tbody tr{transition:opacity .3s ease}
.excel-scroll .hoja-ejemplo tbody tr.fuera{opacity:.22}
.estado{display:inline-block;padding:3px 10px;border-radius:999px;font:600 11px/1.45 "Segoe UI",sans-serif;letter-spacing:.03em;background:#eef1f5;color:#4f5e72}
.estado--contactado{background:#e2ecfb;color:#1d57a6}.estado--interes{background:#d6f2df;color:#0f6a3a}.estado--cliente{background:#0f6a3a;color:#fff}.estado--luego{background:#fdf0d6;color:#8a5a06}.estado--no{background:#f7e3e3;color:#9b2c2c}
.excel-view-controls button[aria-pressed="true"]{background:#217346;border-color:#217346;color:#fff}
/* Al detectar la respuesta, la fila de Marta se enciende y el estado «salta» */
.excel-scroll .hoja-ejemplo tr.cambia td{animation:celda-cambia 1.6s ease-out}
.hoja-ejemplo tr.cambia .estado{animation:estado-salta .6s cubic-bezier(.3,1.6,.5,1)}
@keyframes celda-cambia{0%,25%{background:#c8efd4}100%{background:#fffbe8}}
@keyframes estado-salta{from{transform:scale(.6)}}
/* Y al llegar a la escena, las filas entran en cascada (sólo transform) */
@media (prefers-reduced-motion:no-preference){
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr>*{animation:fila-entra .6s cubic-bezier(.2,.8,.2,1) backwards}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr:nth-child(2)>*{animation-delay:.06s}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr:nth-child(3)>*{animation-delay:.12s}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr:nth-child(4)>*{animation-delay:.18s}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr:nth-child(5)>*{animation-delay:.24s}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr:nth-child(6)>*{animation-delay:.3s}
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr.vacia>*{animation:none}
  /* ⚠️ Misma fuerza que la regla del destello y va después: sin esta
     línea la cascada se comía el destello de la fila de Marta. */
  .cinema-story[data-chapter="4"] .hoja-ejemplo tbody tr.cambia>*{animation:fila-entra .6s cubic-bezier(.2,.8,.2,1) backwards,celda-cambia 1.6s ease-out}
}
@keyframes fila-entra{from{transform:translate3d(-16px,0,0)}}
@media(max-width:600px){.excel-scroll .hoja-ejemplo{font-size:12px}}

/* WEB v4 (07/10): la frase de encima del titular dice ya QUÉ ES («Programa
   comercial para Outlook y Excel», casi el doble de larga): en el móvil se
   aprieta el espaciado para que quepa en una línea y, si aun así parte, que
   parta en dos mitades y no deje «EXCEL» sola. */
@media(max-width:600px){.hero-caption{letter-spacing:.08em;text-wrap:balance}}
/* WEB v5 (08/10): la prueba de 30 días, debajo de los botones de la portada */
.hero-prueba{margin:20px auto 0;max-width:640px;font-size:14px;line-height:1.6;color:#a7bfdc}
@media(max-width:600px){.hero-prueba{font-size:13px;margin-top:16px}}