/* ALRIVEXA Negocios V2.5 · móvil en teléfono + vista web directa sin monitor */
.heroShowcase{padding:55px 0 87px;background:radial-gradient(ellipse 38% 42% at 72% 36%,#19395ba8,transparent),radial-gradient(ellipse 44% 40% at 25% 7%,#1c37539a,transparent),#091328;overflow:hidden}
.homeGrid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:52px;transition:all .28s ease}
.homeGrid .homeCopy{min-width:0}
.heroShowcase h1{font-size:clamp(2.9rem,4.55vw,4.95rem);letter-spacing:-.06em;line-height:1.095;margin:23px 0 20px}
.heroShowcase h1 em{background:linear-gradient(108deg,#a5f6df,#9bbaff);background-clip:text;-webkit-background-clip:text;color:transparent}
.heroShowcase p{max-width:570px;font-size:15px;line-height:1.75;color:#b8c7dc}
.homeIntroLine{display:flex;align-items:center;gap:10px;margin:35px 0 13px;flex-wrap:wrap;color:white}
.liveDot{width:8px;height:8px;border-radius:50%;background:#68edc9;box-shadow:0 0 0 5px #68edc91c;display:inline-block;flex:none}
.homeIntroLine strong{font-family:Manrope,system-ui,sans-serif;font-size:14px;letter-spacing:-.02em}
.homeEdition{font-size:9px;letter-spacing:.12em;border:1px solid #4c6882;border-radius:100px;padding:5px 10px;color:#abdef2;font-weight:800}
.homeRubroPicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:490px}
.homeRubroBtn{--option:#55e6c6;min-height:69px;background:#12233e;border:1px solid #344863;color:#d7e3f1;border-radius:14px;display:flex;align-items:center;gap:10px;padding:11px;transition:background .17s,border-color .17s,transform .17s;text-align:left;cursor:pointer;font:700 12px 'DM Sans',system-ui,sans-serif}
.homeRubroBtn:hover{transform:translateY(-2px);border-color:var(--option);background:#182f4e}
.homeRubroBtn.is-active{background:color-mix(in srgb,var(--option) 20%,#10233d);border-color:var(--option);box-shadow:inset 0 0 18px color-mix(in srgb,var(--option) 12%,transparent),0 0 0 1px color-mix(in srgb,var(--option) 18%,transparent);color:#fff}
.homeRubroBtn .homeRubroIcon{font-size:22px;flex:none}
.homeRubroBtn:focus-visible,.homeDeviceButton:focus-visible{outline:3px solid #ecfff9;outline-offset:3px}
.homeCopyActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.homeCopyActions .btn{font-size:12px;padding:12px 15px}
.homeTrust{display:flex;flex-wrap:wrap;gap:10px 20px;color:#91aec9;font-size:11px;margin-top:22px}
.homeExperience{--home-theme:#ef4d83;--home-glow:#ef4d8338;min-width:0;max-width:530px;width:100%;margin:0 auto}
.homeExperienceTop{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:22px}
.homeExperienceEyebrow{display:flex;align-items:center;gap:9px;color:#c6dff0;font-weight:800;font-size:10px;letter-spacing:.1em;line-height:1.3}
.homeExperienceEyebrow small{color:#849eb9;font-size:9px;letter-spacing:.06em}
.homeDeviceTabs{background:#142541;border:1px solid #324e6c;border-radius:14px;padding:5px;display:flex;gap:4px;flex:none}
.homeDeviceButton{background:transparent;color:#9eb5d0;border:0;border-radius:10px;cursor:pointer;padding:10px 12px;font-family:'DM Sans',system-ui,sans-serif;font-size:11px;font-weight:800;transition:.2s}
.homeDeviceButton.is-active{background:#e2fff6;color:#15332d;box-shadow:0 4px 16px #0002}
.homeDeviceStage{min-height:697px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:30px;background:radial-gradient(ellipse 61% 53% at 50% 45%,var(--home-glow),transparent 85%);transition:background .25s}
.homePhone{position:relative;width:min(100%,369px);padding:10px;border:2px solid #8298a9;border-radius:49px;background:linear-gradient(135deg,#8792a3,#17243a 30%,#090f1b 56%,#576a80 82%,#24344a);box-shadow:0 28px 80px #0009,0 0 0 6px #172947,0 0 60px var(--home-glow)}
.homePhoneInner{background:#070c15;border-radius:38px;padding:7px}
.homeScreen{position:relative;overflow:hidden;border-radius:31px;background:#f7f9fd;min-height:650px}
.homeScreen iframe{display:block;width:100%;height:650px;border:0;background:white}
.homePhoneNotch{pointer-events:none;position:absolute;top:0;left:50%;transform:translateX(-50%);height:24px;width:110px;border-radius:0 0 15px 15px;background:#060a10;z-index:3}
.homePhoneNotch:after{content:'';display:block;margin:9px auto;width:36px;height:4px;border-radius:10px;background:#263147}
.homeHomeBar{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);width:90px;height:4px;border-radius:15px;background:#6374899a;pointer-events:none;z-index:3}
.homePhoneSide{position:absolute;top:140px;right:-6px;height:75px;width:4px;border-radius:4px;background:#8796a9}
.homePreviewFooter{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:19px;flex-wrap:wrap}
.homePreviewMeta{display:grid;gap:5px}.homePreviewMeta strong{font-size:12px;color:#e1f1ff}.homePreviewMeta small{font-size:10px;color:#95adc6}
.homePreviewMore{display:flex;gap:12px;font-size:11px;font-weight:800}.homePreviewMore a{color:#b1f7e3;text-underline-offset:3px}.homePreviewMore a:hover{text-decoration:underline}
.heroShowcase .homeDemoDisclaimer{color:#839eb9;font-size:10px;line-height:1.65;margin:15px 0 0;max-width:100%}
/* La vista web es el sitio mismo: sin monitor, bisel, botones de ventana ni soporte decorativo. */
.homeGrid[data-device="desktop"] .homePhone{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.homeGrid[data-device="desktop"] .homePhoneInner{background:transparent;padding:0;border:0;border-radius:0;overflow:visible}
.homeGrid[data-device="desktop"] .homePhoneInner::before,.homeGrid[data-device="desktop"] .homePhone::after{content:none!important;display:none!important}
.homeGrid[data-device="desktop"] .homeScreen{position:relative;overflow:hidden;border-radius:0;min-height:0;background:#fff}
.homeGrid[data-device="desktop"] .homeScreen iframe{position:absolute;top:0;left:0;transform-origin:top left;max-width:none;border:none;background:#fff}
.homeGrid[data-device="desktop"] .homePhoneNotch,.homeGrid[data-device="desktop"] .homeHomeBar,.homeGrid[data-device="desktop"] .homePhoneSide{display:none}
/* La vista escritorio se expande a lo ancho para que pueda verse el panel de verdad. */
.homeGrid[data-device="desktop"]{grid-template-columns:1fr;gap:25px}
.homeGrid[data-device="desktop"] .homeCopy{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,450px);gap:0 40px;align-items:center}
.homeGrid[data-device="desktop"] .homeCopy .heroLabel,.homeGrid[data-device="desktop"] .homeCopy h1,.homeGrid[data-device="desktop"] .homeCopy>p,.homeGrid[data-device="desktop"] .homeCopyActions,.homeGrid[data-device="desktop"] .homeTrust{grid-column:1}
.homeGrid[data-device="desktop"] .homeIntroLine,.homeGrid[data-device="desktop"] .homeRubroPicker{grid-column:2}
.homeGrid[data-device="desktop"] .homeIntroLine{grid-row:1 / 3;align-self:end;margin:0 0 18px}
.homeGrid[data-device="desktop"] .homeRubroPicker{grid-row:3 / 5;align-self:start}
.homeGrid[data-device="desktop"] .homeCopy h1{font-size:clamp(2.7rem,4vw,4.3rem);margin:15px 0}
.homeGrid[data-device="desktop"] .homeCopy>p{margin-bottom:0}
.homeGrid[data-device="desktop"] .homeCopyActions{margin-top:18px}
.homeGrid[data-device="desktop"] .homeTrust{margin-top:15px}
.homeGrid[data-device="desktop"] .homeExperience{max-width:none;width:100%}
.homeGrid[data-device="desktop"] .homeExperienceTop{margin-bottom:14px}
.homeGrid[data-device="desktop"] .homeDeviceStage{min-height:0;padding:0;background:transparent;border-radius:0}
@media(max-width:1020px){.homeGrid{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.homeRubroBtn{padding:9px 7px;gap:6px;font-size:11px}.homeRubroBtn .homeRubroIcon{font-size:18px}.homeExperienceEyebrow small{display:none}.homeExperienceTop{flex-wrap:wrap}.homeGrid[data-device="desktop"] .homeCopy{grid-template-columns:1fr 340px}}
@media(max-width:750px){.heroShowcase{padding:34px 0 82px}.homeGrid,.homeGrid[data-device="desktop"]{display:flex;flex-direction:column;gap:26px}.homeGrid .homeCopy,.homeGrid[data-device="desktop"] .homeCopy{display:block;width:100%}.heroShowcase h1,.homeGrid[data-device="desktop"] .homeCopy h1{font-size:clamp(2.7rem,10vw,4rem);margin:18px 0 12px}.heroShowcase .homeCopy p{font-size:13px;line-height:1.6;max-width:570px}.homeIntroLine,.homeGrid[data-device="desktop"] .homeIntroLine{margin:20px 0 12px}.homeRubroPicker{max-width:none}.homeCopyActions{margin-top:20px}.homeTrust{margin-top:15px}.homeExperience{max-width:520px}.homeExperienceTop{margin-bottom:14px}.homeDeviceStage{min-height:630px}.homePhone{max-width:340px;border-radius:42px}.homePhoneInner{border-radius:33px;padding:6px}.homeScreen{border-radius:27px;min-height:580px}.homeScreen iframe{height:580px}.homeGrid[data-device="desktop"] .homeDeviceStage{padding:0;min-height:0}.homeExperienceEyebrow{font-size:9px}}
@media(max-width:420px){.homeRubroBtn{min-height:57px;padding:7px;gap:6px;font-size:10px;border-radius:11px}.homeRubroBtn .homeRubroIcon{font-size:17px}.homeDeviceButton{padding:9px 8px;font-size:10px}.homeExperienceEyebrow{letter-spacing:.06em}.homeDeviceTabs{padding:4px}.homePhone{max-width:calc(100% - 15px);padding:8px}.homeScreen,.homeScreen iframe{height:560px;min-height:560px}.homeDeviceStage{min-height:615px}.homePreviewFooter{margin-top:12px}.homePreviewMore{gap:8px;font-size:10px}.homeDemoDisclaimer{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.homeRubroBtn,.homeGrid,.homeDeviceButton,.homeDeviceStage{transition:none}}

/* Sitio web amplio, totalmente integrado a la portada. */
.homeGrid[data-device="desktop"] .homeExperience{max-width:none}
.homeGrid[data-device="desktop"] .homeDeviceStage{display:block;width:100%;background:none}
.homeGrid[data-device="desktop"] .homePhone{max-width:none!important;border:0!important;padding:0!important;border-radius:0!important}
.homeGrid[data-device="desktop"] .homePhoneInner{padding:0!important;border-radius:0!important;background:transparent!important}
.homeGrid[data-device="desktop"] .homeScreen{width:100%;height:auto;min-height:0!important;border-radius:0!important}
.homeGrid[data-device="desktop"] .homeScreen iframe{height:780px}
@media(max-width:750px){
 .homeGrid[data-device="desktop"] .homeExperience{max-width:none}
 .homeGrid[data-device="desktop"] .homeDeviceStage{padding:0;width:100%}
}