/* Estilos exclusivos de Ver alarmas. Mantiene intactos los componentes compartidos. */
.va-page{--va-yellow:var(--yellow,#F7C600);--va-gold-dark:#374151;--va-graphite:#141920;--va-slate:#252E38;--va-muted:#5f6670;--va-light-muted:#c5cbd3;--va-line:#dfe2e6;--va-soft:#f5f6f8;color:var(--ink,#202226)}
.va-page a{transition:color .22s ease,border-color .22s ease,background-color .22s ease,box-shadow .22s ease}
.va-page .va-hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(56px,6.2vw,82px) 0;background:#fff;color:var(--va-graphite)}
.va-page .va-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,76px);align-items:center;transform:translateY(8px)}
.va-page .eyebrow{color:var(--va-gold-dark);font-size:11px;letter-spacing:.09em}
.va-page .va-hero .eyebrow,.va-page .va-heading .eyebrow,.va-page .va-quote .eyebrow{margin-bottom:18px}.va-page .va-hero .eyebrow{color:var(--va-gold-dark);font-size:11px;font-weight:400;letter-spacing:.12em}.va-page .va-hero .status-dot{background:var(--va-yellow);box-shadow:0 0 0 5px rgba(248,196,0,.13)}
.va-page h1,.va-page .va-heading h2,.va-page .va-quote h2{font-size:clamp(46px,5.4vw,72px);line-height:1.02;letter-spacing:-.065em;margin:0 0 16px;font-weight:800}
.va-page .va-hero h1,.va-page .va-quote h2{color:var(--va-graphite)}
.va-page h1 span,.va-page .va-design-section .va-heading h2 span,.va-page .va-quote h2 span{color:var(--va-yellow)}
.va-page .va-hero h2,.va-page .va-heading h3,.va-page .va-quote h3{font-size:clamp(25px,2.8vw,36px);line-height:1.16;letter-spacing:-.04em;margin:0 0 15px;font-weight:700}
.va-page .va-hero h2{color:var(--va-graphite)}
.va-page .va-hero-copy>p:not(.eyebrow),.va-page .va-heading>p:last-child,.va-page .va-quote-copy>p:last-child{max-width:650px;color:var(--va-muted);font-size:16px;line-height:1.75;margin:0 0 25px}
.va-page .va-hero-copy>p:not(.eyebrow){color:var(--va-muted);max-width:590px}
.va-page .va-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.va-page .va-hero-copy>*{animation:va-rise .65s both}.va-page .va-hero-copy>*:nth-child(2){animation-delay:.06s}.va-page .va-hero-copy>*:nth-child(3){animation-delay:.12s}.va-page .va-hero-copy>*:nth-child(4){animation-delay:.18s}.va-page .va-hero-copy>*:nth-child(5){animation-delay:.24s}
.va-page .va-hero-gallery{display:block;width:100%;max-width:650px;margin:0;justify-self:end;align-self:center;overflow:hidden;border-radius:3px;background:#fff;box-shadow:0 16px 42px rgba(20,25,32,.12);animation:va-rise .75s .12s both}
.va-page .va-hero-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;border:0;background:#fff}
.va-page .va-hero .button{min-height:54px}
.va-page .va-hero .text-link{color:var(--va-graphite)}
.va-page .va-actions .button span,.va-page .va-actions .text-link span,.va-page .va-quote-actions a span{display:inline-block;transition:transform .22s ease}
.va-page .va-actions a:hover span,.va-page .va-quote-actions a:hover span{transform:translate(4px,-1px)}
.va-page .va-hero .button:hover,.va-page .va-quote-actions .button:hover{box-shadow:0 8px 22px rgba(247,198,0,.16)}
.va-page .va-section{padding:clamp(70px,7vw,94px) 0}
.va-page .va-section.soft{background:var(--va-soft)}
.va-page .va-heading{max-width:850px;margin:0 0 36px}
.va-page .va-heading h2{color:var(--va-graphite);margin-bottom:10px}

.va-page .va-heading h3{color:var(--va-graphite);margin-bottom:13px}
.va-page .va-heading>p:last-child{margin-bottom:0}
.va-page .va-system-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:stretch}
.va-page .va-system-card{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-width:0;overflow:hidden;background:#fff;border:1px solid #e0e3e7;box-shadow:0 10px 30px rgba(20,25,32,.055);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.va-page .va-system-card--ajax .va-system-visual{order:2}
.va-page .va-system-card:hover,.va-page .va-system-card:focus-within{border-color:#bcc2c8;box-shadow:0 18px 40px rgba(20,25,32,.1);transform:translateY(-2px)}
.va-page .va-system-visual{display:grid;place-items:center;min-width:0;min-height:330px;margin:0;padding:clamp(24px,3.2vw,44px);background:#fff}
.va-page .va-system-visual img{display:block;width:100%;max-height:360px;aspect-ratio:1.5;object-fit:contain;object-position:center;transition:transform .35s ease}
.va-page .va-system-card:hover .va-system-visual img{transform:scale(1.025)}
.va-page .va-system-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,4.2vw,58px)}
.va-page .va-system-content .eyebrow{margin-bottom:13px}
.va-page .va-system-content h3{max-width:520px;font-size:clamp(25px,2.6vw,34px);line-height:1.16;letter-spacing:-.035em;margin:0 0 15px;color:var(--va-graphite)}
.va-page .va-system-content p{max-width:560px;color:#545b64;font-size:16px;line-height:1.75;margin:0 0 23px}
.va-page .va-system-content p strong{color:var(--va-graphite);font-weight:700}
.va-page .va-system-content .text-link{margin-top:auto;font-size:13px;color:var(--va-graphite)}
.va-page .va-system-content .text-link span{display:inline-block;transition:transform .22s ease}
.va-page .va-system-content .text-link:hover span{transform:translateX(4px)}
.va-page .va-system-content .text-link:hover{color:#374151}
.va-page .va-section.va-design-section{background:var(--va-graphite);color:#fff;padding-block:clamp(72px,7.4vw,100px)}
.va-page .va-design-section .va-heading h2,.va-page .va-design-section .va-heading h3{color:#fff}
.va-page .va-design-section .va-heading>p:last-child{color:#c5cbd3}
.va-page .va-design-section .eyebrow{color:var(--va-yellow)}
.va-page .va-design-grid{display:grid;grid-template-columns:minmax(0,1fr);border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.va-page .va-design-grid article{display:grid;grid-template-columns:52px minmax(145px,.42fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:clamp(18px,2.7vw,38px);align-items:center;padding:25px 0;animation:va-rise .6s both}
.va-page .va-design-grid article:nth-child(2){animation-delay:.1s}
.va-page .va-design-grid article:nth-child(3){animation-delay:.2s}
.va-page .va-design-grid article+article{border-top:1px solid rgba(255,255,255,.18)}
.va-page .va-design-grid svg{grid-column:1;grid-row:1/3;width:40px;height:40px;padding:9px;border:1px solid rgba(247,198,0,.5);border-radius:50%;margin:0;color:var(--va-yellow);box-sizing:content-box}
.va-page .va-design-grid .eyebrow{grid-column:2;grid-row:1/3;display:block;margin:0;color:var(--va-yellow)}
.va-page .va-design-grid h3{grid-column:3;grid-row:1;font-size:21px;line-height:1.28;color:#fff;margin:0 0 6px}
.va-page .va-design-grid p{grid-column:3;grid-row:2;color:#cbd1d8;font-size:15px;line-height:1.7;margin:0}
.va-page .va-quote{position:relative;background:var(--va-soft);color:var(--va-graphite);padding:clamp(62px,6.4vw,84px) 0;border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8}
.va-page .va-quote-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr);gap:clamp(36px,5vw,72px);align-items:center}
.va-page .va-quote h2{font-size:clamp(42px,4.7vw,62px);margin-bottom:12px}
.va-page .va-quote h3{font-size:clamp(24px,2.7vw,34px);color:var(--va-graphite);margin-bottom:13px}
.va-page .va-quote-copy>p:last-child{color:var(--va-muted);margin-bottom:0}.va-page .va-quote .eyebrow{color:var(--va-gold-dark)}
.va-page .va-quote-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px;padding:clamp(26px,3vw,40px);border:1px solid #252e38;background:var(--va-graphite);color:#fff;box-shadow:0 14px 32px rgba(20,25,32,.12)}
.va-page .va-quote-actions .button{font-size:13px;min-height:54px}
.va-page .va-quote-actions .text-link{color:#fff;font-size:13px}
.va-page :focus-visible{outline:3px solid #d2aa00;outline-offset:5px}
.va-page .va-hero :focus-visible,.va-page .va-design-section :focus-visible,.va-page .va-quote :focus-visible{outline-color:var(--va-yellow)}
.va-page #sistemas{scroll-margin-top:110px}
@keyframes va-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.va-page .va-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px}.va-page h1{font-size:clamp(45px,5.2vw,60px)}.va-page .va-system-visual{min-height:290px;padding:28px}.va-page .va-system-content{padding:32px}.va-page .va-quote-grid{gap:32px}}
@media(max-width:820px){.va-page .va-hero-grid{grid-template-columns:1fr;gap:30px}.va-page .va-hero-gallery{justify-self:start;max-width:720px}.va-page .va-system-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.va-page .va-system-visual{min-height:260px;padding:24px}.va-page .va-system-content{padding:28px}.va-page .va-system-content h3{font-size:25px}.va-page .va-system-content p{font-size:15px}.va-page .va-design-grid article{grid-template-columns:48px minmax(120px,.4fr) minmax(0,1fr);column-gap:22px}.va-page .va-quote-grid{grid-template-columns:1fr;gap:24px}.va-page .va-quote-actions{flex-direction:row;align-items:center;flex-wrap:wrap;padding:24px;border:1px solid #252e38;background:var(--va-graphite)}}
@media(max-width:640px){.va-page .va-hero{padding:44px 0 48px}.va-page .va-hero-grid{transform:none}.va-page h1,.va-page .va-quote h2{font-size:clamp(39px,10vw,52px)}.va-page .va-heading h2{font-size:clamp(37px,9.5vw,48px)}.va-page .va-hero h2,.va-page .va-heading h3,.va-page .va-quote h3{font-size:clamp(23px,6.4vw,29px)}.va-page .va-hero-copy>p:not(.eyebrow),.va-page .va-heading>p:last-child,.va-page .va-quote-copy>p:last-child{font-size:15px}.va-page .va-actions{align-items:flex-start;gap:12px}.va-page .va-hero-gallery{border-radius:2px}.va-page .va-system-grid{grid-template-columns:1fr;gap:16px}.va-page .va-system-card{grid-template-columns:1fr}.va-page .va-system-card--ajax .va-system-visual{order:0}.va-page .va-system-visual{min-height:0;padding:18px}.va-page .va-system-visual img{aspect-ratio:1.58;max-height:none}.va-page .va-system-content{padding:24px}.va-page .va-system-content h3{font-size:24px}.va-page .va-design-section{padding-block:62px}.va-page .va-design-grid article{grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:5px;padding:21px 0}.va-page .va-design-grid svg{grid-column:1;grid-row:1/4;width:32px;height:32px;padding:6px;align-self:start}.va-page .va-design-grid .eyebrow{grid-column:2;grid-row:1}.va-page .va-design-grid h3{grid-column:2;grid-row:2;font-size:19px;margin:3px 0}.va-page .va-design-grid p{grid-column:2;grid-row:3;font-size:15px}.va-page .va-section{padding-block:58px}.va-page .va-heading{margin-bottom:26px}.va-page .va-quote{padding-block:56px}.va-page .va-quote-actions{align-items:flex-start;flex-direction:column;padding:22px}}
@media(prefers-reduced-motion:reduce){.va-page a,.va-page .va-hero-copy>*,.va-page .va-hero-gallery,.va-page .va-design-grid article,.va-page .va-system-card,.va-page .va-system-visual img,.va-page .va-actions span,.va-page .va-system-content .text-link span,.va-page .va-quote-actions a span{scroll-behavior:auto;animation:none;transition:none}}
