*{box-sizing:border-box}body{margin:0;background:#f5f4f0;color:#002b49;font-family:Arial,sans-serif}.presentation-head{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ccd3d6;background:#fff}.logo{font:bold italic 24px/.8 Georgia;color:#b91732;text-decoration:none}.presentation-head>span{font:11px monospace;letter-spacing:.12em}.presentation-head small{font-size:11px}.controls{position:sticky;bottom:0;display:flex;align-items:center;gap:22px;justify-content:center;padding:16px;background:#fff;border-top:1px solid #ccd3d6;z-index:4}.controls button{min-height:46px;padding:12px 22px;border:1px solid #002b49;background:#002b49;color:white;cursor:pointer;font-weight:700}.controls button:disabled{opacity:.3;cursor:default}.controls span{font:12px monospace}.concept{padding:7vh 7vw;min-height:calc(100vh - 159px);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.kicker{font:11px monospace;letter-spacing:.13em;color:#b91732;text-transform:uppercase}.concept h1{font:clamp(64px,7.8vw,125px)/.88 Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.035em;margin:26px 0}.concept h1 span{color:#b91732}.concept p:not(.kicker){font-size:20px;line-height:1.5;max-width:530px}.concept figure{margin:0}.concept img{width:100%;max-height:65vh;object-fit:cover;display:block}.concept figcaption{font:11px monospace;padding:13px 0;border-bottom:1px solid #ccd3d6}.concept .note{font-size:14px!important;color:#506776}.screen-stage{padding:28px 5vw 45px}.screen-caption{max-width:1200px;margin:0 auto 24px;display:flex;align-items:baseline;justify-content:space-between;gap:18px}.screen-caption h1{font-size:26px;letter-spacing:-.04em;margin:0}.screen-caption p{font-size:14px;color:#506776;max-width:430px;line-height:1.4}.viewport{margin:auto;background:#fff;border:1px solid #bcc9d0;width:390px;max-width:100%;height:770px;max-height:78vh}.viewport.desktop{width:100%;max-width:1280px;height:780px;max-height:none}.viewport iframe{border:0;width:100%;height:100%;display:block;background:white}.open-screen{display:block;text-align:center;color:#002b49;font-size:12px;margin-top:18px}.visual-text h1{font-size:clamp(48px,6vw,90px)}:focus-visible{outline:3px solid #c41230;outline-offset:4px}@media(max-width:700px){.presentation-head{height:66px;padding:0 18px}.presentation-head>span{font-size:9px;max-width:145px;text-align:right}.presentation-head small{display:none}.concept{grid-template-columns:1fr;padding:34px 22px;gap:24px}.concept h1{font-size:66px;margin:18px 0}.concept p:not(.kicker){font-size:17px}.concept img{max-height:44vh;object-position:center 43%}.screen-stage{padding:22px 12px}.screen-caption{display:block;padding:0 7px}.screen-caption h1{font-size:25px}.controls{gap:12px;padding:12px}.controls button{padding:10px 14px}.viewport{height:730px;max-height:none}.viewport.desktop{overflow:auto}.viewport.desktop iframe{width:1200px}.screen-caption p{font-size:13px}}
/* Una vista, un dispositivo: presentación para el cliente. */
.concept-scheme{display:flex;align-items:center;gap:15px;margin-top:30px;border-top:1px solid #b8c6cd;padding-top:20px}.concept-scheme span{font-size:12px;line-height:1.5;flex:1}.concept-scheme b{display:block;color:#b91732;font:20px Impact,sans-serif;margin-bottom:7px}.concept-scheme i{font-style:normal;color:#b91732}.device{margin:0 auto}.cellphone{width:414px;max-width:100%;padding:0 9px;background:#101d27;border-radius:48px;border:2px solid #5e6b74;box-shadow:0 15px 35px #002b4917}.device-top{position:relative;display:flex;align-items:center;justify-content:space-between;color:white}.cellphone .device-top{height:43px;padding:0 22px;font-size:11px}.island{position:absolute;left:50%;top:10px;transform:translateX(-50%);width:95px;height:24px;border-radius:15px;background:#020609}.cellphone .viewport{width:100%;max-width:none;height:740px;max-height:none;border:0;border-radius:25px 25px 4px 4px;overflow:hidden}.device-chin{height:25px;display:grid;place-items:center}.device-chin i{width:100px;height:4px;border-radius:4px;background:#a9b1b7}.laptop{width:100%;max-width:1220px;padding:0 15px}.laptop .device-top{height:26px;background:#15232f;border:1px solid #57636c;border-bottom:0;border-radius:17px 17px 0 0;justify-content:center}.camera{width:5px;height:5px;background:#667f91;border-radius:50%}.laptop .viewport.desktop{width:100%;max-width:none;border:9px solid #15232f;border-top:0;height:auto;max-height:none;overflow:hidden;background:white}.laptop .viewport iframe{width:1280px;max-width:none;transform-origin:top left}.laptop-base{margin:0 -15px;height:25px;background:#adb7bd;border-top:2px solid #e0e6e9;border-radius:0 0 40% 40%;position:relative}.laptop-base i{display:block;margin:0 auto;width:18%;height:8px;background:#7f8c95;border-radius:0 0 8px 8px}.screen-stage{min-height:calc(100vh - 159px)}@media(max-width:700px){.cellphone{width:390px}.cellphone .viewport{height:700px}.laptop{padding:0 10px}.laptop-base{margin:0 -10px;height:17px}.laptop .viewport.desktop{border-width:5px}.laptop .device-top{height:18px}.concept-scheme{gap:9px}.concept-scheme span{font-size:11px}}
.estado{background:#eeefeb}.estado .concept-art{position:relative}.estado .concept-art img{filter:grayscale(1)}.estado .concept-art:after{content:'';position:absolute;inset:0 0 35px 50%;background:url('assets/hero-clienta-v2.png') center/cover;border-left:3px solid white}.estado .concept h1{color:#052d47}.estado .concept h1 span{color:#c41230}.estado .concept-scheme span:first-child b{color:#052d47}.estado .controls button{background:#052d47}.estado .concept-art figcaption{position:relative;z-index:1;background:#eeefeb}
@media(min-width:701px){.laptop{max-width:min(1220px,calc((100svh - 295px)*1.56))}.screen-stage{padding-bottom:25px}.screen-caption{margin-bottom:18px}}

.official-logo{display:block;width:116px;height:52px;object-fit:contain;background:#fff;border-radius:0}.studio-logo,.logo{display:block;font-size:0!important;line-height:1!important;text-decoration:none}.signature{position:absolute;left:50%;transform:translateX(-50%);bottom:9px;font:9px/1.3 Arial,sans-serif;letter-spacing:.03em;color:#839ba9;white-space:nowrap}.studio-controls,.controls{position:relative}.studio-controls{position:sticky}.studio-controls>.controls{position:static}.presentation-head .official-logo{height:50px}.presentation-head .logo{font-size:0}.presentation-head{position:relative}.controls .signature{color:#839ba9}@media(max-width:800px){.official-logo{width:99px;height:45px}.studio-controls{height:98px;padding-bottom:25px}.studio-controls .signature{font-size:8px;bottom:7px}.controls .signature{font-size:8px}.presentation-head .official-logo{width:95px}}

.back-hub{display:block;padding:10px 5vw 0;font:10px Arial,sans-serif;text-decoration:none;color:#7f9cad;position:relative;z-index:2}.studio-head~.back-hub{background:inherit}