
/* ALRIVEXA CORPORATIVA V9 — extensiones comerciales, sin reemplazar identidad V8. */
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{overflow-x:clip}
.products-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card .product-top .v9-logo{width:clamp(132px,15vw,224px)!important;max-width:77%;height:75px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
.product-card .product-name{margin-top:24px}
.product-card .product-card-content{min-height:495px}
.product-card .product-eyebrow{text-transform:none;letter-spacing:.015em}
.product-card .v9-card-actions{display:flex;flex-direction:column;margin-top:auto;gap:12px;padding-top:18px}
.product-card .v9-card-actions .product-card-link{margin-top:0;display:flex;justify-content:space-between}
.v9-card-app-link{align-self:flex-start;font-weight:700;color:#7cecff;font-size:12px;text-underline-offset:4px}
.v9-card-app-link:hover{color:white;text-decoration:underline}
.product-negocios .product-art{background-image:radial-gradient(ellipse at 80% 30%,rgba(19,230,140,.25),transparent 60%),linear-gradient(140deg,rgba(0,86,87,.48),#081826 78%)}
.product-design .product-art{background-image:radial-gradient(ellipse at 80% 30%,rgba(174,112,255,.30),transparent 56%),url('/assets/producto-design.webp')}
.product-sites .product-art{background-image:radial-gradient(ellipse at 80% 30%,rgba(8,195,219,.23),transparent 55%),url('/assets/producto-sites.webp')}
.v9-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v9-steps article{border:1px solid rgba(67,157,210,.28);border-radius:18px;background:linear-gradient(145deg,#0b2540,#061627);padding:34px 29px;min-height:208px}
.v9-step-index{font-size:12px;letter-spacing:.22em;color:#49dfec;font-weight:800}
.v9-steps h3{margin:23px 0 10px;color:#f2fbff;font-size:22px}
.v9-steps p{color:#a8bbd0;line-height:1.75;font-size:14px}
.v9-central-banner{margin-top:24px;padding:30px 32px;border:1px solid rgba(39,197,221,.45);border-radius:18px;background:linear-gradient(120deg,rgba(11,76,97,.55),rgba(8,21,46,.8));display:flex;gap:26px;align-items:center;justify-content:space-between}
.v9-central-banner h3{margin:10px 0;font-size:24px;color:white}.v9-central-banner p{margin:0;max-width:650px;font-size:14px;line-height:1.7;color:#b4cfe0}
.v9-mini-tag{font-size:10px;color:#5bedef;letter-spacing:.18em;font-weight:800}
.v9-central-chip{font-size:11px;font-weight:700;color:#b1cbd9;border:1px solid rgba(136,200,221,.35);border-radius:99px;padding:10px 16px;white-space:nowrap}
.v9-other-section,.v9-faq-section{background:#061526}
.v9-other-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.v9-other-card{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid rgba(92,157,200,.35);border-radius:16px;background:linear-gradient(135deg,#091d33,#06111f);transition:border-color .2s,transform .2s}
.v9-other-card:hover{border-color:#51ddec;transform:translateY(-3px)}
.v9-other-card img{width:135px;height:64px;object-fit:contain;flex-shrink:0}
.v9-other-card div{display:flex;flex-direction:column;gap:8px;flex:1}
.v9-other-card strong{color:#f4fbff;font-size:17px}
.v9-other-card div span{font-size:12px;line-height:1.5;color:#a2bad1}
.v9-other-card>span:last-child{color:#49e5eb;font-size:21px}
.v9-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v9-faq-grid details{background:#0a2036;border:1px solid rgba(79,157,209,.31);border-radius:14px;padding:22px}
.v9-faq-grid summary{cursor:pointer;color:white;font-weight:750;list-style-position:inside;line-height:1.5}
.v9-faq-grid details[open]{border-color:rgba(67,224,237,.6)}
.v9-faq-grid p{font-size:14px;line-height:1.75;color:#a7c1d1;margin:16px 0 0}
.v9-contact-section{background:radial-gradient(ellipse at 8% 50%,rgba(20,105,168,.18),transparent 50%),#051424}
.v9-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.v9-contact-copy h2{font-size:clamp(34px,4vw,53px);line-height:1.12;letter-spacing:-.04em;margin:23px 0;color:#f6fbff}
.v9-contact-copy h2 span{color:#5be0ef}.v9-contact-copy>p{max-width:520px;line-height:1.8;color:#a9c5d9}
.v9-contact-note{display:flex;flex-direction:column;gap:8px;margin-top:30px;padding:22px;border-left:3px solid #4be6df;background:rgba(21,74,111,.24)}
.v9-contact-note strong{color:#e9ffff}.v9-contact-note span{font-size:13px;color:#a6c6d6;line-height:1.7}
.v9-contact-form{background:linear-gradient(145deg,#0c243d,#081a2e);border:1px solid rgba(90,178,222,.4);padding:30px;border-radius:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 18px 55px rgba(0,0,0,.22)}
.v9-contact-form>label:not(.v9-checkbox){font-size:12px;color:#c8e1ed;font-weight:800}
.v9-contact-form input:not([type=checkbox]),.v9-contact-form select,.v9-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #336283;background:#071526;color:white;border-radius:10px;padding:12px 14px;font:inherit;margin-bottom:8px;min-height:46px}
.v9-contact-form :is(input,select,textarea):focus-visible{outline:2px solid #4debe2;outline-offset:2px}
.v9-contact-form textarea{resize:vertical;min-height:122px}
.v9-checkbox{display:flex;align-items:start;gap:10px;color:#abc5d3;font-size:12px;line-height:1.6}
.v9-checkbox input{margin-top:4px;accent-color:#24c9d8}
.v9-checkbox a{color:#78e8ee;text-decoration:underline}
.v9-contact-form .button{cursor:pointer;border:0;justify-content:center;margin-top:10px}
.v9-contact-form small{font-size:11px;color:#819dac;line-height:1.6}
.v9-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.detail-hero .v9-detail-logo{object-fit:contain!important;object-position:left center!important;width:clamp(210px,31vw,335px)!important;height:92px!important;filter:none!important}
.detail-brand:has(.v9-detail-logo){margin:30px 0 25px!important}
.detail-hero-copy h1{font:800 clamp(35px,4vw,57px)/1.12 var(--display);letter-spacing:-.052em;margin:19px 0;color:white}
.detail-hero-copy h1 span{color:var(--cyan)}
.detail-negocios{background:radial-gradient(ellipse at 74% 30%,rgba(15,170,143,.21),transparent 45%),#03101e}
.v9-phone-art{max-width:330px;height:570px;margin:10px auto;background:linear-gradient(160deg,#0e2b2d,#071626);border:11px solid #0a2735;border-radius:48px;box-shadow:0 28px 75px rgba(0,0,0,.6),0 0 0 2px #4e9da0;overflow:hidden;padding:30px 17px 20px;box-sizing:border-box}
.v9-phone-top{display:flex;align-items:center;justify-content:center;gap:12px;color:#e2fff6;font-size:10px;letter-spacing:.11em}.v9-phone-top span{background:#7affd2;width:8px;height:8px;border-radius:50%}
.v9-phone-hero{margin:32px 0 22px;background:linear-gradient(130deg,#1a735e,#153b4d);border-radius:18px;padding:28px 18px;color:#effff7}.v9-phone-hero small{font-size:10px;letter-spacing:.18em}.v9-phone-hero strong{display:block;font-size:29px;line-height:1.13;margin:14px 0}.v9-phone-hero>span{font-size:11px}
.v9-phone-service{display:flex;gap:13px;align-items:center;border-bottom:1px solid #385c68;padding:18px 0;color:#f2fffa}.v9-phone-service>span:first-child{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#184d4b;font-size:21px}.v9-phone-service div{flex:1;display:flex;flex-direction:column;gap:4px}.v9-phone-service small{color:#9accc7}.v9-phone-button{padding:14px;text-align:center;background:#67e5c2;color:#042b2f;font-weight:800;border-radius:11px;margin-top:28px}
.v9-bottom-cta{padding:40px;border:1px solid rgba(85,179,222,.35);border-radius:20px;background:#0a2238;display:flex;align-items:center;justify-content:space-between;gap:26px}.v9-bottom-cta h2{font-size:30px;color:white;margin:10px 0}.v9-bottom-cta p{color:#a6bfd0;max-width:700px;line-height:1.7}.v9-bottom-cta .button{white-space:nowrap}
.v9-thanks-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#0d4369,#03101e 65%)}
.v9-thanks-card{text-align:center;max-width:530px;padding:54px 35px;border:1px solid rgba(69,200,230,.3);background:#071b30;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:18px}.v9-thanks-card h1{font-size:35px;color:white}.v9-thanks-card p{color:#acc5d5;line-height:1.8}
@media(max-width:1000px){.products-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v9-contact-grid{gap:30px}}
@media(max-width:740px){.products-section .product-grid,.v9-steps,.v9-other-grid,.v9-faq-grid,.v9-contact-grid{grid-template-columns:1fr}.v9-central-banner,.v9-bottom-cta{flex-direction:column;align-items:flex-start}.v9-central-chip{white-space:normal}.v9-other-card img{width:105px}.v9-contact-form{padding:23px}.v9-phone-art{margin-top:20px;height:550px}.v9-detail-logo{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.v9-other-card{transition:none}}

/* Corporate catalogue RC11 — clean visual above content. Preserve official colors/logos. */
.products-section .alx-showcase-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.alx-showcase-grid .alx-showcase-card{grid-column:span 2;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(170deg,#0a2137,#051423);border:1px solid rgba(80,168,214,.34);border-radius:18px;box-shadow:0 14px 36px rgba(0,0,0,.15)}
.alx-showcase-grid .alx-showcase-card:nth-child(4),.alx-showcase-grid .alx-showcase-card:nth-child(5){grid-column:span 3}
.alx-showcase-visual{padding:15px;background:#071827;border-bottom:1px solid rgba(74,157,200,.25);aspect-ratio:1.57;overflow:hidden}
.alx-showcase-visual img{display:block;width:100%;height:100%;object-fit:contain;background:#0b1d2a;border-radius:10px}
.alx-showcase-body{display:flex;flex:1;flex-direction:column;gap:13px;padding:22px 22px 20px;min-width:0}
.alx-showcase-brand{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:47px}
.alx-showcase-brand img{max-height:47px;max-width:65%;width:auto;object-fit:contain;object-position:left center}
.alx-showcase-state{font-size:9px;line-height:1.45;letter-spacing:.055em;color:#8bb8cf;text-align:right;font-weight:750}
.alx-showcase-body h3{font:800 clamp(20px,2.1vw,26px)/1.2 var(--display);color:#f5fbff;letter-spacing:-.03em;margin:0}
.alx-showcase-summary{font-size:13px;line-height:1.65;color:#b5cada;margin:0;max-width:60ch}
.alx-showcase-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:7px}
.alx-showcase-tags span{padding:7px 10px;border:1px solid rgba(74,151,212,.3);background:rgba(15,55,88,.7);color:#b8dcee;border-radius:7px;font-size:10px;font-weight:700}
.alx-showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:4px}
.alx-showcase-actions a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:10px 8px;border-radius:9px;font-size:12px;font-weight:800;text-align:center;transition:background .2s ease,transform .2s ease}
.alx-showcase-actions a:hover{transform:translateY(-2px)}
.alx-showcase-more{border:1px solid #5787ac;color:#e7f7ff;background:transparent}
.alx-showcase-open{color:#032033;background:linear-gradient(120deg,#04dff5,#33bfff)}
@media(max-width:1000px){.products-section .alx-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.alx-showcase-grid .alx-showcase-card,.alx-showcase-grid .alx-showcase-card:nth-child(4),.alx-showcase-grid .alx-showcase-card:nth-child(5){grid-column:span 1}}
@media(max-width:680px){.products-section .alx-showcase-grid{grid-template-columns:1fr}.alx-showcase-visual{aspect-ratio:1.7;padding:11px}.alx-showcase-body{padding:19px}.alx-showcase-actions{grid-template-columns:1fr 1fr}.alx-showcase-actions a{font-size:11px}}

/* Capturas reales de Negocios, Nexcompra y CierreX (sin composiciones ficticias) */
.alx-showcase-visual.is-app-screenshot{position:relative;padding:13px;background:linear-gradient(160deg,#09283f,#051627);border-bottom-color:rgba(48,182,219,.36)}
.alx-showcase-visual.is-app-screenshot img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;border:1px solid rgba(113,190,230,.32);border-radius:11px;background:#051725;box-shadow:0 12px 30px rgba(0,0,0,.32);transition:transform .3s ease}
.alx-showcase-card:hover .alx-showcase-visual.is-app-screenshot img{transform:scale(1.025)}
.alx-showcase-visual.is-app-screenshot::after{content:"CAPTURA REAL DEL PRODUCTO";position:absolute;right:24px;bottom:23px;font-size:9px;letter-spacing:.11em;font-weight:800;color:#d2f9ff;background:rgba(3,20,37,.88);padding:7px 10px;border:1px solid #3c94b6;border-radius:5px;pointer-events:none}
@media(max-width:680px){.alx-showcase-visual.is-app-screenshot{padding:10px}.alx-showcase-visual.is-app-screenshot::after{font-size:8px;bottom:17px;right:18px}}
@media(prefers-reduced-motion:reduce){.alx-showcase-visual.is-app-screenshot img{transition:none}.alx-showcase-card:hover .alx-showcase-visual.is-app-screenshot img{transform:none}}
