:root{--bg:#020b12;--cyan:#44f5da;--text:#f8ffff;--muted:#b6d7d2;--panel:rgba(255,255,255,.075);--line:rgba(120,255,235,.22)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--text)}
body.home{overflow:hidden}.stage{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:#020b12}.safe-frame{position:absolute;top:.8vh;bottom:.8vh;left:1.2vw;right:3.8vw;overflow:hidden}.landing{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;display:block;user-select:none;-webkit-user-drag:none}.hotspot{position:absolute;display:block;border-radius:16px;text-decoration:none;z-index:5;transition:.22s ease}.hotspot:hover{outline:1px solid rgba(68,245,218,.25);background:rgba(68,245,218,.045);box-shadow:0 0 24px rgba(68,245,218,.12)}
.top-download{left:66.8%;top:4.5%;width:15.3%;height:5.5%}.top-contact{left:83.3%;top:4.5%;width:15.8%;height:5.5%}.main-download{left:7.0%;top:57.2%;width:17.0%;height:6.4%}.main-contact{left:24.5%;top:57.2%;width:13.5%;height:6.4%}.android{left:14.8%;top:68.8%;width:16.0%;height:14.5%}.ios{left:31.8%;top:68.8%;width:16.7%;height:14.5%}.windows{left:49.1%;top:68.8%;width:16.7%;height:14.5%}.cloud{left:67.0%;top:68.8%;width:16.7%;height:14.5%}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page{min-height:100vh;background:radial-gradient(circle at 22% 0,#073640 0,#020b12 46%,#01050a 100%);padding:clamp(22px,4vw,60px);overflow:auto}.wrap{max-width:1180px;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.header img{height:68px;max-width:280px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:18px;padding:10px 16px}.back{color:#9fffee;text-decoration:none;border:1px solid rgba(100,255,230,.35);border-radius:999px;padding:12px 18px;background:rgba(255,255,255,.06)}
h1{font-size:clamp(34px,5vw,72px);font-weight:300;letter-spacing:-.04em;margin:0 0 10px}p.lead{font-size:clamp(16px,1.6vw,22px);line-height:1.5;max-width:880px;color:#c8f5f0;margin:0 0 34px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);background:var(--panel);border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.25);min-height:220px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}.card:hover{transform:translateY(-6px);border-color:rgba(120,255,232,.42);box-shadow:0 28px 90px rgba(0,210,190,.12)}.card h2{font-weight:400;margin:0 0 8px;font-size:25px}.card p{color:#bfe4df;line-height:1.45}.btn{display:inline-flex;justify-content:center;text-decoration:none;color:#051013;background:var(--cyan);border-radius:999px;padding:12px 16px;font-weight:700}.btn.secondary{background:transparent;color:#dff;border:1px solid var(--line)}.status{display:inline-block;margin-top:10px;color:#8dfbe8;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer{margin-top:42px;color:#9bb9b6;font-size:14px;line-height:1.8}.text-card{max-width:950px}.text-card p,.text-card li{color:#c8e8e5;line-height:1.7;font-size:18px}.text-card a{color:#8dfff0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.header{align-items:flex-start;flex-direction:column}}@media(max-width:560px){body.home{overflow:auto}.stage{position:relative;width:100vw;height:auto;min-height:100vh}.safe-frame{position:relative;inset:auto;width:100vw;height:auto}.landing{position:relative;width:100vw;height:auto;object-fit:contain}.hotspot{display:none}.cards{grid-template-columns:1fr}.header img{height:56px}}
/* Contact modal */
.contact-trigger{border:0;cursor:pointer;background:transparent;font:inherit;padding:0}.contact-modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:24px}.contact-modal.is-open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,8,14,.72);backdrop-filter:blur(10px)}.modal-panel{position:relative;width:min(820px,94vw);max-height:92vh;overflow:auto;border:1px solid rgba(70,245,225,.28);border-radius:30px;background:linear-gradient(145deg,rgba(8,24,35,.96),rgba(2,10,18,.96));box-shadow:0 40px 140px rgba(0,0,0,.65),0 0 55px rgba(0,210,190,.12);padding:34px;color:#ecffff}.modal-close{position:absolute;right:18px;top:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(120,255,235,.25);background:rgba(255,255,255,.06);color:#dff;font-size:30px;line-height:1;cursor:pointer}.modal-kicker{margin:0 0 8px;color:#44f5da;letter-spacing:.28em;font-weight:800;font-size:12px}.modal-panel h2{margin:0 0 8px;font-size:clamp(30px,4vw,48px);font-weight:300;letter-spacing:-.04em}.modal-intro{margin:0 0 24px;color:#b9d9d5}.contact-form label{display:block;color:#dff;font-weight:700;font-size:13px;letter-spacing:.02em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:1px solid rgba(120,255,235,.22);border-radius:15px;background:rgba(255,255,255,.065);color:#fff;padding:13px 14px;font:16px Arial,Helvetica,sans-serif;outline:none}.contact-form textarea{resize:vertical;min-height:116px}.contact-form input:focus,.contact-form textarea:focus{border-color:rgba(68,245,218,.7);box-shadow:0 0 0 3px rgba(68,245,218,.08)}.privacy-check{display:flex!important;align-items:center;gap:10px;margin-top:14px;color:#b9d9d5!important}.privacy-check input{width:auto;margin:0}.form-actions{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}.send-btn{border:0;border-radius:999px;background:linear-gradient(90deg,#37f0d7,#10a7ff);color:#031014;font-weight:900;padding:14px 24px;cursor:pointer;box-shadow:0 12px 38px rgba(0,210,255,.22)}.send-btn:disabled{opacity:.6;cursor:wait}.form-status{color:#9fffee;font-weight:700}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}@media(max-width:680px){.form-grid{grid-template-columns:1fr}.modal-panel{padding:26px 20px}}

/* ===== PAC5000 RESPONSIVE REAL V2 ===== */
.mobile-stage{display:none}
@media (max-width: 700px){
  html,body{width:100%;min-height:100%;height:auto;overflow-x:hidden;background:#020b12}
  body.home{overflow-x:hidden;overflow-y:auto}
  .desktop-stage{display:none!important}
  .mobile-stage{display:block;min-height:100vh;width:100%;overflow:hidden;background:
    radial-gradient(circle at 75% 16%,rgba(0,174,219,.22),transparent 38%),
    linear-gradient(180deg,#031725 0%,#020b12 55%,#01070c 100%);color:#fff}
  .mobile-header{height:78px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(84,244,225,.14)}
  .mobile-logo{display:block;width:min(235px,66vw);height:50px;object-fit:contain;object-position:left center;background:transparent!important;border-radius:0!important;padding:0!important}
  .mobile-mail{width:44px;height:44px;border:1px solid rgba(68,245,218,.35);border-radius:14px;background:rgba(255,255,255,.05);color:#54f5df;font-size:23px}
  .mobile-hero{padding:28px 20px 22px;text-align:left}
  .mobile-hero .eyebrow{margin:0 0 16px;color:#48eed8;font-size:11px;font-weight:800;letter-spacing:.22em}
  .mobile-hero h1{margin:0;font-size:clamp(38px,11vw,58px);line-height:1.02;font-weight:300;letter-spacing:-.05em;max-width:570px}
  .mobile-hero h1 span{color:#4bf2d9}
  .hero-copy{font-size:17px;line-height:1.55;color:#c3d5d8;margin:20px 0 10px;max-width:510px}
  .mobile-meter{display:block;width:112%;max-width:none;margin:8px -6% 6px;height:245px;object-fit:cover;object-position:54% 48%;mix-blend-mode:screen;border-radius:24px;filter:contrast(1.08) brightness(.92)}
  .primary-cta,.secondary-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;border-radius:16px;text-decoration:none;font-weight:800;font-size:17px;margin-top:12px}
  .primary-cta{background:linear-gradient(90deg,#25d9cc,#178eff);color:white;box-shadow:0 14px 38px rgba(0,159,255,.25)}
  .secondary-cta{border:1px solid rgba(75,241,218,.35);background:rgba(255,255,255,.05);color:#dffffa}
  .mobile-downloads{padding:26px 16px 20px;border-top:1px solid rgba(84,244,225,.12)}
  .mobile-downloads h2{text-align:center;color:#4bf2d9;font-weight:500;letter-spacing:.09em;font-size:21px;margin:0 0 18px}
  .mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .mobile-card{min-height:140px;border:1px solid rgba(100,240,225,.2);border-radius:20px;background:rgba(255,255,255,.045);text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 8px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
  .mobile-card img{width:48px;height:48px;object-fit:contain;margin-bottom:9px}.mobile-card .apple{font-size:42px;line-height:42px;color:white;margin-bottom:9px}
  .mobile-card strong{font-size:18px}.mobile-card small{margin-top:7px;color:#b8ced1;font-size:13px}
  .mobile-benefits{margin:10px 16px 24px;padding:18px;border:1px solid rgba(100,240,225,.14);border-radius:22px;background:rgba(255,255,255,.035);display:grid;gap:16px}
  .mobile-benefits>div{display:flex;align-items:center;gap:14px}.mobile-benefits b{width:40px;height:40px;border:1px solid #42e9d4;border-radius:12px;display:grid;place-items:center;color:#4bf2d9;font-size:20px}.mobile-benefits span{display:flex;flex-direction:column}.mobile-benefits strong{font-size:15px}.mobile-benefits small{color:#9eb4b8;margin-top:3px}
  .mobile-stage footer{text-align:center;color:#799397;font-size:12px;padding:0 16px 26px}
  .contact-modal{padding:12px}.modal-panel{width:100%;max-height:94vh;border-radius:22px;padding:24px 16px}.form-grid{grid-template-columns:1fr}
}
@media (min-width:701px){.desktop-stage{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background:#020b12}.mobile-stage{display:none!important}}


/* Zona clicable final sobre el correo integrado en la imagen */
.top-contact-link{
  left:82.8%;
  top:4.25%;
  width:16.8%;
  height:5.8%;
  border:0;
  padding:0;
  cursor:pointer;
  background:transparent;
  box-shadow:none;
  outline:none;
}

.top-contact-link:hover{
  background:rgba(45,220,235,.035);
  outline:1px solid rgba(45,220,235,.14);
  box-shadow:0 0 18px rgba(35,210,235,.08);
}

/* PAC5000 ADMIN ACCESS - INICIO */

.pac-admin-access {
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #c9fbff;
    border: 1px solid rgba(44, 216, 224, .65);
    border-radius: 999px;
    background: rgba(3, 32, 48, .84);
    box-shadow:
        0 8px 24px rgba(0, 0, 0, .32),
        inset 0 0 14px rgba(16, 158, 194, .10);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 800;
    letter-spacing: .6px;
    text-decoration: none;
    transition:
        transform .18s ease,
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.pac-admin-access:hover,
.pac-admin-access:focus-visible {
    color: #ffffff;
    border-color: #39e4e2;
    background: rgba(4, 61, 82, .96);
    box-shadow:
        0 10px 28px rgba(0, 0, 0, .42),
        0 0 18px rgba(42, 218, 222, .23);
    transform: translateY(-1px);
    outline: none;
}

.pac-admin-lock {
    font-size: .92em;
}

/* Escritorio: botón discreto sobre la portada oficial. */
.pac-admin-desktop {
    position: absolute;
    z-index: 50;
    top: 9.1%;
    right: 2.1%;
    display: flex;
    min-width: 76px;
    height: 30px;
    padding: 0 12px;
    font-size: 11px;
}

/* Móvil: dentro del encabezado junto al correo. */
.pac-admin-mobile {
    display: none;
    min-height: 36px;
    padding: 7px 12px;
    font-size: 11px;
    white-space: nowrap;
}

@media (max-width: 760px) {
    .pac-admin-desktop {
        display: none;
    }

    .pac-admin-mobile {
        display: inline-flex;
        margin-left: 8px;
    }

    .mobile-header {
        display: flex;
        align-items: center;
    }
}

/* PAC5000 ADMIN ACCESS - FIN */

