@charset "utf-8";
     /* ExpIRI Ti — main.css (SISTEMAS ONLY) v2026.01.09-dedupe-min */
.page-sistemas{scroll-padding-top:84px;max-width:100%;overflow-x:hidden;--sys-calc-min:560px;--sys-calc-max:760px;--sys-panel-min:380px;--sys-panel-max:560px;--sys-narrow:min(1120px,70vw);--calc-card-h:560px;--calc-card-h-md:540px;--calc-card-bg:rgba(17,23,35,.58);--calc-card-bg2:rgba(15,23,42,.40);--calc-card-br:rgba(148,163,184,.18);--calc-soft:rgba(148,163,184,.10);--calc-shadow:0 18px 50px rgba(0,0,0,.22);--calc-tx:rgba(232,238,246,.92);--calc-tx2:rgba(232,238,246,.78);--calc-ac:#38bdf8;--calc-ac2:#22c55e;--calc-warn:#e9aa19;--calc-pill:rgba(56,189,248,.14);--calc-pill-b:rgba(56,189,248,.28);--calc-grid-gap:14px;--ex-cta-yellow:#C8880D;--ex-cta-green:#149997;--ex-cta-pink:#fa5262;--ex-cta-tx:#fff;/* [QA 2026-07 v3] --ex-cta-yellow: dorado sobrio #C8880D (antes #e9aa19); botón de color = letras blancas legibles */--ex-ghost-bg:transparent;--ex-ghost-bd:rgba(148,163,184,.28);--ex-ghost-tx:rgba(232,238,246,.92);--int-gap:14px;--int-pad:54px;--int-tile:clamp(190px,18vw,240px);--int-logo:86px;--int-chip-bg:rgba(56,189,248,.16);--int-chip-bd:rgba(56,189,248,.38);--int-chip-tx:rgba(11,18,32,.86)}@media(max-width:768px){.page-sistemas{scroll-padding-top:68px}}html[data-theme=light] .page-sistemas{--calc-card-bg:#fff;--calc-card-bg2:#fff;--calc-card-br:rgba(2,6,23,.10);--calc-soft:rgba(2,6,23,.06);--calc-shadow:0 18px 45px rgba(2,6,23,.10);--calc-tx:rgba(11,18,32,.92);--calc-tx2:rgba(11,18,32,.66);--ex-ghost-bd:rgba(2,6,23,.16);--ex-ghost-tx:rgba(11,18,32,.92)}html:not([data-theme=light]) .page-sistemas{--int-chip-tx:#e6f6ff}.page-sistemas .container,main.page-sistemas .container{max-width:100%;overflow-x:hidden}

/* HERO + PDF */
.page-sistemas .hero{position:relative;padding:26px 0 14px;isolation:isolate}.page-sistemas .hero-btn{min-width:0} 
.page-sistemas .hero-3col{display:grid;grid-template-columns:minmax(248px,292px) minmax(0,1.34fr) minmax(320px,.96fr);column-gap:18px;row-gap:18px;align-items:stretch}
@media(max-width:1200px){.page-sistemas .hero-3col{grid-template-columns:minmax(228px,268px) minmax(0,1.18fr) minmax(300px,.92fr);column-gap:16px;row-gap:16px}}
@media(max-width:980px){.page-sistemas .hero-3col{grid-template-columns:1fr;column-gap:0;row-gap:16px;align-items:start}}
.page-sistemas .stack-left{display:grid;gap:14px;align-content:start;align-items:start;justify-items:start}
.page-sistemas .pdf-card{margin-left:0;align-self:stretch}.page-sistemas .pdf-frame{width:100%;height:68vh;border:0;border-radius:22px;overflow:hidden;box-shadow:0 14px 36px rgba(2,6,23,.12)}
@media(max-width:980px){.page-sistemas .pdf-frame{height:clamp(320px,56vh,620px);border-radius:18px}}

/* VIDEOS (carouselVideos) — CANON v2026.02 (same-size single + mobile no-peek) */
.page-sistemas #carouselVideos{min-height:unset!important;height:auto!important;margin-top:0!important;--yt-grid-max:980px;--yt-gap:14px;--yt-colw:calc((var(--yt-grid-max) - var(--yt-gap))/2)}
.page-sistemas #carouselVideos .carousel-track{height:auto!important;align-items:flex-start!important;position:relative}
.page-sistemas #carouselVideos .carousel-slide{height:auto!important;min-height:unset!important;align-items:flex-start;justify-content:center;box-sizing:border-box;padding:0 54px}
@media(max-width:768px){.page-sistemas #carouselVideos .carousel-slide{padding:0 12px}}
.page-sistemas #carouselVideos .yt{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,247,255,.92));border:1px solid rgba(2,6,23,.14);box-shadow:0 12px 26px rgba(2,6,23,.10);padding:12px;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
/* EXPIRITI_R16_VIDEO_CARD_HOVER: la tarjeta va a ras del borde superior de
   .carousel-track (overflow-y:hidden, headroom = 0px), asi que cualquier
   translateY negativo recortaba su borde superior. Hover premium sin mover
   la tarjeta: profundidad por sombra + acento de borde. */
@media(hover:hover){.page-sistemas #carouselVideos .yt:hover{transform:none;border-color:rgba(96,165,250,.55);box-shadow:0 18px 42px rgba(2,6,23,.20),0 0 0 1px rgba(96,165,250,.22) inset;filter:saturate(1.02)}}
@media(hover:hover){html:not([data-theme=light]) .page-sistemas #carouselVideos .yt:hover{box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 0 1px rgba(96,165,250,.22) inset}}
.page-sistemas #carouselVideos .yt-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);margin-top:0;min-height:180px}
.page-sistemas #carouselVideos .yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.page-sistemas #carouselVideos .yt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--yt-gap);width:min(var(--yt-grid-max),100%);margin:0 auto;justify-items:stretch}
@media(max-width:980px){.page-sistemas #carouselVideos .yt-grid{grid-template-columns:1fr;justify-items:center}}
.page-sistemas #videos .yt-title,.page-sistemas #carouselVideos .yt-title{display:block!important;margin:0 0 10px!important;text-align:center!important;font-weight:950;font-size:14px;letter-spacing:.01em;line-height:1.2;color:rgba(11,18,32,.92)}
.page-sistemas #carouselVideos .yt-titlesbar{display:none!important}
.page-sistemas #carouselVideos .yt-grid>.yt:only-child{grid-column:1/-1;justify-self:center;width:min(100%,var(--yt-colw));max-width:none}
.page-sistemas #carouselVideos .carousel-slide.is-single{justify-content:center}
.page-sistemas #carouselVideos .carousel-slide.is-single .yt{margin-left:auto;margin-right:auto;width:min(100%,var(--yt-colw));max-width:none}
@media(max-width:980px){.page-sistemas #carouselVideos .yt-grid>.yt:only-child,.page-sistemas #carouselVideos .carousel-slide.is-single .yt{width:100%}}

.page-sistemas #carouselVideos .yt{position:relative;background:linear-gradient(180deg,var(--gx-panel),var(--gx-panel-2))!important;border:1px solid var(--gx-stroke)!important;box-shadow:var(--gx-shadow)!important;backdrop-filter:blur(var(--gx-blur)) saturate(1.05)!important;-webkit-backdrop-filter:blur(var(--gx-blur)) saturate(1.05)!important;border-radius:28px!important;overflow:hidden!important;padding:14px!important}
.page-sistemas #carouselVideos .yt-wrap{border-radius:20px!important;border:1px solid var(--gx-stroke)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 10px 24px rgba(2,6,23,.10)!important}
.page-sistemas #videos .yt-title,.page-sistemas #carouselVideos .yt-title{color:var(--gx-text)!important;font-weight:900!important;text-wrap:balance!important}

/* MOBILE: 1 slide por vista (sin peek) + sin panel vacío + carrusel intacto */
@media(max-width:980px){
.page-sistemas #carouselVideos .carousel{min-height:unset!important;height:auto!important;overflow:hidden!important}
.page-sistemas #carouselVideos .carousel-track{height:auto!important;align-items:center!important;padding:0!important;margin:0!important;gap:0!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}
.page-sistemas #carouselVideos .carousel-slide{min-width:100%!important;width:100%!important;flex:0 0 100%!important;height:auto!important;min-height:clamp(420px,68vh,760px)!important;box-sizing:border-box;padding:0 14px!important;scroll-snap-align:center!important;align-items:center!important;justify-content:center!important}
.page-sistemas #carouselVideos .yt{width:100%!important;max-width:100%!important}
.page-sistemas #carouselVideos .yt-grid{width:100%!important}
    
}

/* EXPIRITI — CALC CANON v2026.02.02-u5 (MIN | UI/UX refined | LIGHT anti-gris real) */

.page-sistemas .calc-strip{width:100%;max-width:1120px;margin:0 auto;padding:0 12px;box-sizing:border-box;overflow:visible!important;display:flex;flex-direction:column}
.page-sistemas #calc-row{display:grid!important;gap:var(--calc-grid-gap);align-items:stretch;max-width:100%;overflow:visible!important;order:1}
.page-sistemas .calc-strip>:is(.calc-head,.calc-header,.calc-title-wrap,.calc-title,h2){order:2;margin:10px 0 0!important}
.page-sistemas #calc-row>*{min-width:0!important;max-width:100%}
.page-sistemas #calc-row[data-cols="1"],.page-sistemas #calc-row[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-sistemas #calc-row[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:980px){.page-sistemas #calc-row{display:flex!important;gap:12px!important;overflow-x:auto!important;overflow-y:visible!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;scroll-padding-left:12px!important;scroll-padding-right:12px!important;padding:0 0 6px!important;touch-action:auto!important}.page-sistemas #calc-row>*{flex:0 0 100%!important;min-width:100%!important;scroll-snap-align:start!important}.page-sistemas .calc-mobile-extras{display:block!important;width:100%!important;overflow:visible!important;padding:0!important}.page-sistemas .calc-mobile-extras>*{min-width:0!important;width:100%!important}}
@media(min-width:981px){.page-sistemas .calc-strip{width:100%!important;max-width:1120px!important;box-sizing:border-box!important;overflow-x:visible!important}.page-sistemas #calc-row{display:grid!important;width:100%!important;max-width:100%!important;overflow:hidden!important;overflow-x:hidden!important;scroll-snap-type:none!important;scroll-padding-left:0!important;scroll-padding-right:0!important;scroll-behavior:auto!important;padding:0!important;transform:none!important}.page-sistemas #calc-row>*{width:auto!important;max-width:100%!important;flex:initial!important;min-width:0!important;scroll-snap-align:none!important;transform:none!important}.page-sistemas .calc-mobile-extras{display:none!important}.page-sistemas #calc-mobile-dots,.page-sistemas .calc-mobile-dots{display:none!important}}

.page-sistemas #calc-row[data-cols="1"] #calc-slot-2{display:block!important}
.page-sistemas #calc-row[data-cols="1"] #calc-secondary,.page-sistemas #calc-row[data-cols="1"] #calc-tertiary,.page-sistemas #calc-row[data-cols="1"] #add-more-panel{display:none!important}
.page-sistemas #calc-row[data-cols="2"] #calc-slot-2{display:none!important}
.page-sistemas #calc-row[data-cols="2"] #calc-secondary{display:block!important}
.page-sistemas #calc-row[data-cols="2"] #calc-tertiary{display:none!important}
.page-sistemas #calc-row[data-cols="2"] #add-more-panel{display:block!important;grid-column:1/-1}
.page-sistemas #calc-row[data-cols="3"] #calc-slot-2{display:none!important}
.page-sistemas #calc-row[data-cols="3"] #calc-secondary,.page-sistemas #calc-row[data-cols="3"] #calc-tertiary{display:block!important}
.page-sistemas #calc-row[data-cols="3"] #add-more-panel{display:none!important}
.page-sistemas #calc-primary{display:block!important}
.page-sistemas #calc-row{order:1}.page-sistemas .calc-mobile-extras{order:2}.page-sistemas #combined-wrap{order:3}

/* CARD base */
.page-sistemas #calc-row .calc-container,.page-sistemas .placeholder{border:1px solid var(--calc-card-br);background:linear-gradient(180deg,var(--calc-card-bg),var(--calc-card-bg2));box-shadow:var(--calc-shadow);border-radius:16px}
.page-sistemas #calc-row .calc-container{overflow:hidden}
.page-sistemas #calc-row .calc-container:hover{border-color:rgba(56,189,248,.30)}

.page-sistemas .calc-head{position:relative;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(15,23,42,.78));overflow:hidden}
html[data-theme=light] .page-sistemas .calc-head{background:#fff}
.page-sistemas .calc-head-row{display:flex;align-items:center;gap:12px;min-height:58px;border-radius:16px}
html[data-theme=light] .page-sistemas .calc-head-row{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));border:1px solid rgba(2,6,23,.10);border-radius:16px;padding:11px 12px;box-shadow:0 14px 28px rgba(2,6,23,.10),inset 0 1px 0 rgba(255,255,255,.72)}
.page-sistemas .calc-head-row{min-width:0}
.page-sistemas .calc-head-text{min-width:0}
.page-sistemas .calc-syslogo{width:56px;height:56px;border-radius:16px;object-fit:contain;flex:0 0 auto;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;padding:0!important}
.page-sistemas .calc-syslogo{margin:0!important;display:block!important}

.page-sistemas .calc-head-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.page-sistemas .calc-price{font-weight:950;letter-spacing:.2px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.page-sistemas .calc-sub{font-weight:800;color:var(--calc-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Form */
.page-sistemas .calc-container{color:var(--calc-tx)}.page-sistemas .calc-container form{padding:8px 14px 10px;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;align-items:start!important}.page-sistemas .calc-container form>*{min-width:0}.page-sistemas .calc-container label{display:block;margin-top:4px;font-weight:800;font-size:13px;color:var(--calc-tx)}.page-sistemas .calc-container select,.page-sistemas .calc-container input[type=number],.page-sistemas .calc-container input[type=text]{width:100%;padding:9px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.26);background:rgba(255,255,255,.06);color:inherit;margin:6px 0 0;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page-sistemas .calc-container select:focus,.page-sistemas .calc-container input[type=number]:focus,.page-sistemas .calc-container input[type=text]:focus{outline:0;border-color:rgba(56,189,248,.60);box-shadow:0 0 0 4px rgba(56,189,248,.16);background:rgba(255,255,255,.08)}
.page-sistemas .calc-container input[type=number]{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important}.page-sistemas .calc-container input[type=number]::-webkit-outer-spin-button,.page-sistemas .calc-container input[type=number]::-webkit-inner-spin-button{opacity:1!important;display:block!important}
/* Usuarios/instalación */
.page-sistemas .calc-container .inst-wrap{display:flex!important;align-self:stretch!important;justify-content:stretch!important;min-width:0!important}

/* Campo de instalación alineado con Licencia, Tipo y Usuarios. */
.page-sistemas .calc-container .op-label{grid-column:auto!important;justify-self:stretch!important;width:100%!important;min-width:0!important;display:block!important}.page-sistemas .calc-container .op-label select{width:100%!important;max-width:100%!important}.page-sistemas .calc-container .inst-wrap{grid-column:2!important;justify-self:stretch!important;align-self:end!important;width:100%!important;min-width:0!important;margin-top:0!important}

html[data-theme=light] .page-sistemas .ux-tip,html[data-theme=light] .page-sistemas .ux-info{box-shadow:0 5px 14px rgba(2,6,23,.07)!important}.page-sistemas .ux-info,.page-sistemas .ux-tip{appearance:none!important;-webkit-appearance:none!important;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:inline-flex!important;align-items:center!important;justify-content:center!important;inline-size:26px!important;block-size:26px!important;min-width:26px!important;min-height:26px!important;padding:0!important;border-radius:999px!important;border:1px solid rgba(148,163,184,.22)!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,245,249,.94))!important;font-weight:950!important;line-height:1!important;box-shadow:0 5px 14px rgba(2,6,23,.08)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease!important}.page-sistemas .ux-info:hover,.page-sistemas .ux-tip:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(37,99,235,.12)!important}.page-sistemas .ux-info:active,.page-sistemas .ux-tip:active{transform:scale(.97)}.page-sistemas .ux-info:focus-visible,.page-sistemas .ux-tip:focus-visible{outline:none!important}.page-sistemas .ux-info,.page-sistemas .ux-tip{font-size:0!important;color:transparent!important}.page-sistemas .ux-info::before,.page-sistemas .ux-tip::before{content:"?";font-size:15px;font-weight:950;line-height:1}.page-sistemas .ux-info{border-color:rgba(59,130,246,.34)!important;background:linear-gradient(180deg,rgba(239,246,255,.98),rgba(219,234,254,.96))!important}.page-sistemas .ux-info::before{color:#2563eb!important}.page-sistemas .ux-tip{border-color:rgba(34,197,94,.34)!important;background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.96))!important}.page-sistemas .ux-tip::before{color:#16a34a!important}.page-sistemas .ux-tip--inline{inline-size:26px!important;block-size:26px!important;min-width:26px!important;min-height:26px!important;margin-left:6px!important;vertical-align:middle!important;position:relative;top:0}.page-sistemas .instalacion-box .ux-info{flex:0 0 auto!important;margin-left:4px!important}.page-sistemas .exp-tip{max-width:min(320px,calc(100vw - 24px))!important;padding:10px 12px!important;border-radius:14px!important;border:1px solid rgba(148,163,184,.18)!important;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(15,23,42,.94))!important;color:#fff!important;font-size:13px!important;line-height:1.38!important;font-weight:700!important;letter-spacing:.01em!important;box-shadow:0 18px 44px rgba(2,6,23,.26)!important;backdrop-filter:blur(10px)!important}.page-sistemas .exp-tip::after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:rgba(15,23,42,.96);border-right:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16)}@media(max-width:980px){.page-sistemas .ux-info,.page-sistemas .ux-tip{inline-size:24px!important;block-size:24px!important;min-width:24px!important;min-height:24px!important}.page-sistemas .ux-info::before,.page-sistemas .ux-tip::before{font-size:14px!important}.page-sistemas .ux-tip--inline{inline-size:24px!important;block-size:24px!important;min-width:24px!important;min-height:24px!important}.page-sistemas .exp-tip{max-width:min(280px,calc(100vw - 20px))!important;font-size:12px!important}}
/* Table */
.page-sistemas .calc-container .calc-results{padding:0 14px 14px}
.page-sistemas .calc-container table{width:100%;margin:6px 0 0;table-layout:fixed!important;border-collapse:separate;border-spacing:0;border:1px solid rgba(148,163,184,.18);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.03)}.page-sistemas .calc-container thead th:first-child,.page-sistemas .calc-container tbody td:first-child{width:66%!important}.page-sistemas .calc-container thead th:last-child,.page-sistemas .calc-container tbody td:last-child{width:34%!important;min-width:132px!important;text-align:right!important;white-space:nowrap!important}.page-sistemas .calc-container tbody td:first-child{overflow-wrap:break-word!important;word-break:normal!important}.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child .disc15-pill,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child .inst50-pill{display:inline-flex!important;white-space:nowrap!important;vertical-align:middle!important;transform:none!important}
.page-sistemas .calc-container thead th{text-align:left;border-bottom:1px solid rgba(148,163,184,.14);padding:12px 14px;font-weight:950;background:rgba(255,255,255,.04)}
.page-sistemas .calc-container td,.page-sistemas .calc-container th{padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.12)}
.page-sistemas .calc-container tr:last-child td{border-bottom:none}
.page-sistemas .calc-container #lbl-tot1 strong,.page-sistemas .calc-container #lbl-tot2 strong,.page-sistemas .calc-container #lbl-tot3 strong{color:var(--calc-tx)}
.page-sistemas .calc-container td:last-child{padding-right:14px}
html[data-theme=light] .page-sistemas .calc-container :is(#tot1,#tot2,#tot3) strong{color:#fff!important}
.page-sistemas .calc-container tbody tr:last-child td:last-child{display:table-cell!important;text-align:right!important;white-space:nowrap!important}.page-sistemas .calc-container tbody tr:last-child td:last-child>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;float:right!important;padding:6px 10px!important;border-radius:999px!important;color:#fff!important;background:var(--ex-pill-grad,linear-gradient(90deg,rgba(20,184,166,.95),rgba(250,82,98,.95)))!important;border:2px solid rgba(255,255,255,.22)!important;box-shadow:0 10px 22px rgba(2,6,23,.14)!important}
.page-sistemas .calc-container tbody tr:not(:last-child) td:last-child :is(strong,b){font-weight:inherit!important}.page-sistemas .calc-container tbody tr:last-child td:last-child :is(strong,b){font-weight:950!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child{display:table-cell!important;text-align:right!important;white-space:nowrap!important;font-weight:500!important;vertical-align:middle!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap!important;flex-wrap:nowrap!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle input{margin:0!important;inline-size:18px;block-size:18px;flex:0 0 auto;transform:translateY(0)!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle span{display:inline-block!important;min-width:max-content!important}
.page-sistemas .calc-container tbody tr:not(:last-child) td:last-child{display:table-cell!important;text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
.calc-table td.money-cell{white-space:nowrap!important;text-align:right!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child input[type=checkbox]{transform:translateY(-1px);margin:0!important}

/* NUBE/ESCRITORIO CANON */
.page-sistemas .nube-only,.page-sistemas .desk-only{display:none}body[data-calc=nube] .page-sistemas .nube-only{display:inline}body[data-calc=nube] .page-sistemas .desk-only{display:none!important}body[data-calc=nube] .page-sistemas #calc-row,body[data-calc=nube] .page-sistemas .calc-mobile-extras,body[data-calc=nube] .page-sistemas #combined-wrap,body[data-calc=nube] .page-sistemas .icons-wrap,body[data-calc=nube] .page-sistemas #calc-slot-2,body[data-calc=nube] .page-sistemas #calc-secondary,body[data-calc=nube] .page-sistemas #calc-tertiary,body[data-calc=nube] .page-sistemas #add-more-panel{display:none!important}body[data-calc=nube] .page-sistemas .pricing-table-nube-wrap{display:block!important;width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;border-radius:24px}body[data-calc=nube] .page-sistemas .pricing-table-nube{display:table!important;width:100%!important;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:auto!important}body[data-calc=escritorio] .page-sistemas .nube-only{display:none!important}body[data-calc=escritorio] .page-sistemas .desk-only{display:inline}body[data-calc=escritorio] .page-sistemas .pricing-table-nube,body[data-calc=escritorio] .page-sistemas .pricing-table-nube-wrap{display:none!important}body[data-calc=escritorio] .page-sistemas #calc-slot-2,body[data-calc=escritorio] .page-sistemas #calc-secondary,body[data-calc=escritorio] .page-sistemas #calc-tertiary,body[data-calc=escritorio] .page-sistemas #add-more-panel{display:block}body[data-calc=escritorio] .page-sistemas .icons-wrap{display:flex}
/* TABLAS NUBE */
.pricing-nube-extras{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin:14px 0 0}.pricing-nube-extra{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:220px;max-width:320px;flex:1 1 220px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98));border:1px solid rgba(2,6,23,.08);box-shadow:0 10px 24px rgba(2,6,23,.06)}.pricing-nube-extra .k{display:block;font-size:13px;line-height:1.2;font-weight:900;color:#1f2937}.pricing-nube-extra .v{display:block;font-size:11.5px;line-height:1.25;font-weight:700;color:#64748b;margin-top:3px}.pricing-nube-extra .price{display:inline-block;margin-left:auto;font-size:16px;font-weight:950;line-height:1;color:#2dd4bf;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.pricing-table-nube-wrap+.pricing-nube-extras{margin-top:14px}.pricing-table-nube .row-soft{display:none}@media(max-width:980px){.pricing-nube-extras{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0 2px 2px}.pricing-nube-extra{min-width:240px;flex:0 0 240px}}html[data-theme=dark] .pricing-nube-extra{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.92));border-color:rgba(148,163,184,.14);box-shadow:0 14px 28px rgba(0,0,0,.18)}html[data-theme=dark] .pricing-nube-extra .k{color:#f8fafc}html[data-theme=dark] .pricing-nube-extra .v{color:#a5b4c8}

.pricing-table-nube-wrap{display:block;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:auto;border-radius:24px}.pricing-table-nube-wrap::-webkit-scrollbar{height:0;width:0}.pricing-table-nube{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.96));border:1px solid rgba(2,6,23,.08);box-shadow:0 20px 48px rgba(2,6,23,.10)}.page-sistemas #calculadora-section>.title-gradient{margin-bottom:8px}.page-sistemas #calculadora-section>.hint{text-align:center;margin:0 0 16px;color:var(--muted)}.pricing-table-nube th,.pricing-table-nube td{box-sizing:border-box}.pricing-table-nube thead th{padding:18px 16px;text-align:left;font-weight:950;font-size:clamp(12px,1.08vw,14px);letter-spacing:.01em;color:#172033;background:linear-gradient(180deg,rgba(252,246,228,.98),rgba(247,238,210,.96));border-bottom:1px solid rgba(229,184,96,.34);white-space:normal;vertical-align:middle;line-height:1.2;overflow-wrap:anywhere;word-break:break-word}.pricing-table-nube thead th:first-child{width:31%;text-align:left}.pricing-table-nube thead th:nth-child(2):not(:last-child){width:22.5%;text-align:center}.pricing-table-nube thead th:nth-child(3):not(:last-child){width:22.5%;text-align:center}.pricing-table-nube thead th:nth-child(4):not(:last-child){width:24%;text-align:center}.pricing-table-nube thead th:last-child{text-align:right}.pricing-table-nube tbody td{padding:18px 16px;border-bottom:1px solid rgba(2,6,23,.06);vertical-align:middle;color:#172033;background:#fff;line-height:1.3;overflow-wrap:anywhere;word-break:break-word;transition:background .18s ease,box-shadow .18s ease}.pricing-table-nube tbody tr:nth-child(odd):not(.row-soft) td{background:#fff}.pricing-table-nube tbody tr:nth-child(even):not(.row-soft) td{background:rgba(246,248,251,.98)}.pricing-table-nube tbody tr:hover:not(.row-soft) td{background:rgba(2,6,23,.045)}.pricing-table-nube tbody tr.is-rec td{background:inherit!important;box-shadow:none!important}.pricing-table-nube tbody tr.is-rec:hover td{background:rgba(2,6,23,.045)!important}.pricing-table-nube tbody tr:last-child td{border-bottom:none}.pricing-table-nube th:first-child,.pricing-table-nube td:first-child{text-align:left!important}.pricing-table-nube th:not(:first-child):not(:last-child),.pricing-table-nube td:not(:first-child):not(:last-child){text-align:center;white-space:normal}.pricing-table-nube th:last-child,.pricing-table-nube td:last-child{text-align:right!important;white-space:nowrap}.pricing-table-nube td.plan-name{font-weight:950;font-size:clamp(14px,1.24vw,15px);line-height:1.1;color:#172033}.pricing-table-nube td .plan-name{display:flex;align-items:flex-start;justify-content:flex-start;gap:6px 8px;flex-wrap:wrap;width:100%;max-width:100%;font-weight:950;font-size:clamp(14px,1.24vw,15px);line-height:1.1;color:#172033}.pricing-table-nube .plan-desc{display:block;flex:0 0 100%;margin-top:1px;font-size:clamp(11.5px,1vw,12.5px);line-height:1.28;color:#516077;font-weight:700}.pricing-table-nube .price{display:inline-block;text-align:right;font-weight:950;font-size:clamp(16px,1.4vw,18px);line-height:1;color:#2dd4bf;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page-sistemas .pricing-table-nube .plan-rec{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:950;line-height:1;letter-spacing:.02em;white-space:nowrap;transform:translateY(-1px);flex-shrink:0;background:linear-gradient(180deg,rgba(251,241,204,.98),rgba(245,226,170,.95));border:1px solid rgba(229,184,96,.34);color:#9a6116;box-shadow:0 6px 16px rgba(229,184,96,.12)}.pricing-table-nube .row-soft td{padding:12px 16px;font-size:13px;color:#465468;background:rgba(248,250,252,.98);border-bottom:1px solid rgba(2,6,23,.05)}.pricing-table-nube .row-soft td:first-child{width:36%;padding-left:20px}.pricing-table-nube .row-soft td[colspan]{text-align:left!important;color:#5b677d;font-weight:700}.pricing-table-nube .row-soft td:last-child{width:18%;text-align:right!important;padding-right:18px}.pricing-table-nube .row-soft .plan-name{font-size:13.5px;font-weight:900;color:#202938}.pricing-table-nube .row-soft .price{font-size:15px;font-weight:900}.pricing-table-nube tbody tr.first-extra td{border-top:10px solid transparent}.pricing-table-nube tbody tr.row-soft td{position:relative}.pricing-table-nube tbody tr.row-soft td:first-child{border-left:none}.pricing-table-nube tbody tr.row-soft td:last-child{border-right:none}.pricing-table-nube tbody tr.row-soft:first-of-type td{background:rgba(248,250,252,.98)}.pricing-table-nube tfoot td{padding:18px 22px;background:linear-gradient(180deg,rgba(255,248,230,.92),rgba(255,255,255,.98));border-top:1px solid rgba(229,184,96,.26);text-align:center;font-size:13px;line-height:1.55;color:#526178;font-weight:700}.pricing-table-nube .note strong{color:#233048}html[data-theme=dark] .pricing-table-nube{background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.94));border-color:rgba(148,163,184,.16);box-shadow:0 24px 54px rgba(0,0,0,.28)}html[data-theme=dark] .pricing-table-nube thead th{color:#f8fafc;background:linear-gradient(180deg,rgba(110,78,20,.34),rgba(74,54,18,.24));border-bottom-color:rgba(229,184,96,.30)}html[data-theme=dark] .pricing-table-nube tbody td{color:#e7eef7;border-bottom-color:rgba(148,163,184,.10);background:rgba(15,23,42,.94)}html[data-theme=dark] .pricing-table-nube tbody tr:nth-child(odd):not(.row-soft) td{background:rgba(15,23,42,.94)}html[data-theme=dark] .pricing-table-nube tbody tr:nth-child(even):not(.row-soft) td{background:rgba(255,255,255,.028)}html[data-theme=dark] .pricing-table-nube tbody tr:hover:not(.row-soft) td{background:rgba(255,255,255,.05)}html[data-theme=dark] .pricing-table-nube tbody tr.is-rec td{background:inherit!important;box-shadow:none!important}html[data-theme=dark] .pricing-table-nube tbody tr.is-rec:hover td{background:rgba(255,255,255,.05)!important}html[data-theme=dark] .pricing-table-nube td.plan-name,html[data-theme=dark] .pricing-table-nube td .plan-name{color:#f8fafc}html[data-theme=dark] .pricing-table-nube .plan-desc{color:#a5b4c8}html[data-theme=dark] .page-sistemas .pricing-table-nube .plan-rec{background:linear-gradient(180deg,rgba(140,98,26,.62),rgba(108,76,18,.56));border-color:rgba(229,184,96,.30);color:#f6dfad;box-shadow:0 8px 18px rgba(0,0,0,.22)}html[data-theme=dark] .pricing-table-nube .row-soft td{background:rgba(255,255,255,.03);color:#cbd5e1;border-bottom-color:rgba(148,163,184,.08)}html[data-theme=dark] .pricing-table-nube .row-soft .plan-name{color:#f2f5f9}html[data-theme=dark] .pricing-table-nube tbody tr.row-soft:first-of-type td{background:rgba(255,255,255,.03)}html[data-theme=dark] .pricing-table-nube tfoot td{background:linear-gradient(180deg,rgba(110,78,20,.18),rgba(15,23,42,.90));border-top-color:rgba(229,184,96,.24);color:#cbd5e1}html[data-theme=dark] .pricing-table-nube .note strong{color:#f8fafc}@media(max-width:1180px){.pricing-table-nube{min-width:740px}.pricing-table-nube thead th{padding:16px 14px;font-size:12.5px}.pricing-table-nube tbody td{padding:16px 14px}.pricing-table-nube .price{font-size:17px}.pricing-table-nube thead th:first-child{width:29%}.pricing-table-nube thead th:nth-child(2):not(:last-child){width:23%}.pricing-table-nube thead th:nth-child(3):not(:last-child){width:23%}.pricing-table-nube thead th:nth-child(4):not(:last-child){width:25%}}@media(max-width:860px){.pricing-table-nube{min-width:820px}.pricing-table-nube thead th:first-child{width:27%}.pricing-table-nube thead th:nth-child(2):not(:last-child){width:24%}.pricing-table-nube thead th:nth-child(3):not(:last-child){width:24%}.pricing-table-nube thead th:nth-child(4):not(:last-child){width:25%}.pricing-table-nube td .plan-name{gap:6px 8px}.pricing-table-nube .plan-desc{font-size:12px;line-height:1.28}.pricing-table-nube th:last-child,.pricing-table-nube td:last-child{min-width:118px}}@media(max-width:640px){.pricing-table-nube-wrap{border-radius:20px}.pricing-table-nube{min-width:860px;border-radius:20px}.pricing-table-nube thead th{padding:14px 12px;font-size:11.5px;line-height:1.18}.pricing-table-nube tbody td{padding:14px 12px;font-size:13px;line-height:1.26}.pricing-table-nube td .plan-name{font-size:14px;gap:6px 8px}.pricing-table-nube .plan-desc{font-size:11.5px;line-height:1.26}.pricing-table-nube .price{font-size:16px}.page-sistemas .pricing-table-nube .plan-rec{font-size:10px;padding:4px 9px}}
.pricing-table-note{margin:14px 0 0;text-align:center;font-size:13px;line-height:1.55;color:#526178;font-weight:800}.pricing-table-note strong{color:#233048}html[data-theme=dark] .pricing-table-note{color:#cbd5e1}html[data-theme=dark] .pricing-table-note strong{color:#f8fafc}.pricing-table-nube tfoot{display:none}

/* LIGHT anti-gris real */


html[data-theme=light] .page-sistemas .calc-container select,html[data-theme=light] .page-sistemas .calc-container input[type=number],html[data-theme=light] .page-sistemas .calc-container input[type=text]{background:#fff;border-color:rgba(2,6,23,.14)}
html[data-theme=light] .page-sistemas .calc-container table{background:#fff;border-color:rgba(2,6,23,.10)}
html[data-theme=light] .page-sistemas .calc-container thead th{background:rgba(2,6,23,.02)}
html[data-theme=light] .page-sistemas .calc-container .instalacion-box{background:#fff;border-color:rgba(2,6,23,.12)}
html[data-theme=light] .page-sistemas .placeholder{background:#fff;border-color:rgba(2,6,23,.10)}
html[data-theme=light] .page-sistemas .placeholder .note{background:#fff;border-color:rgba(2,6,23,.10)}
html[data-theme=light] .page-sistemas .placeholder .note .pill,
html[data-theme=light] .page-sistemas .placeholder .note .chip,
html[data-theme=light] .page-sistemas .placeholder .note .sys-icon{background:var(--ex-pill-grad)!important;color:#fff!important;border:none!important}

/* CALC: ancho página SOLO mobile */
@media(max-width:680px){.page-sistemas .calc-strip{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important}.page-sistemas #calc-row,.page-sistemas .calc-mobile-extras,.page-sistemas #combined-wrap{width:100%!important;max-width:100%!important}}

/* HEADER V7 (.gh) compat */
.page-sistemas #gh-header.gh{position:fixed;top:0;left:0;right:0;width:100%;z-index:2147483000}
html.gh-open,body.gh-open{overflow:hidden!important;height:100%!important}
.page-sistemas #gh-drawer.gh-drawer{height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-overflow-scrolling:touch;transform:translate3d(105%,0,0);will-change:transform}
html.gh-open .page-sistemas #gh-drawer.gh-drawer{transform:translate3d(0,0,0)}
.page-sistemas #gh-drawer{overflow:auto}


/* PERFORMANCE / SAFE DEFAULTS */
@media(max-width:980px){.page-sistemas .sys-icon,.page-sistemas .pill,.page-sistemas .btn,.page-sistemas .arrowCircle{touch-action:manipulation}}
@media(max-width:768px){.page-sistemas .card{overflow:visible}.page-sistemas .carousel{min-height:unset}.page-sistemas .carousel-track{height:auto;align-items:stretch}.page-sistemas .carousel-slide{align-items:stretch}}

/* Previene flechas sueltas fuera de carruseles */
.page-sistemas .carousel,.page-sistemas .carouselX,.page-sistemas .icons-carousel,.page-sistemas .listSlider{position:relative}

/* NARROW DESKTOP */
@media(min-width:1100px){
.page-sistemas .container{max-width:var(--sys-narrow);margin-left:auto;margin-right:auto}
.page-sistemas section>.card.body,.page-sistemas section .card.body,.page-sistemas .carousel,.page-sistemas .carouselX,.page-sistemas .calc-strip{max-width:var(--sys-narrow);margin-left:auto;margin-right:auto}
}

/* HERO NO BORARR REFINAR listSlider: centrado + iconos grandes + flechas mobile */
.page-sistemas .listSlider .listItem{position:relative;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:10px 6px}
.page-sistemas .listSlider .listItem>div:last-child{max-width:54ch;display:grid;gap:4px}
.page-sistemas .listSlider .listIcon{margin:0 auto}
.page-sistemas .listSlider .listIcon img{width:80px!important;height:80px!important;object-fit:contain!important;display:block!important;margin:0 auto!important;padding:8px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94));border:1px solid rgba(148,163,184,.14);box-shadow:0 10px 24px rgba(2,6,23,.08)}
@media(min-width:981px){.page-sistemas .listSlider .listIcon img{width:88px!important;height:88px!important}}
@media(max-width:680px){
.page-sistemas .listSlider{position:relative!important;padding-bottom:78px!important}
.page-sistemas .listSlider .arrowCircle{top:auto!important;bottom:12px!important;transform:none!important}
.page-sistemas .listSlider .arrowCircle.prev{left:50%!important;right:auto!important;transform:translateX(-58px)!important}
.page-sistemas .listSlider .arrowCircle.next{left:50%!important;right:auto!important;transform:translateX(58px)!important}
}

/* ICONS pickers (sec/third) visibles */

.page-sistemas .icons-wrap img{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px!important}
/* Tabla nube (extras) */
/* TABLA NUBE REFINED */

.pricing-table-nube th:last-child,.pricing-table-nube td:last-child{text-align:right!important;white-space:nowrap}.pricing-table-nube th:first-child,.pricing-table-nube td:first-child{text-align:left!important}.pricing-table-nube td:not(:first-child):not(:last-child),.pricing-table-nube th:not(:first-child):not(:last-child){text-align:center}

     
/* TOC  ctas botones*/


/* FIX: ocultar “labels blancos” debajo del player si aparecen */
.yt-title--hidden{display:none!important}

/* Expiriti — PRODUCT PAGE PATCH v2026.01.28 (1A/2C/3B/4B/5C/6C/7A+/8C/9C/10A+/11C) */
/* ========== 3B) “¿Por qué usar…?” 2 col alineadas/pro ========== */
.page-sistemas :where(.why-2col,.why-grid,.benefits-reels,.hero-3col,.section-cq){align-items:stretch}
.page-sistemas :where(.why-2col,.why-grid,.benefits-reels) > :where(div,section,article){min-width:0}
.page-sistemas :where(.why-2col,.why-grid,.benefits-reels) :where(.left,.col-left,.benefits){display:flex;flex-direction:column}
.page-sistemas :where(.why-2col,.why-grid,.benefits-reels) :where(.right,.col-right,.reels){display:flex;flex-direction:column}

/* ========== 6C) “Funciones destacadas”: cards misma altura real ========== */
.page-sistemas :where(.features-grid,.funciones-grid,.cards-grid,.grid-cards){display:grid;gap:14px}
.page-sistemas :where(.features-grid,.funciones-grid,.cards-grid,.grid-cards) > *{height:100%}
.page-sistemas :where(.features-grid,.funciones-grid,.cards-grid,.grid-cards) :where(.card,.feature-card,.product-card){display:flex;flex-direction:column}
.page-sistemas :where(.features-grid,.funciones-grid,.cards-grid,.grid-cards) :where(.card,.feature-card,.product-card) :where(p,.desc,.card-desc){margin-top:auto}

/* ========== 7A+) Doble video: si “slide” trae 1 video, centrar vertical (mobile) ========== */
@media(max-width:860px){
.page-sistemas :where(.slide,.carousel-item,.reel,.media-card){display:flex;flex-direction:column}
.page-sistemas :where(.slide,.carousel-item,.reel,.media-card) :where(.video-wrap,.yt,.embed,.iframe-wrap){margin:auto}
}

/* ========== 8C) Carrusel “Sistemas que complementan…”: peek ~1.5 en mobile ========== */
@media(max-width:860px){
.page-sistemas :where(.complementos,.complement-slider,.listSlider,.cards-slider) :where(.track,.carousel-track,.listSlider-track){display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 2px}
.page-sistemas :where(.complementos,.complement-slider,.listSlider,.cards-slider) :where(.track,.carousel-track,.listSlider-track) > *{flex:0 0 66%;scroll-snap-align:center}
}

/* =========================================================
 EXPIRITI — PATCH ÚNICO (CALC CANON + CTA + REELS) v2026.01.29-u2
 - Sin carril horizontal (calc)
 - Sin scroll interno / sin sticky thead
 - Form 2x2 SOLO mobile
 - Tabla full-width + “Importe” alineado (SIN scroll-x)
 - CTA colores + 2x2 mobile + 5to centrado
 - Reels: solo activo + clamp 2 líneas
========================================================= */
/* (5) REELS: solo activo + clamp 2 líneas */
.page-sistemas .reel-title{display:none!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.18!important;max-height:2.4em!important;font-weight:900!important;letter-spacing:-.01em!important}
.page-sistemas .reel-title.active{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}

.page-sistemas .cta-strip{display:flex!important;justify-content:flex-end!important;position:relative!important;margin-top:8px!important}.page-sistemas .cta-map-wrap{position:relative;display:inline-flex;justify-content:flex-end;width:auto;max-width:100%}.page-sistemas .cta-map-toggle{appearance:none;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.94));color:#111827;box-shadow:0 16px 36px rgba(2,6,23,.12),inset 0 1px 0 rgba(255,255,255,.72);border-radius:999px;min-height:52px;padding:0 20px;display:inline-flex;align-items:center;gap:9px;font-weight:950;cursor:pointer;line-height:1;text-decoration:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.page-sistemas .cta-map-toggle:hover{transform:translateY(-1px)}.page-sistemas .cta-map-toggle:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(56,189,248,.18),0 10px 24px rgba(2,6,23,.12)}.page-sistemas .cta-map-icon{width:18px;height:18px;object-fit:contain;display:block;flex:0 0 auto}.page-sistemas .cta-map-menu{position:absolute;top:calc(100% + 12px);right:0;z-index:40;min-width:min(780px,calc(100vw - 32px));max-width:min(780px,calc(100vw - 32px));padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,255,255,.94));box-shadow:0 30px 80px rgba(2,6,23,.18);backdrop-filter:blur(16px) saturate(1.04);-webkit-backdrop-filter:blur(16px) saturate(1.04);display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.page-sistemas .cta-map-menu[hidden]{display:none!important}.page-sistemas .cta-map-menu :where(a,button){background-image:none!important;filter:none!important;box-shadow:none!important;text-decoration:none!important;border-color:transparent!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;line-height:1!important;white-space:nowrap}.page-sistemas .cta-map-menu :where(a,button)::before,.page-sistemas .cta-map-menu :where(a,button)::after{content:none!important;display:none!important}.page-sistemas .cta-map-menu :where(a,button):nth-child(1),.page-sistemas .cta-map-menu :where(a,button):nth-child(1):hover,.page-sistemas .cta-map-menu :where(a,button):nth-child(1):active,.page-sistemas .cta-map-menu :where(a,button):nth-child(1):focus-visible{background:var(--ex-cta-yellow)!important;color:#fff!important}.page-sistemas .cta-map-menu :where(a,button):nth-child(2),.page-sistemas .cta-map-menu :where(a,button):nth-child(2):hover,.page-sistemas .cta-map-menu :where(a,button):nth-child(2):active,.page-sistemas .cta-map-menu :where(a,button):nth-child(2):focus-visible{background:var(--ex-cta-green)!important;color:#fff!important}.page-sistemas .cta-map-menu :where(a,button):nth-child(3),.page-sistemas .cta-map-menu :where(a,button):nth-child(3):hover,.page-sistemas .cta-map-menu :where(a,button):nth-child(3):active,.page-sistemas .cta-map-menu :where(a,button):nth-child(3):focus-visible{background:var(--ex-cta-pink)!important;color:#fff!important}.page-sistemas .cta-map-menu .cta-ghost-black,.page-sistemas .cta-map-menu .cta-ghost-black:hover,.page-sistemas .cta-map-menu .cta-ghost-black:active,.page-sistemas .cta-map-menu .cta-ghost-black:focus-visible{background:#fff!important;border:1px solid rgba(2,6,23,.14)!important;color:#111827!important;-webkit-text-fill-color:#111827!important}.page-sistemas .cta-strip.is-open .cta-map-toggle{background:#fff}.page-sistemas .cta-strip.is-open .cta-map-toggle,.page-sistemas .cta-strip.is-open .cta-map-toggle span{color:#111827!important}html:not([data-theme=light]) .page-sistemas .cta-map-toggle{background:rgba(255,255,255,.96)!important;color:#111827!important}html:not([data-theme=light]) .page-sistemas .cta-map-menu{background:rgba(15,23,42,.96)!important;border-color:rgba(148,163,184,.18)!important;box-shadow:0 24px 60px rgba(0,0,0,.34)!important}html:not([data-theme=light]) .page-sistemas .cta-map-menu .cta-ghost-black,html:not([data-theme=light]) .page-sistemas .cta-map-menu .cta-ghost-black:hover,html:not([data-theme=light]) .page-sistemas .cta-map-menu .cta-ghost-black:active,html:not([data-theme=light]) .page-sistemas .cta-map-menu .cta-ghost-black:focus-visible{background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.18)!important}@media(max-width:860px){.page-sistemas .cta-strip{justify-content:flex-end!important}.page-sistemas .cta-map-menu{right:0;left:auto;min-width:min(380px,calc(100vw - 24px));max-width:min(380px,calc(100vw - 24px));padding:14px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.page-sistemas .cta-map-menu :where(a,button){min-width:0!important;min-height:50px!important;justify-content:center!important;text-align:center!important;white-space:normal!important;padding:12px 10px!important}.page-sistemas .cta-map-menu :where(a,button):nth-child(5){grid-column:1/-1}}


.page-sistemas .cta-toc{display:grid;gap:14px;align-items:start}.page-sistemas .cta-toc-media{display:block;width:100%}.page-sistemas .cta-toc-img{display:block;width:100%;max-width:min(520px,100%);height:auto;object-fit:contain;margin:0 auto}.page-sistemas .cta-strip-inner{display:flex!important;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.page-sistemas .cta-strip-inner :where(a,button){background-image:none!important;filter:none!important;box-shadow:none!important;text-decoration:none!important;border-color:transparent!important;border-radius:999px!important;padding:12px 16px!important;font-weight:900!important;line-height:1!important;white-space:nowrap;min-height:46px!important}.page-sistemas .cta-strip-inner :where(a,button)::before,.page-sistemas .cta-strip-inner :where(a,button)::after{content:none!important;display:none!important}.page-sistemas .cta-strip-inner :where(a,button):nth-child(1),.page-sistemas .cta-strip-inner :where(a,button):nth-child(1):hover,.page-sistemas .cta-strip-inner :where(a,button):nth-child(1):active,.page-sistemas .cta-strip-inner :where(a,button):nth-child(1):focus-visible{background:var(--ex-cta-yellow)!important;color:#fff!important}.page-sistemas .cta-strip-inner :where(a,button):nth-child(2),.page-sistemas .cta-strip-inner :where(a,button):nth-child(2):hover,.page-sistemas .cta-strip-inner :where(a,button):nth-child(2):active,.page-sistemas .cta-strip-inner :where(a,button):nth-child(2):focus-visible{background:var(--ex-cta-green)!important;color:#fff!important}.page-sistemas .cta-strip-inner :where(a,button):nth-child(3),.page-sistemas .cta-strip-inner :where(a,button):nth-child(3):hover,.page-sistemas .cta-strip-inner :where(a,button):nth-child(3):active,.page-sistemas .cta-strip-inner :where(a,button):nth-child(3):focus-visible{background:var(--ex-cta-pink)!important;color:#fff!important}.page-sistemas .cta-strip-inner .cta-ghost-black,.page-sistemas .cta-strip-inner .cta-ghost-black:hover,.page-sistemas .cta-strip-inner .cta-ghost-black:active,.page-sistemas .cta-strip-inner .cta-ghost-black:focus-visible{background:rgba(255,255,255,.92)!important;border:1px solid rgba(2,6,23,.18)!important;color:#111827!important;-webkit-text-fill-color:#111827!important}html[data-theme=light] .page-sistemas .cta-toc,html[data-theme=light] .page-sistemas .cta-toc *{color:rgba(11,18,32,.92)}html:not([data-theme=light]) .page-sistemas .cta-toc{color:#fff}html:not([data-theme=light]) .page-sistemas .cta-toc .cta-ghost-black,html:not([data-theme=light]) .page-sistemas .cta-toc .cta-ghost-black:hover,html:not([data-theme=light]) .page-sistemas .cta-toc .cta-ghost-black:active,html:not([data-theme=light]) .page-sistemas .cta-toc .cta-ghost-black:focus-visible{background:#fff!important;border:1px solid rgba(255,255,255,.18)!important;color:#111827!important;-webkit-text-fill-color:#111827!important}@media(max-width:860px){.page-sistemas .cta-toc{gap:14px}.page-sistemas .cta-strip-inner{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.page-sistemas .cta-strip-inner :where(a,button){min-width:0!important;justify-content:center!important;text-align:center!important;padding:12px 12px!important;white-space:normal!important}.page-sistemas .cta-strip-inner :where(a,button):nth-child(5){grid-column:1/-1;justify-self:center;width:min(420px,100%)}}@media(min-width:861px){.page-sistemas .cta-strip-inner{justify-content:flex-start}}
.page-sistemas .cta-strip-inner :where(a,button){box-shadow:0 14px 30px rgba(2,6,23,.14)!important;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}@media(hover:hover){.page-sistemas .cta-strip-inner :where(a,button):hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(2,6,23,.18)!important;filter:saturate(1.03)}}.page-sistemas .cta-strip-inner .cta-ghost-black,.page-sistemas .cta-strip-inner .cta-ghost-black:hover,.page-sistemas .cta-strip-inner .cta-ghost-black:active,.page-sistemas .cta-strip-inner .cta-ghost-black:focus-visible{box-shadow:0 12px 24px rgba(2,6,23,.10)!important}

.page-sistemas .cta-toc-title{display:block;margin:0 0 8px;font-weight:950;font-size:clamp(18px,2vw,22px)}html:not([data-theme=light]) .page-sistemas .cta-toc-title{color:#fff}html[data-theme=light] .page-sistemas .cta-toc-title{color:#111827}

/* checkbox de descuento primer servicio */
.calc-table .disc-toggle{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;font-weight:inherit!important;font-size:inherit!important;line-height:1.1}
.calc-table .disc-toggle input{appearance:auto!important;-webkit-appearance:auto!important;accent-color:var(--calc-ac)!important;margin:0;inline-size:18px;block-size:18px;flex:0 0 auto;vertical-align:middle;transform:translateY(-1px)}


/* NUBE swipe (pricing-table-nube) no-:has v2026.02.02 */@media(max-width:768px){body[data-calc="nube"] .page-sistemas .pricing-table-nube{display:block;min-width:860px}body[data-calc="nube"] .page-sistemas .pricing-table-nube{max-width:none}body[data-calc="nube"] .page-sistemas .pricing-table-nube{border-radius:14px}body[data-calc="nube"] .page-sistemas .pricing-table-nube{overflow:visible}body[data-calc="nube"] .page-sistemas .pricing-table-nube{width:max-content}body[data-calc="nube"] .page-sistemas .pricing-table-nube{margin:0}body[data-calc="nube"] .page-sistemas .pricing-table-nube{table-layout:auto}body[data-calc="nube"] .page-sistemas .pricing-table-nube{white-space:nowrap}body[data-calc="nube"] .page-sistemas .card.body{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}body[data-calc="nube"] .page-sistemas .card.body{scrollbar-gutter:stable}body[data-calc="nube"] .page-sistemas .plan-name,body[data-calc="nube"] .page-sistemas .plan-desc{white-space:normal}}

@media(min-width:981px){main.container.hero.page-sistemas{min-height:calc(100dvh - var(--gh-height,68px));display:flex;flex-direction:column;padding-top:18px;padding-bottom:16px}main.container.hero.page-sistemas>h1{margin:12px 0 14px!important}main.container.hero.page-sistemas .badges{margin:0 0 14px!important}main.container.hero.page-sistemas section[aria-label="Resumen"]{flex:1;min-height:0}main.container.hero.page-sistemas section[aria-label="Resumen"]>.card.body{height:100%;display:flex;flex-direction:column;min-height:0}main.container.hero.page-sistemas .grid-2.align-center{flex:1;align-items:stretch;min-height:0}main.container.hero.page-sistemas .grid-2.align-center>div{min-height:0}main.container.hero.page-sistemas .grid-2.align-center aside.card.body{height:100%;display:flex;flex-direction:column;min-height:0}main.container.hero.page-sistemas .grid-2.align-center aside.card.body .carousel{min-height:unset!important;flex:1;min-height:0;height:clamp(300px,44vh,560px)}main.container.hero.page-sistemas .grid-2.align-center aside.card.body .carousel-track{height:100%;min-height:0;align-items:stretch}main.container.hero.page-sistemas .grid-2.align-center aside.card.body .carousel-slide{height:100%;min-height:0;align-items:center;justify-content:center}main.container.hero.page-sistemas>h1 img{max-height:clamp(48px,7.4vh,82px)}}

/* R18_HUMAN_SMOKE_SYSTEM_SUMMARY_MOBILE_GUTTER_OWNER */
@media(max-width:980px){
  body.page-sistemas main.container.hero>section:is([aria-label="Resumen"],[aria-label="Por qué usar"])>.card.body{
    width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;
    margin-left:auto!important;margin-right:auto!important;
    border-radius:20px!important;overflow:hidden!important;
  }
}

/* R18_FINAL_POLISH_3_SYSTEM_SUMMARY_OWNER */
body.page-sistemas main.container.hero>section:is([aria-label="Resumen"],[aria-label="Por qué usar"]) h2.title-gradient{
  overflow:visible!important;
  padding-inline:5px!important;
  margin-inline:0!important;
  box-sizing:border-box!important;
  line-height:1.16!important;
}

/* EXPIRITI — INTEGRA + 3ER SISTEMA (STACK OK + FLECHAS NO TAPAN) v2026.02.26-u1 */

.page-sistemas #calc-slot-2.placeholder,.page-sistemas #add-more-panel.placeholder{height:auto!important;min-height:unset!important;align-self:center!important;justify-self:stretch!important}
.page-sistemas #calc-slot-2 .note,.page-sistemas #add-more-panel .note{border:1px solid var(--calc-soft);border-radius:14px;padding:14px 14px 12px;background:rgba(17,23,35,.30);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
html[data-theme=light] .page-sistemas #calc-slot-2 .note,html[data-theme=light] .page-sistemas #add-more-panel .note{background:#fff;border-color:rgba(2,6,23,.10)}
.page-sistemas #calc-slot-2 .note>strong,.page-sistemas #add-more-panel .note>strong{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:0;font-weight:950;letter-spacing:.2px;line-height:1.15;font-size:clamp(16px,2vw,20px)}
.page-sistemas #calc-slot-2 .note>small,.page-sistemas #add-more-panel .note>small{margin:0;font-weight:800;font-style:italic;color:var(--calc-tx2)}
.page-sistemas .disc-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:999px;font-size:12px;line-height:1;font-weight:950;white-space:nowrap;background:var(--int-chip-bg);border:2px solid var(--int-chip-bd);color:var(--int-chip-tx)}
.page-sistemas .icons-carousel{position:relative;display:block;width:100%;max-width:100%;overflow:hidden;border-radius:14px;padding-bottom:54px}
.page-sistemas .icons-carousel :is(#icons-sec-sys,#icons-third-sys){display:flex;gap:var(--int-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:12px var(--int-pad);scroll-padding-left:var(--int-pad);scroll-padding-right:var(--int-pad);max-width:100%;align-items:stretch}
@media(max-width:768px){.page-sistemas .icons-carousel :is(#icons-sec-sys,#icons-third-sys){padding:12px 14px;scroll-padding-left:14px;scroll-padding-right:14px}}
.page-sistemas .icons-carousel :is(#icons-sec-sys,#icons-third-sys)>*{flex:0 0 auto;scroll-snap-align:start}

/* Flechas: abajo (no tapan tiles) */
.page-sistemas .icons-carousel .arrowCircle{position:absolute;top:auto;bottom:10px;transform:none;z-index:5;width:46px;height:46px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(15,23,42,.76),rgba(15,23,42,.62));display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.page-sistemas .icons-carousel .arrowCircle.prev{right:58px;left:auto}
.page-sistemas .icons-carousel .arrowCircle.next{right:10px}
.page-sistemas .icons-carousel .arrowCircle .chev{font-size:26px;line-height:1}
html[data-theme=light] .page-sistemas .icons-carousel .arrowCircle{background:rgba(255,255,255,.92);border-color:rgba(2,6,23,.14);box-shadow:0 10px 22px rgba(2,6,23,.10)}
html[data-theme=light] .page-sistemas .icons-carousel .arrowCircle .chev{color:rgba(2,6,23,.86)}
@media(max-width:768px){.page-sistemas .icons-carousel{padding-bottom:50px}.page-sistemas .icons-carousel .arrowCircle{width:40px;height:40px}.page-sistemas .icons-carousel .arrowCircle.prev{right:54px}.page-sistemas .icons-carousel .arrowCircle.next{right:8px}}

/* Tiles */
.page-sistemas .icons-carousel .sys-icon{position:relative;min-width:var(--int-tile);max-width:var(--int-tile);padding:16px 12px 14px;border-radius:22px;border:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(255,255,255,.93));box-shadow:0 16px 36px rgba(2,6,23,.10);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;user-select:none;transform:translateZ(0);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease,background .16s ease}
@media(hover:hover){.page-sistemas .icons-carousel .sys-icon:hover{transform:translate3d(0,-5px,0);border-color:rgba(96,165,250,.42);box-shadow:0 20px 46px rgba(2,6,23,.14);filter:saturate(1.04)}}
.page-sistemas .icons-carousel .sys-icon:active{transform:translate3d(0,-2px,0)}
.page-sistemas .icons-carousel .sys-icon:focus-visible{outline:3px solid rgba(56,189,248,.45);outline-offset:3px}
html:not([data-theme=light]) .page-sistemas .icons-carousel .sys-icon{background:linear-gradient(180deg,rgba(15,23,42,.42),rgba(15,23,42,.26));box-shadow:0 14px 32px rgba(0,0,0,.22);border-color:rgba(148,163,184,.16)}
.page-sistemas .icons-carousel .sys-icon img{width:var(--int-logo);height:var(--int-logo);border-radius:20px;object-fit:contain;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(248,250,252,.97));border:1px solid rgba(2,6,23,.07);box-shadow:0 14px 28px rgba(2,6,23,.10)}
html:not([data-theme=light]) .page-sistemas .icons-carousel .sys-icon img{background:rgba(15,23,42,.78);border-color:rgba(148,163,184,.18);box-shadow:0 14px 22px rgba(0,0,0,.22)}
.page-sistemas .icons-carousel .sys-icon::after{content:"\00221215%";position:absolute;top:10px;right:10px;font-weight:950;font-size:11px;letter-spacing:.04em;padding:5px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(254,249,195,.96),rgba(254,240,138,.92));border:1px solid rgba(234,179,8,.34);color:rgba(146,64,14,.96);box-shadow:0 8px 18px rgba(2,6,23,.10)}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;white-space:nowrap!important;flex-wrap:nowrap!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check{display:inline-flex!important;align-items:center!important;justify-content:center!important;order:2!important;inline-size:30px!important;block-size:30px!important;min-width:30px!important;min-height:30px!important;margin:0!important;position:relative!important;border-radius:999px!important;overflow:hidden!important;flex:0 0 auto!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check input{appearance:none!important;-webkit-appearance:none!important;position:absolute!important;inset:0!important;margin:0!important;inline-size:100%!important;block-size:100%!important;cursor:pointer!important;background:transparent!important;z-index:2!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check .check-ui{display:block!important;inline-size:100%!important;block-size:100%!important;border-radius:999px!important;border:2px solid rgba(148,163,184,.42)!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 4px rgba(2,6,23,.05)!important;position:relative!important;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .12s ease!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check .check-ui::after{content:"";position:absolute;top:50%;left:50%;inline-size:14px;block-size:14px;border-radius:999px!important;background:linear-gradient(135deg,#38bdf8,#2563eb)!important;transform:translate(-50%,-50%) scale(.2);opacity:0;transition:transform .18s ease,opacity .18s ease}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check input:checked+.check-ui{border-color:rgba(37,99,235,.82)!important;background:rgba(59,130,246,.12)!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check input:checked+.check-ui::after{opacity:1;transform:translate(-50%,-50%) scale(1)}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check input:not(:checked)+.check-ui{border-color:rgba(148,163,184,.42)!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 4px rgba(2,6,23,.05)!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check input:focus-visible+.check-ui{box-shadow:0 0 0 4px rgba(37,99,235,.16)!important}@media(max-width:980px){.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check{inline-size:26px!important;block-size:26px!important;min-width:26px!important;min-height:26px!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check .check-ui::after{inline-size:12px;block-size:12px}}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .ux-tip{appearance:none!important;-webkit-appearance:none!important;order:3!important;border:1px solid rgba(148,163,184,.28)!important;background:#fff!important;padding:0!important;inline-size:32px!important;block-size:32px!important;min-width:32px!important;min-height:32px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;line-height:1!important;font-size:18px!important;flex:0 0 auto!important}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle>#inst1,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle>#inst2,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle>#inst3{order:3!important;color:#16a34a!important;font-weight:950!important}
html[data-theme=light] .page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .ux-tip{border-color:rgba(2,6,23,.14)!important;background:#fff!important}
.page-sistemas #combined-wrap{margin:16px auto 0!important;width:min(980px,calc(100vw - 32px))!important;max-width:min(980px,calc(100vw - 32px))!important;grid-column:1/-1!important;align-self:start!important;justify-self:center!important;position:relative}.page-sistemas #combined-wrap .combined-table{width:100%!important;min-width:0!important;max-width:100%!important;border-collapse:separate;border-spacing:0;table-layout:fixed!important;border:1px solid rgba(148,163,184,.16);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));box-shadow:0 14px 32px rgba(2,6,23,.10),inset 0 1px 0 rgba(255,255,255,.06)}.page-sistemas #combined-wrap .combined-table td{padding:14px 16px!important;border-bottom:1px solid rgba(148,163,184,.12);vertical-align:middle}.page-sistemas #combined-wrap .combined-table tr:last-child td{border-bottom:none;vertical-align:middle!important}.page-sistemas #combined-wrap .combined-table td:first-child{width:66%!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;line-height:1.12!important;font-weight:850}.page-sistemas #combined-wrap .combined-table td:last-child{width:34%!important;text-align:right!important;white-space:nowrap!important;font-weight:950;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.page-sistemas #combined-wrap .combined-table tr:last-child td:first-child{width:18%!important;min-width:94px!important;padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle!important}.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child{width:82%!important;white-space:normal!important;text-align:right!important;overflow:visible!important;padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle!important}.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child strong{display:block!important;max-width:none!important;white-space:nowrap!important;line-height:1!important}.page-sistemas #combined-wrap .mxn-letra{display:block!important;width:100%!important;max-width:none!important;margin:6px 0 0 auto!important;font-size:clamp(13px,.84vw,15px)!important;opacity:.96;line-height:1.08!important;text-align:right!important;white-space:normal!important;overflow:visible!important;text-overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important}.page-sistemas #combined-wrap .sum-head{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important}.page-sistemas #combined-wrap .sum-label{display:inline-block!important;flex:0 0 auto!important;font-weight:950;color:var(--calc-tx);white-space:nowrap!important;font-size:clamp(16px,1.2vw,18px)!important;line-height:1.08!important}.page-sistemas #combined-wrap .sum-logo{display:inline-block!important;vertical-align:middle!important;width:auto!important;max-width:204px!important;height:44px!important;max-height:44px!important;object-fit:contain!important;flex:0 0 auto!important}.page-sistemas #combined-wrap .sum-name{display:inline-block!important;vertical-align:middle!important;font-weight:900;white-space:nowrap!important;flex:0 0 auto!important}.page-sistemas #combined-wrap .sum-tail{display:inline-block!important;white-space:normal!important;flex:1 1 auto!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(16px,1.2vw,18px)!important;line-height:1.08!important}.page-sistemas #combined-wrap .combined-table tr.is-discount td:last-child,.page-sistemas #combined-wrap .combined-table tr.is-discount td:last-child strong{color:#16a34a!important;font-weight:950!important}html[data-theme=light] .page-sistemas #combined-wrap .sum-label,html[data-theme=light] .page-sistemas #combined-wrap .sum-name,html[data-theme=light] .page-sistemas #combined-wrap .sum-tail{color:rgba(11,18,32,.96)!important}html[data-theme=light] .page-sistemas #combined-wrap .sum-logo{padding:8px 12px!important;border-radius:16px!important;background:rgba(203,213,225,.98)!important;border:1px solid rgba(100,116,139,.34)!important;box-shadow:0 3px 10px rgba(2,6,23,.12)!important;filter:none!important;opacity:1!important}
@media(max-width:980px){.page-sistemas #combined-wrap{margin-top:0!important;width:100%!important;max-width:100%!important;padding:0!important}.page-sistemas #combined-wrap .combined-table{width:100%!important;table-layout:auto!important}.page-sistemas #combined-wrap .combined-table td{padding:10px 12px!important}.page-sistemas #combined-wrap .combined-table td:first-child{width:auto!important}.page-sistemas #combined-wrap .combined-table td:last-child{width:auto!important}.page-sistemas #combined-wrap .combined-table tr:last-child td{vertical-align:middle!important}.page-sistemas #combined-wrap .combined-table tr:last-child td:first-child{width:auto!important;min-width:66px!important;padding-top:8px!important;padding-bottom:8px!important}.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child{width:auto!important;padding-top:8px!important;padding-bottom:8px!important;white-space:normal!important}.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child strong{font-size:clamp(24px,6vw,34px)!important;line-height:1!important}.page-sistemas #combined-wrap .mxn-letra{display:block!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;width:min(100%,320px)!important;max-width:min(100%,320px)!important;margin:4px 0 0 auto!important;font-size:clamp(10px,2.8vw,12px)!important;line-height:1.08!important;text-align:right!important;white-space:normal!important;overflow:visible!important;word-break:normal!important;overflow-wrap:anywhere!important}.page-sistemas #combined-wrap .sum-head{width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;white-space:normal!important;min-width:0!important}.page-sistemas #combined-wrap .sum-label{display:inline-block!important;font-size:clamp(14px,4vw,17px)!important;font-weight:950!important;line-height:1.06!important}.page-sistemas #combined-wrap .sum-logo{max-width:132px!important;height:34px!important;max-height:34px!important;display:inline-block!important;flex:0 0 auto!important}.page-sistemas #combined-wrap .sum-tail{display:block!important;flex:0 0 100%!important;min-width:0!important;font-size:clamp(14px,4vw,17px)!important;line-height:1.06!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;margin-top:1px!important}}
.page-sistemas #combined-wrap .sum-tail{display:block!important;flex:0 0 100%!important;min-width:0!important;font-size:clamp(15px,4.3vw,18px)!important;line-height:1.08!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;margin-top:2px!important}
.page-sistemas .calc-container tbody tr[id^="tr-disc"],.page-sistemas .calc-container tbody tr[id^="tr-inst"]{height:56px!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child{display:flex!important;align-items:center!important;gap:8px!important;line-height:1.12!important;min-height:56px!important;flex-wrap:nowrap!important;white-space:nowrap!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child>*,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child>*{align-self:center!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child>:first-child,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child>:first-child{flex:0 0 auto!important;min-width:auto!important;white-space:nowrap!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child .ux-tip--inline{flex:0 0 auto!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:last-child{vertical-align:middle!important;height:56px!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important;min-height:36px!important;width:100%!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check{order:2!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child #inst1,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child #inst2,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child #inst3{order:3!important;color:#16a34a!important;font-weight:950!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle>span[id^="inst"]{margin-left:0!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child .inst50-pill{margin-left:8px!important;margin-right:4px!important}@media(max-width:980px){.page-sistemas .calc-container tbody tr[id^="tr-disc"],.page-sistemas .calc-container tbody tr[id^="tr-inst"]{height:50px!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child{gap:5px!important;min-height:50px!important;white-space:nowrap!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:last-child{height:50px!important}.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-toggle{gap:8px!important}}
.page-sistemas .calc-container tbody tr[id^="tr-disc"] td,.page-sistemas .calc-container tbody tr[id^="tr-inst"] td{border-bottom:1px solid rgba(148,163,184,.12)!important;background-clip:padding-box}
.page-sistemas .calc-container .instalacion-box{min-height:46px;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 11px!important;border:1px solid rgba(148,163,184,.16)!important;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);flex-wrap:nowrap;overflow:hidden}.page-sistemas .calc-container .instalacion-box>label{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;min-width:0!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;inline-size:26px!important;block-size:26px!important;min-width:26px!important;min-height:26px!important;margin:0!important;flex:0 0 auto!important;border-radius:999px!important;border:2px solid rgba(148,163,184,.40)!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 4px rgba(2,6,23,.06)!important;display:inline-grid!important;place-items:center!important;cursor:pointer!important;position:relative!important;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .12s ease!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]::after{content:"";inline-size:12px;block-size:12px;border-radius:999px;background:linear-gradient(135deg,#38bdf8,#2563eb);transform:scale(.2);opacity:0;transition:transform .18s ease,opacity .18s ease}.page-sistemas .calc-container .instalacion-box input[type=checkbox]:checked{border-color:rgba(37,99,235,.78)!important;background:rgba(59,130,246,.10)!important;box-shadow:0 0 0 3px rgba(37,99,235,.11)!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]:checked::after{opacity:1;transform:scale(1)}.page-sistemas .calc-container .instalacion-box input[type=checkbox]:not(:checked){border-color:rgba(148,163,184,.40)!important;background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),0 1px 4px rgba(2,6,23,.04)!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(37,99,235,.14)!important}.page-sistemas .calc-container .instalacion-box>label>span{min-width:0!important;flex:1 1 auto!important;line-height:1.15!important;transition:opacity .18s ease;word-break:normal!important;overflow-wrap:break-word!important}.page-sistemas .calc-container .instalacion-box .ux-info{flex:0 0 auto!important}.page-sistemas .inst-wrap input[type=checkbox]:not(:checked)~span{opacity:.62}.page-sistemas .inst-wrap input[type=checkbox]:checked~span{opacity:1}@media(max-width:980px){.page-sistemas .calc-container .instalacion-box{width:100%!important;margin:6px 0 0!important;gap:9px!important;padding:8px 10px!important;border-radius:15px!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]{inline-size:26px!important;block-size:26px!important;min-width:26px!important;min-height:26px!important}.page-sistemas .calc-container .instalacion-box input[type=checkbox]::after{inline-size:12px;block-size:12px}}html.has-calc-3 .page-sistemas .calc-container .instalacion-box{min-height:72px!important;padding:8px 10px!important;gap:8px!important;align-items:center!important;overflow:hidden!important}html.has-calc-3 .page-sistemas .calc-container .instalacion-box>label{display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:8px!important;row-gap:0!important;width:100%!important}html.has-calc-3 .page-sistemas .calc-container .instalacion-box>label>span{display:block!important;min-width:0!important;font-size:12px!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important}html.has-calc-3 .page-sistemas .calc-container .instalacion-box input[type=checkbox]{inline-size:24px!important;block-size:24px!important;min-width:24px!important;min-height:24px!important}html.has-calc-3 .page-sistemas .calc-container .instalacion-box .ux-info{inline-size:24px!important;block-size:24px!important;min-width:24px!important;min-height:24px!important;margin-left:0!important}html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblSTRONG1,html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblSTRONG2,html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblSTRONG3,html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblTail1,html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblTail2,html.has-calc-3 .page-sistemas .calc-container .instalacion-box #instLblTail3{display:inline!important;font-size:12px!important;line-height:1.08!important}
.page-sistemas .ux-tip--pill{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;box-shadow:none!important}.page-sistemas .inst50-pill.ux-tip--pill,.page-sistemas .disc15-pill.ux-tip--pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;inline-size:auto!important;block-size:auto!important;min-width:88px!important;min-height:38px!important;width:auto!important;height:auto!important;padding:0 16px!important;border-radius:999px!important;font-size:15px!important;font-weight:900!important;line-height:1!important;letter-spacing:.01em!important;color:#16a34a!important;background:linear-gradient(180deg,rgba(240,253,244,.98),rgba(220,252,231,.94))!important;border:2px solid rgba(34,197,94,.55)!important;white-space:nowrap!important;flex:0 0 auto!important}.page-sistemas .inst50-pill.ux-tip--pill::before,.page-sistemas .disc15-pill.ux-tip--pill::before,.page-sistemas .inst50-pill.ux-tip--pill::after,.page-sistemas .disc15-pill.ux-tip--pill::after{content:none!important;display:none!important}@media(max-width:980px){.page-sistemas .inst50-pill.ux-tip--pill,.page-sistemas .disc15-pill.ux-tip--pill{inline-size:auto!important;block-size:auto!important;min-width:76px!important;min-height:34px!important;width:auto!important;height:auto!important;padding:0 14px!important;font-size:14px!important}}
.page-sistemas .calc-container tbody tr[id^="tr-inst"] td:first-child .inst50-pill.ux-tip--pill,.page-sistemas .calc-container tbody tr[id^="tr-disc"] td:first-child .disc15-pill.ux-tip--pill{margin-left:8px!important}
html[data-theme=light] .page-sistemas #combined-wrap .sum-logo{padding:8px 12px!important;border-radius:16px!important;background:rgba(203,213,225,.98)!important;border:1px solid rgba(100,116,139,.34)!important;box-shadow:0 3px 10px rgba(2,6,23,.12)!important}

.page-sistemas .is-hidden{display:none!important}.page-sistemas .u-nowrap{white-space:nowrap!important}.page-sistemas .u-balance{text-wrap:balance}.page-sistemas .u-pretty{text-wrap:pretty}.page-sistemas :is(h1,h2,h3,h4,p,.lead,.hint,.calc-sub,.sum-tail,.svc-title,.svc-sub){min-width:0;overflow-wrap:break-word}


    /* rayito colores */
.page-sistemas #toc-actions .toc-panel a:nth-child(1),.page-sistemas #toc-actions .toc-panel a:nth-child(1):hover,.page-sistemas #toc-actions .toc-panel a:nth-child(1):active,.page-sistemas #toc-actions .toc-panel a:nth-child(1):focus-visible{background:var(--ex-cta-yellow)!important;color:#fff!important;border-color:transparent!important}
.page-sistemas #toc-actions .toc-panel a:nth-child(2),.page-sistemas #toc-actions .toc-panel a:nth-child(2):hover,.page-sistemas #toc-actions .toc-panel a:nth-child(2):active,.page-sistemas #toc-actions .toc-panel a:nth-child(2):focus-visible{background:var(--ex-cta-green)!important;color:#fff!important;border-color:transparent!important}
.page-sistemas #toc-actions .toc-panel a:nth-child(3),.page-sistemas #toc-actions .toc-panel a:nth-child(3):hover,.page-sistemas #toc-actions .toc-panel a:nth-child(3):active,.page-sistemas #toc-actions .toc-panel a:nth-child(3):focus-visible{background:var(--ex-cta-pink)!important;color:#fff!important;border-color:transparent!important}
.page-sistemas #toc-actions .toc-panel a:nth-child(4),.page-sistemas #toc-actions .toc-panel a:nth-child(5){background:#fff!important;color:#111827!important;border:1px solid rgba(2,6,23,.14)!important;box-shadow:0 8px 18px rgba(2,6,23,.08)!important}
.page-sistemas #toc-actions .toc-panel a:nth-child(5){grid-column:1/-1}
html:not([data-theme=light]) .page-sistemas #toc-actions .toc-panel a:nth-child(4),html:not([data-theme=light]) .page-sistemas #toc-actions .toc-panel a:nth-child(5){background:#fff!important;color:#111827!important;border:1px solid rgba(255,255,255,.18)!important}

/*CARRUSEL SISTEMAS FINAL UNIFICADO*/.page-sistemas .carouselX{position:relative;max-width:100%;overflow:hidden;padding-bottom:70px}.page-sistemas .carouselX .track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:8px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch}.page-sistemas .carouselX .track::-webkit-scrollbar{display:none}.page-sistemas .carouselX .sys{position:relative;flex:0 0 calc((100% - 36px)/3);min-height:248px;border-radius:28px;padding:18px 18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;scroll-snap-align:start;border:1px solid rgba(2,6,23,.10);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.92));box-shadow:0 14px 30px rgba(2,6,23,.07),inset 0 1px 0 rgba(255,255,255,.7)}.page-sistemas .carouselX .sys:hover{border-color:rgba(233,170,25,.35);box-shadow:0 18px 40px rgba(2,6,23,.10)}.page-sistemas .carouselX .sys img{display:block;width:min(260px,80%);height:110px;min-height:110px;max-height:110px;object-fit:contain!important;border-radius:30px!important;margin:0 auto 12px;padding:14px 18px;background:linear-gradient(180deg,#f3d86f 0%,#ebbc32 55%,var(--ex-cta-yellow) 100%)!important;border:1px solid rgba(214,148,15,.86)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 10px 24px rgba(233,170,25,.22),0 0 0 3px rgba(233,170,25,.12)!important;filter:none!important}.page-sistemas .carouselX .sys h4{display:none!important}.page-sistemas .carouselX .sys p{margin:4px 0 0;font-size:clamp(14px,1.02vw,16px);line-height:1.30;max-width:22ch;color:rgba(11,18,32,.72);font-weight:700;text-wrap:balance}.page-sistemas .carouselX .sys .hoverMore{margin-top:auto;padding-top:12px}.page-sistemas .carouselX .sys .chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(245,158,11,.22);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,247,237,.98));color:#9a4d00;font-weight:950;font-size:14px;line-height:1;letter-spacing:.01em;box-shadow:0 8px 18px rgba(245,158,11,.10),inset 0 1px 0 rgba(255,255,255,.72)}.page-sistemas .carouselX .arrowCircle{position:absolute;top:auto;bottom:8px;z-index:4;width:44px;height:44px;border-radius:999px;border:1px solid rgba(2,6,23,.12);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));box-shadow:0 10px 24px rgba(2,6,23,.12);display:grid;place-items:center}.page-sistemas .carouselX .arrowCircle.prev{left:auto;right:58px}.page-sistemas .carouselX .arrowCircle.next{left:auto;right:8px}.page-sistemas .carouselX .arrowCircle .chev{font-size:26px;line-height:1;color:#111827}.page-sistemas .group-dots{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 108px 0 0;min-height:12px}.page-sistemas .group-dots button,.page-sistemas .group-dots .dot{width:11px;height:11px;border-radius:999px;border:0;background:rgba(148,163,184,.28);box-shadow:none;transition:transform .16s ease,background .16s ease,opacity .16s ease}.page-sistemas .group-dots .active,.page-sistemas .group-dots button[aria-current=true]{background:linear-gradient(180deg,#f6cb42,#f59e0b);transform:scale(1.16)}.page-sistemas #integra .carouselX .track{gap:18px;padding:8px}.page-sistemas #integra .carouselX .sys:hover{border-color:rgba(245,158,11,.36);box-shadow:0 24px 54px rgba(2,6,23,.12),0 0 0 1px rgba(255,184,77,.14) inset}.page-sistemas #integra .sys:focus{outline:2px solid rgba(245,158,11,.42);outline-offset:3px}@media(min-width:981px){.page-sistemas #integra .carouselX{padding-bottom:66px}.page-sistemas #integra .carouselX .sys{flex:0 0 calc((100% - 36px)/3);min-height:236px;padding:16px 18px 14px}.page-sistemas #integra .carouselX .sys img{width:min(250px,78%);height:104px;min-height:104px;max-height:104px;border-radius:28px!important}.page-sistemas #integra .carouselX .sys p{max-width:21ch;line-height:1.24}.page-sistemas #integra .group-dots{margin:10px 108px 0 0}}@media(max-width:980px){.page-sistemas #integra .carouselX{padding-bottom:72px}.page-sistemas #integra .carouselX .track{gap:14px;padding:8px 12px 6px}.page-sistemas #integra .carouselX .sys{flex:0 0 78%!important;min-height:220px;padding:16px 14px 14px}.page-sistemas #integra .carouselX .sys img{width:min(240px,82%);height:96px;min-height:96px;max-height:96px;border-radius:26px!important}.page-sistemas #integra .carouselX .sys p{font-size:14px;line-height:1.28;max-width:20ch}.page-sistemas #integra .carouselX .arrowCircle{width:40px;height:40px;bottom:8px}.page-sistemas #integra .carouselX .arrowCircle.prev{right:52px}.page-sistemas #integra .carouselX .arrowCircle.next{right:8px}.page-sistemas #integra .group-dots{margin:12px 96px 0 0}}
  
/* badges hero no se veian  */
/* BADGES canon sistemas */
.page-sistemas .badge{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;padding:0 14px;min-height:40px;border-radius:999px;font-size:14px;font-weight:900;line-height:1;letter-spacing:.01em;white-space:nowrap}

/* Solo rescata badges dentro de títulos SI NO traen style inline */
.page-sistemas .title-gradient .badge:not([style]),.page-sistemas h1 .badge:not([style]),.page-sistemas h2 .badge:not([style]),.page-sistemas h3 .badge:not([style]){margin-left:10px!important;color:#111827!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;border:1px solid rgba(2,6,23,.10)!important;box-shadow:0 8px 20px rgba(2,6,23,.08),inset 0 1px 0 rgba(255,255,255,.7)!important;-webkit-text-fill-color:#111827!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;text-shadow:none!important}html[data-theme=dark] .page-sistemas .title-gradient .badge:not([style]),html[data-theme=dark] .page-sistemas h1 .badge:not([style]),html[data-theme=dark] .page-sistemas h2 .badge:not([style]),html[data-theme=dark] .page-sistemas h3 .badge:not([style]){color:#f8fafc!important;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 22px rgba(0,0,0,.16)!important;-webkit-text-fill-color:#f8fafc!important}@media(max-width:680px){.page-sistemas .badge{font-size:13px;min-height:36px;padding:0 12px}.page-sistemas .title-gradient .badge:not([style]),.page-sistemas h1 .badge:not([style]),.page-sistemas h2 .badge:not([style]),.page-sistemas h3 .badge:not([style]){margin:10px 0 0!important}}

/* COMPARATIVA ICONOS */
#comparativa .table-like.cmp-icons thead th:first-child,#comparativa .table-like.cmp-icons tbody td:first-child{width:28%!important}#comparativa .table-like.cmp-icons thead th:first-child{text-align:left!important}#comparativa .table-like.cmp-icons thead th:not(:first-child),#comparativa .table-like.cmp-icons tbody td:not(:first-child){width:24%!important;text-align:center!important}#comparativa .table-like.cmp-icons thead th{padding:16px 14px}#comparativa .table-like.cmp-icons tbody td{padding:16px 14px}#comparativa .table-like.cmp-icons tbody td:first-child{padding-right:12px;line-height:1.28}#comparativa .table-like.cmp-icons tbody td:not(:first-child){padding-left:10px;padding-right:10px;font-size:15px;line-height:1.1;white-space:nowrap}#comparativa .table-like.cmp-icons tbody .highlight{text-align:center!important}#comparativa .cmp-scroll>.table-like.cmp-icons{min-width:720px}@media(max-width:980px){#comparativa .cmp-scroll>.table-like.cmp-icons{min-width:760px}#comparativa .table-like.cmp-icons thead th:first-child,#comparativa .table-like.cmp-icons tbody td:first-child{width:30%!important}#comparativa .table-like.cmp-icons thead th:not(:first-child),#comparativa .table-like.cmp-icons tbody td:not(:first-child){width:23.333%!important}}@media(max-width:640px){#comparativa .cmp-scroll>.table-like.cmp-icons{min-width:700px}#comparativa .table-like.cmp-icons thead th{padding:14px 12px;font-size:11.5px;line-height:1.18}#comparativa .table-like.cmp-icons tbody td{padding:14px 12px}#comparativa .table-like.cmp-icons thead th:first-child,#comparativa .table-like.cmp-icons tbody td:first-child{width:32%!important}#comparativa .table-like.cmp-icons thead th:not(:first-child),#comparativa .table-like.cmp-icons tbody td:not(:first-child){width:22.666%!important}#comparativa .table-like.cmp-icons tbody td:first-child{font-size:12.8px;line-height:1.25}#comparativa .table-like.cmp-icons tbody td:not(:first-child){font-size:14px}}


html:not([data-theme=light]) .page-sistemas #integra .carouselX .sys{border:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(180deg,var(--gx-panel),var(--gx-panel-2))!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .sys:hover{border-color:rgba(233,170,25,.30)!important;box-shadow:0 22px 46px rgba(0,0,0,.28)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .sys img{background:linear-gradient(180deg,rgba(110,78,20,.58),rgba(88,63,18,.72),rgba(64,46,14,.86))!important;border:1px solid rgba(229,184,96,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.22),0 0 0 3px rgba(229,184,96,.10)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .sys p{color:rgba(232,238,246,.82)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .sys .chip{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .arrowCircle{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important}
html:not([data-theme=light]) .page-sistemas #integra .carouselX .arrowCircle .chev{color:#f8fafc!important}
html:not([data-theme=light]) .page-sistemas #integra .group-dots .dot,html:not([data-theme=light]) .page-sistemas #integra .group-dots button{background:rgba(148,163,184,.24)!important}
html:not([data-theme=light]) .page-sistemas #integra .group-dots .active,html:not([data-theme=light]) .page-sistemas #integra .group-dots button[aria-current=true]{background:linear-gradient(180deg,#f6cb42,#f59e0b)!important}


/* PERFORMANCE VISUAL — blur/sombra ligera sin duplicados */
.page-sistemas .cta-map-toggle{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;box-shadow:0 12px 26px rgba(2,6,23,.10)!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.page-sistemas .cta-map-menu{backdrop-filter:blur(10px) saturate(1.02)!important;-webkit-backdrop-filter:blur(10px) saturate(1.02)!important;box-shadow:0 20px 48px rgba(2,6,23,.14)!important}
.page-sistemas .icons-carousel .arrowCircle,.page-sistemas .arrowCircle,.page-sistemas .pill,.page-sistemas .badge{backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}
.page-sistemas .arrowCircle:hover,.page-sistemas .listSlider .arrowCircle:hover,.page-sistemas .carousel .arrowCircle:hover{transform:none!important}
.page-sistemas .card,.page-sistemas .fcard,.page-sistemas .carousel,.page-sistemas .listSlider,.page-sistemas .pricing-table-nube,.page-sistemas .pricing-nube-extra{box-shadow:0 8px 20px rgba(15,23,42,.08)!important}

:is(#svc-actions,#toc-actions){right:12px!important;bottom:82px!important;z-index:10031!important}
:is(#svc-actions,#toc-actions) .toc-panel{right:60px!important;bottom:-2px!important;width:min(420px,calc(100vw - 92px))!important;min-width:min(420px,calc(100vw - 92px))!important;max-width:min(420px,calc(100vw - 92px))!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:16px!important}
:is(#svc-actions,#toc-actions) .toc-panel>*{min-width:0!important}
:is(#svc-actions,#toc-actions) .toc-panel a{min-width:0!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;white-space:normal!important}
#toc:not(.collapsed){right:92px!important;bottom:12px!important;width:286px!important;max-width:calc(100vw - 104px)!important}
#sat-fab,#sat-global-panel,#sat-fab-trigger,.sat-fab-trigger{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:680px){:is(#svc-actions,#toc-actions) .toc-panel{width:min(340px,calc(100vw - 84px))!important;min-width:min(340px,calc(100vw - 84px))!important;max-width:min(340px,calc(100vw - 84px))!important;right:60px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* EXPIRITI FIX COMPARATIVAS SISTEMAS v2026.05.12 */
.page-sistemas #comparativa .cmp-scroll{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.page-sistemas :is(.table-scroll,.cmp-scroll,.pricing-table-nube-wrap){width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;overscroll-behavior-y:auto!important;touch-action:auto!important}
.page-sistemas .table-scroll>.table-like{width:100%;min-width:720px;table-layout:fixed}
.page-sistemas .table-scroll>.pricing-table-nube{min-width:760px}
.page-sistemas #comparativa .cmp-scroll>.table-like{width:100%!important;min-width:760px!important;table-layout:fixed!important}
.page-sistemas #comparativa .cmp-scroll>.table-like.cmp-icons{width:100%!important;min-width:900px!important;table-layout:fixed!important}
.page-sistemas #comparativa .table-like th,.page-sistemas #comparativa .table-like td{vertical-align:middle!important}
@media(max-width:980px){.page-sistemas #comparativa .cmp-scroll>.table-like{min-width:760px!important}.page-sistemas #comparativa .cmp-scroll>.table-like.cmp-icons{min-width:860px!important}}
@media(max-width:640px){.page-sistemas #comparativa .cmp-scroll>.table-like{min-width:720px!important}.page-sistemas #comparativa .cmp-scroll>.table-like.cmp-icons{min-width:820px!important}}

/* EXPIRITI FIX COMPARATIVAS SISTEMAS v2026.05.12-u2 */
.page-sistemas #comparativa .card.body{overflow:hidden!important}
.page-sistemas #comparativa .cmp-scroll{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.page-sistemas #comparativa .table-like{font-size:clamp(14px,1.05vw,16px)!important;line-height:1.38!important}
.page-sistemas #comparativa .table-like th,.page-sistemas #comparativa .table-like td{padding:14px 16px!important;vertical-align:middle!important}
.page-sistemas #comparativa .table-like th:first-child,.page-sistemas #comparativa .table-like td:first-child{text-align:left!important}
.page-sistemas #comparativa .table-like th:not(:first-child),.page-sistemas #comparativa .table-like td:not(:first-child){text-align:center!important}
.page-sistemas #comparativa .cmp-scroll>.table-like{width:100%!important;min-width:760px!important;table-layout:fixed!important}
.page-sistemas #comparativa .cmp-scroll>.table-like.cmp-icons{width:100%!important;min-width:900px!important;table-layout:fixed!important}
.page-sistemas #comparativa .cmp-logo{display:inline-block!important;width:auto!important;height:38px!important;max-width:150px!important;padding:6px 8px!important;border-radius:12px!important;vertical-align:middle!important;object-fit:contain!important}
@media(max-width:640px){.page-sistemas #comparativa .table-like{font-size:14px!important}.page-sistemas #comparativa .table-like th,.page-sistemas #comparativa .table-like td{padding:12px 14px!important}.page-sistemas #comparativa .cmp-scroll>.table-like{min-width:720px!important}.page-sistemas #comparativa .cmp-scroll>.table-like.cmp-icons{min-width:820px!important}}

/* EXPIRITI COMPARATIVAS LEGIBILIDAD v2026.05.12 */
.page-sistemas #comparativa .table-like{font-size:15px!important;line-height:1.38!important}
.page-sistemas #comparativa .table-like th,.page-sistemas #comparativa .table-like td{padding:14px 16px!important;vertical-align:middle!important}
.page-sistemas #comparativa .table-like th:first-child,.page-sistemas #comparativa .table-like td:first-child{text-align:left!important}
.page-sistemas #comparativa .table-like th:not(:first-child),.page-sistemas #comparativa .table-like td:not(:first-child){text-align:center!important}
.page-sistemas #comparativa .cmp-logo{display:block!important;margin:0 auto!important;width:auto!important;height:58px!important;max-width:190px!important;object-fit:contain!important;padding:4px 6px!important;border-radius:12px!important}
@media(max-width:640px){.page-sistemas #comparativa .table-like{font-size:14px!important}.page-sistemas #comparativa .cmp-logo{height:48px!important;max-width:160px!important}}

/* EXPIRITI FIX FACTURA/BADGES/CMP PREMIUM v2026.05.12-u4 */
.page-sistemas main.hero h1 img[src*="factura.webp"]{width:230px!important;max-width:60vw!important;height:auto!important;padding:8px!important;border-radius:18px!important;background:linear-gradient(180deg,#fde68a,#fbbf24)!important;border:2px solid #f59e0b!important;box-shadow:0 6px 14px rgba(2,6,23,.12)!important;object-fit:contain!important}
html[data-theme=light] .page-sistemas .badge:not([style]){font-weight:650!important}
html[data-theme=light] .page-sistemas .badge[style=""]{font-weight:650!important}
.page-sistemas #comparativa .table-like{font-size:15px!important;line-height:1.38!important}
.page-sistemas #comparativa .table-like th,.page-sistemas #comparativa .table-like td{padding:14px 16px!important;vertical-align:middle!important}
.page-sistemas #comparativa .table-like th:first-child,.page-sistemas #comparativa .table-like td:first-child{text-align:left!important}
.page-sistemas #comparativa .table-like th:not(:first-child),.page-sistemas #comparativa .table-like td:not(:first-child){text-align:center!important}
.page-sistemas #comparativa .cmp-logo{display:block!important;margin:0 auto!important;width:auto!important;height:58px!important;max-width:190px!important;object-fit:contain!important;padding:6px 8px!important;border-radius:12px!important}
@media(max-width:640px){.page-sistemas main.hero h1 img[src*="factura.webp"]{width:210px!important;max-width:72vw!important}.page-sistemas #comparativa .table-like{font-size:14px!important}.page-sistemas #comparativa .cmp-logo{height:48px!important;max-width:160px!important}}

/* EXPIRITI BADGES FINAL SISTEMAS v2026.05.12 */
.page-sistemas .badges{mask-image:none!important;-webkit-mask-image:none!important}
.page-sistemas .badges>.badge:not([style]){font-weight:350!important}
.page-sistemas .badges>.badge:not([style]) *{font-weight:350!important}
.page-sistemas .badges>.badge[style]{font-weight:850!important}
.page-sistemas .badges>.badge[style] *{font-weight:850!important}
@media(max-width:860px){.page-sistemas .badges{mask-image:none!important;-webkit-mask-image:none!important;padding-left:0!important;padding-right:0!important}}


/* =========================================================
   EXPIRITI_CANON_INVESTMENT_OWNER_20260812

   Visibilidad: calculadora.js.
   CSS: únicamente geometría y responsive.
   ========================================================= */

body[data-calc="escritorio"]
.page-sistemas #combined-wrap{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:16px 0 0!important;
  overflow:visible!important;
  align-self:stretch!important;
  justify-self:stretch!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  table-layout:fixed!important;
  overflow:visible!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table td:first-child{
  width:62%!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table td:last-child{
  width:38%!important;
  text-align:right!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .sum-head{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .sum-tail{
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:visible!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table tr:last-child td:first-child{
  width:22%!important;
  min-width:82px!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child{
  width:78%!important;
  min-width:0!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

body[data-calc="escritorio"]
.page-sistemas #combined-wrap .mxn-letra{
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:5px 0 0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;
  text-overflow:visible!important;
  text-align:right!important;
  line-height:1.14!important;
}

@media(max-width:980px){

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:12px 0 0!important;
    padding:0!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table td{
    padding:10px 11px!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table td:first-child{
    width:58%!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table td:last-child{
    width:42%!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table tr:last-child td:first-child{
    width:24%!important;
    min-width:68px!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .combined-table tr:last-child td:last-child{
    width:76%!important;
    min-width:0!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .sum-head{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    flex-wrap:wrap!important;
    white-space:normal!important;
    overflow:visible!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .sum-tail{
    flex:1 1 100%!important;
    width:100%!important;
    margin-top:2px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:visible!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .mxn-letra{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(10px,2.65vw,12px)!important;
    line-height:1.14!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
  }
}

@media(max-width:430px){

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .sum-logo{
    width:auto!important;
    max-width:116px!important;
    height:32px!important;
    max-height:32px!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .sum-label{
    font-size:14px!important;
  }

  body[data-calc="escritorio"]
  .page-sistemas #combined-wrap .mxn-letra{
    font-size:10px!important;
    line-height:1.16!important;
  }
}


/* EXPIRITI_INVEST_FINAL_OWNER_20260812 */
.page-sistemas .calc-strip{
  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow-x:visible!important;
}
.page-sistemas #combined-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.page-sistemas #combined-wrap .sum-tail{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  min-width:0!important;
}
.page-sistemas #combined-wrap .mxn-letra{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
@media(max-width:980px){
  .page-sistemas .calc-strip{
    max-width:100%!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .page-sistemas #combined-wrap .mxn-letra{
    font-size:clamp(10px,2.7vw,12px)!important;
    line-height:1.15!important;
  }
}

/* =========================================================
   EXPIRITI_T12B_FIRST_COMPARISON
   Desktop only:
   first table or unique table inside #comparativa.
   ========================================================= */

@media(min-width:981px){

  #comparativa
  table.exp-sys-first-comparison{

    width:100%!important;
    max-width:100%!important;

    min-width:0!important;

    table-layout:fixed!important;

    margin-left:auto!important;
    margin-right:auto!important;
  }


  #comparativa
  table.exp-sys-first-comparison
  :is(th,td){

    box-sizing:border-box!important;

    white-space:normal!important;

    word-break:normal!important;

    overflow-wrap:break-word!important;

    hyphens:none!important;
  }


  #comparativa
  table.exp-sys-first-comparison
  :is(th,td):first-child{

    width:30%!important;

    text-align:left!important;
  }


  #comparativa
  table.exp-sys-first-comparison
  :is(th,td):not(:first-child){

    text-align:center!important;
  }
}


/* Same contact-field equalization for Systems pages. */

form:has(input.exp-contact-email)
input.exp-contact-name,

form:has(input.exp-contact-email)
input.exp-contact-email,

form:has(input.exp-contact-email)
input.exp-contact-tel{

  width:100%!important;
  min-width:0!important;
  max-width:none!important;

  flex:1 1 0!important;
}


/* Existing unmarked contact fields still receive sane sizing. */

form
input[placeholder="tu@correo.com"]{

  width:100%!important;
  min-width:0!important;
}

/* EXPIRITI_T16_SYSTEMS_CSS_START */


/* ==========================================================
   BENEFICIOS "PELONES", SIN TARJETA/LINEAS
   ========================================================== */

.page-sistemas
.exp-t16-benefit-grid{

  align-items:
    start!important;

  gap:
    22px!important;
}


.page-sistemas
.exp-t16-benefit-slider{

  position:
    relative!important;

  margin-top:
    20px!important;

  padding:
    4px 0 50px!important;

  background:
    transparent!important;

  border:
    0!important;

  border-radius:
    0!important;

  box-shadow:
    none!important;

  overflow:
    hidden!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listPage{

  grid-template-columns:
    minmax(0,1fr)!important;

  gap:
    18px!important;

  align-content:
    start!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listItem{

  display:
    grid!important;

  grid-template-columns:
    76px minmax(0,1fr)!important;

  align-items:
    center!important;

  gap:
    18px!important;

  min-height:
    96px!important;

  padding:
    4px 0!important;

  margin:
    0!important;

  border:
    0!important;

  border-bottom:
    0!important;

  border-radius:
    0!important;

  background:
    transparent!important;

  box-shadow:
    none!important;

  text-align:
    left!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listIcon{

  width:
    62px!important;

  height:
    62px!important;

  min-width:
    62px!important;

  display:
    grid!important;

  place-items:
    center!important;

  margin:
    0 auto!important;

  padding:
    0!important;

  border:
    0!important;

  border-radius:
    0!important;

  background:
    transparent!important;

  box-shadow:
    none!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listIcon img{

  display:
    block!important;

  width:
    58px!important;

  height:
    58px!important;

  object-fit:
    contain!important;

  border:
    0!important;

  background:
    transparent!important;

  box-shadow:
    none!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listItem strong{

  display:
    block!important;

  margin:
    0 0 6px!important;

  text-align:
    left!important;

  font-size:
    1rem!important;

  line-height:
    1.25!important;
}


.page-sistemas
.exp-t16-benefit-slider
.listItem strong + div{

  text-align:
    left!important;

  line-height:
    1.45!important;
}


/* Beneficios: flechas abajo, no interfieren con contenido. */

.page-sistemas
.exp-t16-benefit-slider
.arrowCircle{

  top:
    auto!important;

  bottom:
    3px!important;

  transform:
    none!important;
}


.page-sistemas
.exp-t16-benefit-slider
.arrowCircle.prev{

  left:
    auto!important;

  right:
    56px!important;
}


.page-sistemas
.exp-t16-benefit-slider
.arrowCircle.next{

  left:
    auto!important;

  right:
    6px!important;
}


/* ==========================================================
   CTA SISTEMAS
   ========================================================== */

.page-sistemas
.exp-t16-system-ctas{

  display:
    flex!important;

  align-items:
    center!important;

  gap:
    10px!important;

  flex-wrap:
    wrap!important;

  margin-top:
    14px!important;
}


.page-sistemas
.exp-t16-system-ctas
.btn{

  display:
    inline-flex!important;

  align-items:
    center!important;

  justify-content:
    center!important;

  gap:
    7px!important;
}


.page-sistemas
.exp-t16-wa-icon{

  display:
    block!important;

  width:
    18px!important;

  height:
    18px!important;

  object-fit:
    contain!important;

  padding:
    0!important;

  border:
    0!important;

  border-radius:
    0!important;

  background:
    transparent!important;

  box-shadow:
    none!important;

  filter:
    none!important;
}


/* ==========================================================
   REELS
   ========================================================== */

.page-sistemas
.exp-t16-reel-title{

  display:
    block!important;

  margin:
    0 0 12px!important;

  font-size:
    clamp(
      1.1rem,
      1.5vw,
      1.38rem
    )!important;

  font-weight:
    800!important;

  line-height:
    1.23!important;

  letter-spacing:
    -.015em!important;

  background:
    linear-gradient(
      90deg,
      #183768 0%,
      #3478df 48%,
      #68a4ff 100%
    )!important;

  -webkit-background-clip:
    text!important;

  background-clip:
    text!important;

  color:
    transparent!important;

  -webkit-text-fill-color:
    transparent!important;
}


/* ==========================================================
   FLECHAS REELS — POSICIÓN ESTABLE
   ========================================================== */

.page-sistemas
.carousel{

  position:
    relative!important;
}


.page-sistemas
.carousel > .arrowCircle{

  position:
    absolute!important;

  top:
    50%!important;

  bottom:
    auto!important;

  z-index:
    8!important;

  transform:
    translateY(-50%)!important;

  transition:
    background-color .16s ease,
    box-shadow .16s ease,
    opacity .16s ease!important;
}


.page-sistemas
.carousel > .arrowCircle.prev{

  left:
    8px!important;

  right:
    auto!important;
}


.page-sistemas
.carousel > .arrowCircle.next{

  right:
    8px!important;

  left:
    auto!important;
}


.page-sistemas
.carousel > .arrowCircle:hover,

.page-sistemas
.carousel > .arrowCircle:active,

.page-sistemas
.carousel > .arrowCircle.exp-t16-arrow-feedback{

  transform:
    translateY(-50%)!important;

  background:
    rgba(59,130,246,.14)!important;

  box-shadow:
    0 0 0 5px
    rgba(59,130,246,.10),
    0 8px 24px
    rgba(15,23,42,.16)!important;
}


/* ==========================================================
   TABLAS — FORMATO COMPARTIDO
   ========================================================== */

.page-sistemas
.exp-t16-compare-wrap{

  width:
    100%!important;

  max-width:
    100%!important;

  border-radius:
    18px!important;

  touch-action:
    auto!important;

  overscroll-behavior-x:
    contain!important;

  overscroll-behavior-y:
    auto!important;
}


.page-sistemas
.exp-t16-compare-table{

  width:
    100%!important;

  max-width:
    100%!important;

  border-spacing:
    0!important;

  table-layout:
    fixed!important;
}


.page-sistemas
.exp-t16-compare-table
:is(th,td){

  min-width:
    0!important;

  white-space:
    normal!important;

  word-break:
    normal!important;

  overflow-wrap:
    break-word!important;

  hyphens:
    none!important;

  vertical-align:
    middle!important;
}


.page-sistemas
.exp-t16-compare-table
th{

  font-family:
    var(--exp-font-sans)!important;

  font-size:
    clamp(.89rem,.95vw,.98rem)!important;

  font-weight:
    800!important;

  letter-spacing:
    -.012em!important;

  line-height:
    1.2!important;
}


/*
 * PRIMERA COMPARATIVA:
 * formato Servicios, lectura izquierda.
 */

.page-sistemas
.exp-t16-compare-primary
:is(th,td){

  text-align:
    left!important;
}


/*
 * SEGUNDA COMPARATIVA Y POSTERIORES:
 * primera columna izquierda, valores centrados.
 */

.page-sistemas
.exp-t16-compare-secondary
:is(th,td){

  text-align:
    center!important;
}


.page-sistemas
.exp-t16-compare-secondary
tr > :first-child{

  text-align:
    left!important;
}


@media(min-width:901px){

  .page-sistemas
  .exp-t16-compare-wrap{

    overflow-x:
      visible!important;

    overflow-y:
      visible!important;
  }


  .page-sistemas
  .exp-t16-compare-primary
  tr > :first-child{

    width:
      28%!important;
  }


  .page-sistemas
  .exp-t16-compare-secondary
  tr > :first-child{

    width:
      28%!important;
  }
}


@media(max-width:900px){

  .page-sistemas
  .exp-t16-compare-wrap{

    overflow-x:
      auto!important;

    overflow-y:
      hidden!important;

    -webkit-overflow-scrolling:
      touch!important;
  }


  .page-sistemas
  .exp-t16-compare-table{

    min-width:
      820px!important;
  }


  .page-sistemas
  .exp-t16-compare-table
  tr > :first-child{

    width:
      220px!important;
  }
}


@media(max-width:700px){

  .page-sistemas
  .exp-t16-benefit-slider
  .listItem{

    grid-template-columns:
      56px minmax(0,1fr)!important;

    gap:
      13px!important;

    min-height:
      86px!important;
  }


  .page-sistemas
  .exp-t16-benefit-slider
  .listIcon{

    width:
      50px!important;

    height:
      50px!important;

    min-width:
      50px!important;
  }


  .page-sistemas
  .exp-t16-benefit-slider
  .listIcon img{

    width:
      48px!important;

    height:
      48px!important;
  }


  .page-sistemas
  .exp-t16-system-ctas
  .btn{

    flex:
      1 1 155px!important;
  }
}


/* EXPIRITI_T16_SYSTEMS_CSS_END */

/* EXPIRITI_T17_SYSTEMS_CSS_START */


/* ==========================================================
   BENEFICIOS — MISMO LENGUAJE VISUAL DE CURSOS
   ========================================================== */

body.page-sistemas
.exp-t17-system-benefits{

 position:relative!important;

 margin-top:24px!important;

 padding:14px 18px 54px!important;

 background:
  var(--card,#fff)!important;

 border:
  1px solid rgba(148,163,184,.22)!important;

 border-radius:
  22px!important;

 box-shadow:
  0 12px 30px rgba(15,23,42,.09)!important;

 overflow:hidden!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listPage{

 display:grid!important;

 grid-template-columns:
  minmax(0,1fr)!important;

 gap:14px!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listItem{

 display:grid!important;

 grid-template-columns:
  72px minmax(0,1fr)!important;

 gap:18px!important;

 align-items:center!important;

 min-height:96px!important;

 padding:6px 0!important;

 margin:0!important;

 background:
  transparent!important;

 border:
  0!important;

 border-bottom:
  0!important;

 border-radius:
  0!important;

 box-shadow:
  none!important;

 text-align:left!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listIcon{

 width:60px!important;
 height:60px!important;
 min-width:60px!important;

 display:grid!important;
 place-items:center!important;

 margin:0 auto!important;
 padding:0!important;

 background:
  transparent!important;

 border:
  0!important;

 border-radius:
  0!important;

 box-shadow:
  none!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listIcon img{

 display:block!important;

 width:56px!important;
 height:56px!important;

 object-fit:contain!important;

 background:
  transparent!important;

 border:
  0!important;

 box-shadow:
  none!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listItem strong{

 display:block!important;

 margin:0 0 6px!important;

 font-size:1rem!important;
 font-weight:800!important;
 line-height:1.25!important;

 text-align:left!important;
}


body.page-sistemas
.exp-t17-system-benefits
.listItem strong + div{

 line-height:1.45!important;
 text-align:left!important;
}


/* flechas de beneficios */
body.page-sistemas
.exp-t17-system-benefits
.arrowCircle{

 top:auto!important;
 bottom:8px!important;

 transform:none!important;
}


body.page-sistemas
.exp-t17-system-benefits
.arrowCircle.prev{

 left:auto!important;
 right:58px!important;
}


body.page-sistemas
.exp-t17-system-benefits
.arrowCircle.next{

 left:auto!important;
 right:10px!important;
}


/* ==========================================================
   TABLAS
   ========================================================== */

body.page-sistemas
.exp-t17-compare-wrap{

 width:100%!important;
 max-width:100%!important;

 border-radius:18px!important;

 touch-action:auto!important;

 overscroll-behavior-x:
  contain!important;

 overscroll-behavior-y:
  auto!important;
}


body.page-sistemas
table.exp-t17-compare-table{

 width:100%!important;
 max-width:100%!important;

 table-layout:fixed!important;

 border-collapse:
  separate!important;

 border-spacing:0!important;
}


body.page-sistemas
table.exp-t17-compare-table
:is(th,td){

 white-space:normal!important;

 hyphens:none!important;

 font-size:.95rem!important;

 line-height:1.28!important;
}


body.page-sistemas
table.exp-t17-compare-table
thead tr:first-child > *{

 color:
  #172033!important;

 font-family:
  var(--exp-font-sans)!important;

 font-size:
  .93rem!important;

 font-weight:
  850!important;

 letter-spacing:
  -.015em!important;

 line-height:
  1.18!important;

 background:
  color-mix(
   in srgb,
   #f8fafc 94%,
   #dbeafe
  )!important;
}


html[data-theme="dark"]
body.page-sistemas
table.exp-t17-compare-table
thead tr:first-child > *{

 color:
  #eef4ff!important;

 background:
  rgba(30,41,59,.74)!important;
}


/* PRIMARY = estilo Servicios, lectura natural */
body.page-sistemas
table.exp-t17-compare-primary
:is(th,td){

 text-align:left!important;
}


/* SECONDARY = valores centrados */
body.page-sistemas
table.exp-t17-compare-secondary
tr > :first-child{

 text-align:left!important;
}


body.page-sistemas
table.exp-t17-compare-secondary
tr > :not(:first-child){

 text-align:center!important;
}


@media(min-width:901px){

 body.page-sistemas
 .exp-t17-compare-wrap{

  overflow-x:
   visible!important;

  overflow-y:
   visible!important;
 }
}


@media(max-width:900px){

 body.page-sistemas
 .exp-t17-compare-wrap{

  overflow-x:auto!important;
  overflow-y:hidden!important;

  -webkit-overflow-scrolling:
   touch!important;
 }


 body.page-sistemas
 table.exp-t17-compare-table{

  min-width:820px!important;
 }
}


@media(max-width:700px){

 body.page-sistemas
 .exp-t17-system-benefits{

  padding:
   10px 12px 50px!important;
 }


 body.page-sistemas
 .exp-t17-system-benefits
 .listItem{

  grid-template-columns:
   56px minmax(0,1fr)!important;

  gap:13px!important;

  min-height:86px!important;
 }


 body.page-sistemas
 .exp-t17-system-benefits
 .listIcon{

  width:50px!important;
  height:50px!important;
  min-width:50px!important;
 }


 body.page-sistemas
 .exp-t17-system-benefits
 .listIcon img{

  width:48px!important;
  height:48px!important;
 }
}


/* EXPIRITI_T17_SYSTEMS_CSS_END */

/* EXPIRITI_T18_SYSTEM_HERO_CSS_START */


/* ==========================================================
   HERO LINE
   ========================================================== */

body.page-sistemas
.exp-t18-system-hero-row{

 display:flex!important;

 align-items:center!important;

 justify-content:flex-start!important;

 gap:18px!important;

 flex-wrap:wrap!important;

 width:100%!important;

 margin:
  12px 0 16px!important;
}


body.page-sistemas
.exp-t18-system-hero-row
> h1{

 flex:
  0 0 auto!important;

 margin:
  0!important;

 padding:
  0!important;
}


body.page-sistemas
.exp-t18-system-hero-row
> h1 img{

 display:block!important;

 margin:
  0!important;
}


body.page-sistemas
.exp-t18-system-hero-row
> .badges{

 display:flex!important;

 align-items:center!important;

 justify-content:flex-start!important;

 gap:
  8px 18px!important;

 flex:
  1 1 360px!important;

 flex-wrap:
  wrap!important;

 margin:
  0!important;

 padding:
  0!important;
}


/* ==========================================================
   MICROBENEFICIOS:
   NO parecen botones, NO parecen filtros.
   ========================================================== */

body.page-sistemas
.exp-t18-system-hero-row
> .badges
.badge{

 display:inline-flex!important;

 align-items:center!important;

 gap:8px!important;

 margin:0!important;

 padding:0!important;

 min-height:0!important;

 color:
  #445269!important;

 background:
  transparent!important;

 background-image:
  none!important;

 border:
  0!important;

 border-radius:
  0!important;

 box-shadow:
  none!important;

 outline:
  0!important;

 font-size:
  .82rem!important;

 font-weight:
  700!important;

 line-height:
  1.28!important;

 text-decoration:
  none!important;

 cursor:
  default!important;

 pointer-events:
  none!important;
}


body.page-sistemas
.exp-t18-system-hero-row
> .badges
.badge::before{

 content:""!important;

 display:block!important;

 flex:
  0 0 6px!important;

 width:6px!important;

 height:6px!important;

 border-radius:
  50%!important;

 background:
  linear-gradient(
    135deg,
    #16b8a6,
    #4f8df7
  )!important;

 box-shadow:
  none!important;
}


html[data-theme="dark"]
body.page-sistemas
.exp-t18-system-hero-row
> .badges
.badge{

 color:
  #d6e0ef!important;
}


/* ==========================================================
   QUITAR TARJETA EXTERIOR DE RESUMEN
   ========================================================== */

body.page-sistemas
.exp-t18-flat-summary-shell{

 width:
  100%!important;

 max-width:
  100%!important;

 margin:
  0!important;

 padding:
  0!important;

 background:
  transparent!important;

 background-image:
  none!important;

 border:
  0!important;

 border-radius:
  0!important;

 box-shadow:
  none!important;

 overflow:
  visible!important;
}


body.page-sistemas
.exp-t18-flat-summary-shell
> .grid-2{

 margin:
  0!important;

 padding:
  0!important;
}


@media(max-width:780px){

 body.page-sistemas
 .exp-t18-system-hero-row{

  align-items:
   flex-start!important;

  gap:
   12px!important;
 }


 body.page-sistemas
 .exp-t18-system-hero-row
 > .badges{

  flex-basis:
   100%!important;

  gap:
   7px 14px!important;
 }
}


/* EXPIRITI_T18_SYSTEM_HERO_CSS_END */

/* EXPIRITI_T19_SYSTEM_GLOBAL_START */


/* ==========================================================
   PERMANENT STATIC HERO ROW — ALL SYSTEMS
   ========================================================== */

body.page-sistemas
.exp-t19-system-hero-line{

 display:flex!important;

 align-items:center!important;

 justify-content:flex-start!important;

 gap:
  10px 20px!important;

 flex-wrap:
  wrap!important;

 width:100%!important;

 margin:
  12px 0 18px!important;
}


body.page-sistemas
.exp-t19-system-hero-line
> .exp-t19-hero-title{

 display:flex!important;

 align-items:center!important;

 flex:
  0 0 auto!important;

 margin:
  0!important;

 padding:
  0!important;
}


body.page-sistemas
.exp-t19-system-hero-line
> .exp-t19-hero-title img{

 display:block!important;

 margin:0!important;
}


/* ==========================================================
   MICROBENEFICIOS — INFORMATION, NOT BUTTONS
   ========================================================== */

body.page-sistemas
.exp-t19-microbenefits{

 display:flex!important;

 align-items:center!important;

 justify-content:flex-start!important;

 flex:
  1 1 360px!important;

 flex-wrap:wrap!important;

 gap:
  7px 18px!important;

 margin:0!important;
 padding:0!important;
}


body.page-sistemas
.exp-t19-microbenefits
.badge{

 display:inline-flex!important;

 align-items:center!important;

 gap:8px!important;

 min-height:0!important;

 margin:0!important;
 padding:0!important;

 color:
  #46546a!important;

 background:
  transparent!important;

 background-image:
  none!important;

 border:
  0!important;

 border-radius:
  0!important;

 outline:
  0!important;

 box-shadow:
  none!important;

 font-size:
  .82rem!important;

 font-weight:
  700!important;

 line-height:
  1.28!important;

 text-decoration:
  none!important;

 cursor:
  default!important;

 pointer-events:
  none!important;
}


body.page-sistemas
.exp-t19-microbenefits
.badge::before{

 content:""!important;

 display:block!important;

 width:6px!important;
 height:6px!important;

 flex:
  0 0 6px!important;

 border-radius:
  50%!important;

 background:
  linear-gradient(
    135deg,
    #17ad9f,
    #4d8df4
  )!important;

 box-shadow:
  none!important;
}


html[data-theme="dark"]
body.page-sistemas
.exp-t19-microbenefits
.badge{

 color:
  #d6e1ef!important;
}


/* ==========================================================
   CENTER LEFT BENEFIT COLUMN VERTICALLY AGAINST REEL

   This is the IMG2 -> IMG3 correction.
   ========================================================== */

@media(min-width:901px){

 body.page-sistemas
 .exp-t17-system-benefit-column,

 body.page-sistemas
 .exp-t16-benefit-column,

 body.page-sistemas
 .exp-t15sr2-benefit-column{

  align-self:
   center!important;

  margin-top:
   auto!important;

  margin-bottom:
   auto!important;
 }


 body.page-sistemas
 .exp-t17-system-benefit-column
 .exp-t17-system-benefits{

  margin-top:
   22px!important;

  margin-bottom:
   0!important;
 }
}


@media(max-width:900px){

 body.page-sistemas
 .exp-t19-system-hero-line{

  align-items:
   flex-start!important;

  gap:
   11px!important;
 }


 body.page-sistemas
 .exp-t19-microbenefits{

  flex:
   1 1 100%!important;

  width:
   100%!important;

  gap:
   7px 14px!important;
 }


 body.page-sistemas
 .exp-t17-system-benefit-column,

 body.page-sistemas
 .exp-t16-benefit-column,

 body.page-sistemas
 .exp-t15sr2-benefit-column{

  align-self:
   stretch!important;

  width:
   100%!important;

  margin:
   0!important;
 }
}


/* EXPIRITI_T19_SYSTEM_GLOBAL_END */

/* EXPIRITI_T20_SYSTEM_MOBILE_ARROWS_START */

/*
 * Sistemas mobile:
 * listSlider arrows use the same centered bottom geometry
 * as the working Services presentation.
 *
 * IMPORTANT:
 * This does NOT touch reel/video carousel arrows.
 */

@media(max-width:900px){

  body.page-sistemas
  .listSlider{

    position:
      relative!important;

    padding-bottom:
      60px!important;
  }


  body.page-sistemas
  .listSlider
  .arrowCircle{

    position:
      absolute!important;

    top:
      auto!important;

    bottom:
      10px!important;

    right:
      auto!important;

    width:
      40px!important;

    height:
      40px!important;

    min-width:
      40px!important;

    min-height:
      40px!important;

    margin:
      0!important;

    transform:
      none!important;

    z-index:
      6!important;
  }


  /*
   * Two 40px buttons + 12px gap = 92px group.
   * Group is mathematically centered.
   */

  body.page-sistemas
  .listSlider
  .arrowCircle.prev{

    left:
      calc(50% - 46px)!important;
  }


  body.page-sistemas
  .listSlider
  .arrowCircle.next{

    left:
      calc(50% + 6px)!important;
  }


  body.page-sistemas
  .listSlider
  .arrowCircle:hover,

  body.page-sistemas
  .listSlider
  .arrowCircle:active,

  body.page-sistemas
  .listSlider
  .arrowCircle:focus-visible{

    transform:
      none!important;

    box-shadow:
      0 0 0 4px
      rgba(59,130,246,.10),
      0 7px 20px
      rgba(15,23,42,.12)!important;
  }
}


/* EXPIRITI_T20_SYSTEM_MOBILE_ARROWS_END */

/* EXPIRITI_T21_SYSTEM_MOBILE_CSS_START */

@media(max-width:900px){

  body.page-sistemas
  .listSlider
  .listTrack{

    display:flex!important;

    width:100%!important;

    max-width:100%!important;

    overflow-x:auto!important;
    overflow-y:hidden!important;

    scroll-snap-type:
      x mandatory!important;

    scroll-behavior:
      smooth!important;

    -webkit-overflow-scrolling:
      touch!important;

    scrollbar-width:
      none!important;
  }


  body.page-sistemas
  .listSlider
  .listTrack::-webkit-scrollbar{

    display:none!important;
  }


  body.page-sistemas
  .listSlider
  .listTrack
  > .listPage{

    flex:
      0 0 100%!important;

    width:
      100%!important;

    min-width:
      100%!important;

    max-width:
      100%!important;

    scroll-snap-align:
      start!important;
  }
}


/* EXPIRITI_T21_SYSTEM_MOBILE_CSS_END */

/* EXPIRITI_T22_SYSTEM_MOBILE_START */


/* Single-page fake controls never shown. */

body.page-sistemas
.listSlider
.arrowCircle.is-disabled{

  display:
    none!important;

  pointer-events:
    none!important;
}


@media(max-width:900px){

  /*
   * User policy:
   * MOBILE = swipe, not < > buttons.
   */

  body.page-sistemas
  .listSlider
  .arrowCircle{

    display:
      none!important;

    pointer-events:
      none!important;
  }


  body.page-sistemas
  .listSlider
  .listTrack{

    overflow-x:
      auto!important;

    overflow-y:
      hidden!important;

    -webkit-overflow-scrolling:
      touch!important;

    overscroll-behavior-x:
      contain!important;

    overscroll-behavior-y:
      auto!important;

    touch-action:
      pan-x pan-y!important;

    scroll-snap-type:
      x proximity!important;

    scrollbar-width:
      none!important;
  }


  body.page-sistemas
  .listSlider
  .listTrack::-webkit-scrollbar{

    display:
      none!important;
  }


  body.page-sistemas
  .listSlider
  .listPage{

    scroll-snap-align:
      start!important;
  }
}


/* EXPIRITI_T22_SYSTEM_MOBILE_END */

/* EXPIRITI_T23_S2_R2_CRITICAL_MOBILE_HERO_START */
@media(max-width:767px){
  .page-sistemas main.container.hero{display:flex!important;flex-direction:column!important}
  .page-sistemas main.container.hero>.exp-t19-system-hero-line{order:-2;display:block!important;min-height:0!important;margin:0!important;gap:0!important}
  .page-sistemas main.container.hero>a.hint[href^="/index.html#productos-con"]{order:-1;align-self:flex-start;margin:10px 0 14px!important}
  .page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title{display:block!important;min-height:0!important;margin:0!important}
  .page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img{display:block!important;height:auto!important;max-width:min(72vw,230px)!important;object-fit:contain!important}
  .page-sistemas .exp-t19-system-hero-line>.exp-t19-microbenefits{display:none!important}
}
/* EXPIRITI_T23_S2_R2_CRITICAL_MOBILE_HERO_END */

/* EXPIRITI_T24_UX1_TEXT_BENEFITS_ALIGNMENT_START */
body.page-sistemas .listSlider .listItem,
body.page-sistemas .listSlider .listItem > div{
  text-align:left!important;
}
body.page-sistemas .listSlider .listIcon{
  margin-left:0!important;
  margin-right:auto!important;
}
@media(max-width:900px){
  body.page-sistemas .listSlider .arrowCircle{
    display:inline-flex!important;
    pointer-events:auto!important;
  }
  body.page-sistemas .listSlider .listItem{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    text-align:center!important;
  }
  body.page-sistemas .listSlider .listItem > div,
  body.page-sistemas .listSlider .listItem strong,
  body.page-sistemas .listSlider .listItem strong + div{
    width:100%!important;
    text-align:center!important;
  }
  body.page-sistemas .listSlider .listIcon{
    width:60px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* EXPIRITI_T24_UX1_TEXT_BENEFITS_ALIGNMENT_END */


/* EXPIRITI_T24_SYSTEM_TEXT_SLIDER_CSS_OWNER_START
 * Alineación del slider TEXTUAL (.listSlider) en Sistemas.
 * Desktop >=901px: contenido e iconos a la IZQUIERDA.
 * Mobile  <=900px: contenido e iconos CENTRADOS.
 * No afecta reels/video (.carousel, .carouselX, #carouselReels).
 */
@media(min-width:901px){

  body.page-sistemas .listSlider .listPage{
    justify-items:start!important;
    align-content:start!important;
  }

  body.page-sistemas .listSlider .listItem{
    flex-direction:row!important;
    align-items:center!important;
    justify-items:start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:0!important;
  }

  body.page-sistemas .listSlider .listItem>div:last-child{
    text-align:left!important;
    margin-left:0!important;
    margin-right:auto!important;
  }

  body.page-sistemas .listSlider .listIcon{
    margin:0 14px 0 0!important;
  }

  body.page-sistemas .listSlider .listIcon img{
    margin:0!important;
  }
}

@media(max-width:900px){

  body.page-sistemas .listSlider .listItem{
    flex-direction:column!important;
    align-items:center!important;
    text-align:center!important;
  }

  body.page-sistemas .listSlider .listItem>div:last-child{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.page-sistemas .listSlider .listIcon{
    margin:0 auto!important;
  }
}

/* Extremos nunca deshabilitados: solo se oculta si hay una sola página. */
body.page-sistemas .listSlider .arrowCircle.is-disabled{
  display:none!important;
  pointer-events:none!important;
}

/* EXPIRITI_T24_SYSTEM_TEXT_SLIDER_CSS_OWNER_END */


/* EXPIRITI_T24_SYSTEM_HERO_OWNER_START
 * 2A) "← Volver a sistemas": oculto en desktop (>=1024), visible en mobile/tablet.
 *     El orden mobile [LOGO][← Volver a sistemas] lo garantiza
 *     normalizeSystemBackLink() en EXPIRITI_PAGE_NAV_RAIL.js.
 * 2D) Microbeneficios del hero: LEFT en desktop, CENTER en mobile.
 */
@media(min-width:1024px){

  body.page-sistemas main.container.hero > a.hint{
    display:none!important;
  }

  body.page-sistemas .exp-t19-microbenefits{
    justify-content:flex-start!important;
    text-align:left!important;
    margin-left:0!important;
    padding-left:0!important;
  }
}

@media(max-width:1023.98px){

  body.page-sistemas main.container.hero > a.hint{
    display:inline-flex!important;
  }
}

@media(max-width:900px){

  body.page-sistemas .exp-t19-microbenefits{
    flex-wrap:wrap!important;
    overflow-x:visible!important;
    justify-content:center!important;
    scroll-snap-type:none!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* EXPIRITI_T24_SYSTEM_HERO_OWNER_END */


/* EXPIRITI_T25S_BRAND_CTA_OWNER_START
 * SUCESOR SEMANTICO T25 (reconstruido). REEMPLAZA a EXPIRITI_T24_GREEN_CTA_OWNER
 * (verde generico #16A34A rechazado por el contrato T25). No se agrega un tercer
 * override: el bloque T24 se sustituye por este.
 * Espejo exacto del owner EXPIRITI_T25_BRAND_CTA_OWNER verificado byte-exacto en
 * mainservicios.css (T25-R1), adaptado a body.page-sistemas.
 * Fuente de color: tokens de marca YA EXISTENTES en theme.css
 *   --cta-teal : 20 153 151  (#149997)
 *   --cta-coral: 250 82 98   (#FA5262)
 * Contrato POSICIONAL: LEFT CTA -> TEAL, RIGHT CTA -> CORAL.
 */

/* ---------- LEFT CTA = TEAL ---------- */
html body.page-sistemas a.btn.btn-grad-green.hero-btn,
html body.page-sistemas button.btn.btn-grad-green.hero-btn,
html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-blue{
  background:rgb(var(--cta-teal))!important;
  background-image:linear-gradient(180deg,
      color-mix(in srgb, rgb(var(--cta-teal)) 72%, #ffffff),
      rgb(var(--cta-teal)) 55%,
      color-mix(in srgb, rgb(var(--cta-teal)) 74%, #000000))!important;
  border:1px solid color-mix(in srgb, rgb(var(--cta-teal)) 70%, #000000)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
             0 10px 24px rgba(20,153,151,.30),
             0 2px 8px rgba(20,153,151,.20)!important;
}

/* ---------- RIGHT CTA = CORAL ---------- */
html body.page-sistemas a.btn.btn-grad-blue.hero-btn,
html body.page-sistemas button.btn.btn-grad-blue.hero-btn,
html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-green,
html body.page-sistemas a.btn.btn-grad-green:not(.hero-btn),
html body.page-sistemas button.btn.btn-grad-green:not(.hero-btn){
  background:rgb(var(--cta-coral))!important;
  background-image:linear-gradient(180deg,
      color-mix(in srgb, rgb(var(--cta-coral)) 74%, #ffffff),
      rgb(var(--cta-coral)) 55%,
      color-mix(in srgb, rgb(var(--cta-coral)) 76%, #000000))!important;
  border:1px solid color-mix(in srgb, rgb(var(--cta-coral)) 72%, #000000)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),
             0 10px 24px rgba(250,82,98,.28),
             0 2px 8px rgba(250,82,98,.18)!important;
}

@media(hover:hover){
  html body.page-sistemas a.btn.btn-grad-green.hero-btn:hover,
  html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-blue:hover{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 30px rgba(20,153,151,.34)!important;
  }
  html body.page-sistemas a.btn.btn-grad-blue.hero-btn:hover,
  html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-green:hover,
  html body.page-sistemas a.btn.btn-grad-green:not(.hero-btn):hover{
    box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 14px 30px rgba(250,82,98,.32)!important;
  }
}

html body.page-sistemas a.btn.btn-grad-green.hero-btn:focus-visible,
html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-blue:focus-visible{
  outline:2px solid rgba(20,153,151,.55)!important;outline-offset:3px!important;
}
html body.page-sistemas a.btn.btn-grad-blue.hero-btn:focus-visible,
html body.page-sistemas .cta-strip>:where(a,button).btn.btn-grad-green:focus-visible{
  outline:2px solid rgba(250,82,98,.55)!important;outline-offset:3px!important;
}
/* EXPIRITI_T25S_BRAND_CTA_OWNER_END */


/* EXPIRITI_T25S_DETAIL_CAROUSEL_OWNER_START
 * Espejo de EXPIRITI_T25_DETAIL_CAROUSEL_OWNER (byte-exacto en mainservicios.css),
 * adaptado a body.page-sistemas. Hover NO altera la posicion (drift 0px):
 * solo color/borde/sombra. Dots: circulo visual 7px, hit target 44x44 intacto.
 */
body.page-sistemas .arrowCircle,
body.page-sistemas .carousel>.arrowCircle,
body.page-sistemas .listSlider .arrowCircle,
body.page-sistemas .carouselX .arrowCircle,
body.page-sistemas .icons-carousel .arrowCircle{
  transition:background-color .16s ease,background-image .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,opacity .16s ease!important;
  will-change:auto!important;
}
body.page-sistemas .arrowCircle:hover,
body.page-sistemas .arrowCircle:active,
body.page-sistemas .arrowCircle:focus,
body.page-sistemas .arrowCircle:focus-visible{
  border-color:rgba(45,212,191,.45)!important;
  box-shadow:0 12px 26px rgba(2,6,23,.16)!important;
}
html body.page-sistemas main .carousel .carousel-nav button.dot::after,
html body.page-sistemas main .group-dots button.dot::after{
  width:7px!important;height:7px!important;
}

html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot,
html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot.active,
html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot.is-active,
html[data-theme] body.page-sistemas main .group-dots button.dot,
html[data-theme] body.page-sistemas main .group-dots button.dot.active{
  background:transparent!important;background-image:none!important;
  border:0!important;box-shadow:none!important;opacity:1!important;transform:none!important;
}
html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot::after,
html[data-theme] body.page-sistemas main .group-dots button.dot::after{
  width:7px!important;height:7px!important;background:rgba(148,163,184,.55)!important;border:0!important;
}
html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot:is(.active,.is-active)::after,
html[data-theme] body.page-sistemas main .group-dots button.dot:is(.active,.is-active)::after{
  background:rgb(var(--cta-teal,20 153 151))!important;box-shadow:0 0 0 3px rgba(20,153,151,.16)!important;
}
/* EXPIRITI_T25S_DETAIL_CAROUSEL_OWNER_END */


/* EXPIRITI_T25SR1_COMPACT_GUTTER_OWNER_START
 * Espejo de EXPIRITI_T25R1_COMPACT_GUTTER_OWNER (byte-exacto en mainservicios.css),
 * adaptado a body.page-sistemas. Alcance ESTRICTO: 1024-1099.98, solo estas
 * paginas. No toca Index, ni <1024, ni >=1100, ni el ritmo vertical.
 */
@media(min-width:1024px) and (max-width:1099.98px){
  body.page-sistemas main.container,
  body.page-sistemas main.container.hero{
    padding-left:60px!important;
    padding-right:60px!important;
  }
}
/* EXPIRITI_T25SR1_COMPACT_GUTTER_OWNER_END */


/* EXPIRITI_RC1R2_DOT_FINISH_OWNER_START
 * RC1-R2 — mismo acabado de dot que en Home. Este archivo carga despues de
 * theme.css con la misma especificidad, asi que el acabado se declara aqui
 * para que Sistemas y Servicios se vean igual que Index. Color aprobado
 * (#149997) intacto; solo se anade profundidad sutil.
 */
html[data-theme] main .carousel .carousel-nav button.dot:is(.active,.is-active)::after,
html[data-theme] main .group-dots button.dot:is(.active,.is-active)::after,
html[data-theme] main .group-dots button.dot[aria-current="true"]::after,
html[data-theme] main .svc-dots button.dot:is(.active,.is-active)::after,
html[data-theme] body.page-servicios main .carousel .carousel-nav button.dot:is(.active,.is-active)::after,
html[data-theme] body.page-servicios main .group-dots button.dot:is(.active,.is-active)::after,
html[data-theme] body.page-sistemas main .carousel .carousel-nav button.dot:is(.active,.is-active)::after,
html[data-theme] body.page-sistemas main .group-dots button.dot:is(.active,.is-active)::after{
  width:7px!important;height:7px!important;
  min-width:7px!important;min-height:7px!important;
  max-width:7px!important;max-height:7px!important;
  border:0!important;
  background:radial-gradient(circle at 32% 28%,#3fc9c4 0%,rgb(20,153,151) 58%,rgb(15,120,118) 100%)!important;
  box-shadow:0 0 0 3.5px rgba(20,153,151,.14),0 1px 2px rgba(2,6,23,.22)!important;
}
html[data-theme] main .carousel .carousel-nav button.dot::after,
html[data-theme] main .group-dots button.dot::after,
html[data-theme] main .svc-dots button.dot::after{
  min-width:6px!important;min-height:6px!important;
}
/* EXPIRITI_RC1R2_DOT_FINISH_OWNER_END */

/* EXPIRITI_R7_SYSTEM_SESSION_GUIDED_OWNER_START */

/* SESIÓN GUIADA — SISTEMAS
   mismo criterio de panel blanco + margen que Servicios.
*/

/* EXPIRITI_R7_SYSTEM_SESSION_GUIDED_OWNER_END */

/* EXPIRITI_R8_SYSTEM_HERO_CRISP_OWNER_START */

body.page-sistemas .exp-t19-system-hero-line,
body.page-sistemas .exp-t19-system-hero-line *,
body.page-sistemas .exp-t19-hero-title,
body.page-sistemas .exp-t19-microbenefits,
body.page-sistemas .exp-t19-microbenefits .badge{
  filter:none!important;
  -webkit-filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0!important;
  transform:none!important;
  will-change:auto!important;
  opacity:1!important;
}

body.page-sistemas .exp-t19-hero-title,
body.page-sistemas .exp-t19-microbenefits .badge{
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
}

body.page-sistemas .exp-t19-microbenefits .badge::before,
body.page-sistemas .exp-t19-microbenefits .badge::after{
  content:none!important;
  display:none!important;
}

/* EXPIRITI_R8_SYSTEM_HERO_CRISP_OWNER_END */


/* EXPIRITI_R8_SYSTEM_SESSION_OWNER_START */


/* EXPIRITI_R8_SYSTEM_SESSION_OWNER_END */

/* EXPIRITI_R9_WHITE_SYSTEM_SESSION_START */

/* EXPIRITI_R9_WHITE_SYSTEM_SESSION_END */


/* ==========================================================
   EXPIRITI_R10R_SYSTEM_SESSION_FINAL_START
   ========================================================== */


/* EXPIRITI_R10R_SYSTEM_SESSION_FINAL_END */

/* ==========================================================
   EXPIRITI_R11_SYSTEM_POLISH_START
   ========================================================== */


/* ==========================================================
   1. SESIÓN GUIADA SISTEMAS
   mismo layout de Horas/GitHub
   ========================================================== */


/* ==========================================================
   2. REELS SISTEMAS = PELÓN
   Igual criterio ya aprobado para Reels Servicios.

   Sólo quitamos el CONTENEDOR exterior.
   NO tocamos:
   video / iframe / flechas / dots / carousel.
   ========================================================== */

body.page-sistemas
aside.reels-card,

body.page-sistemas
aside.card.body.reels-card{

  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  border:0!important;

  border-radius:0!important;

  box-shadow:none!important;

  padding:0!important;

  overflow:visible!important;
}


body.page-sistemas
aside.reels-card::before,

body.page-sistemas
aside.reels-card::after{

  content:none!important;

  display:none!important;
}


body.page-sistemas
aside.reels-card
> .reel-title,

body.page-sistemas
aside.reels-card
> h4{

  padding-left:0!important;
  padding-right:0!important;
}


body.page-sistemas
aside.reels-card
> .carousel{

  background:transparent!important;

  border:0!important;

  box-shadow:none!important;
}


/*
  El frame del video conserva su propia forma.
*/

body.page-sistemas
aside.reels-card
.reel-embed{

  overflow:hidden!important;

  border-radius:16px!important;
}


/* EXPIRITI_R11_SYSTEM_POLISH_END */

/* ==========================================================
   EXPIRITI_R12_FINAL_SYSTEM_VISUAL_START
   ========================================================== */


/* ----------------------------------------------------------
   SESIÓN GUIADA — BLANCO PURO
   ---------------------------------------------------------- */


/* ----------------------------------------------------------
   REELS SISTEMAS = PELÓN

   El carrusel REAL es #carouselVideos.
   R11 atacó aside.reels-card, pero ese no es el wrapper real
   en Sistemas.

   :has() identifica exclusivamente los ancestros
   que contienen #carouselVideos.
   ---------------------------------------------------------- */

body.page-sistemas
section:has(#carouselVideos),

body.page-sistemas
.card:has(#carouselVideos),

body.page-sistemas
.body:has(#carouselVideos),

body.page-sistemas
article:has(#carouselVideos),

body.page-sistemas
aside:has(#carouselVideos){

  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  border:0!important;
  outline:0!important;

  border-radius:0!important;

  box-shadow:none!important;

  filter:none!important;
  -webkit-filter:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  overflow:visible!important;
}


/*
  Quitar únicamente padding del CONTENEDOR de reel.
  El propio video mantiene su frame.
*/

body.page-sistemas
.card:has(#carouselVideos),

body.page-sistemas
.body:has(#carouselVideos),

body.page-sistemas
article:has(#carouselVideos),

body.page-sistemas
aside:has(#carouselVideos){

  padding-left:0!important;
  padding-right:0!important;

  padding-bottom:0!important;
}


/*
  Carrusel y controles permanecen.
*/

body.page-sistemas
#carouselVideos{

  background:transparent!important;

  border:0!important;

  box-shadow:none!important;

  overflow:visible!important;
}


/*
  Video frame SÍ conserva forma.
*/

body.page-sistemas
#carouselVideos
:is(
  .reel-embed,
  .yt-wrap,
  iframe
){

  border-radius:16px!important;
}


/*
  Los dots y flechas no se tocan.
*/

body.page-sistemas
#carouselVideos
.carousel-nav,

body.page-sistemas
#carouselVideos
.arrowCircle{

  visibility:visible!important;

  opacity:1!important;
}


/* EXPIRITI_R12_FINAL_SYSTEM_VISUAL_END */

/* ==========================================================
   EXPIRITI_R13_SYSTEM_VISUAL_FALLBACK_START
   ========================================================== */


/* Runtime añadirá esta clase AL SHELL REAL */

body.page-sistemas
.exp-r13-system-reel-pelon{

  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;

  border:0!important;
  outline:0!important;

  border-radius:0!important;

  box-shadow:none!important;

  filter:none!important;
  -webkit-filter:none!important;

  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;

  overflow:visible!important;
}


body.page-sistemas
.exp-r13-system-reel-pelon::before,

body.page-sistemas
.exp-r13-system-reel-pelon::after{

  content:none!important;

  display:none!important;
}


/* EXPIRITI_R13_SYSTEM_VISUAL_FALLBACK_END */


/* EXPIRITI_R17_PASS4_STATIC_MEDIA_GEOMETRY_OWNER_START */
.exp-media-shell{position:relative!important;display:block!important;width:100%;overflow:hidden!important;isolation:isolate;background:var(--gx-panel-2,rgba(148,163,184,.14))!important;contain:layout paint}
.exp-media-shell--reel{aspect-ratio:9/16!important;height:auto!important;min-height:0!important;max-height:none!important}
.exp-media-shell--video{aspect-ratio:16/9!important;height:auto!important;min-height:0!important;max-height:none!important}
.exp-media-shell>.exp-media-poster,.exp-media-shell>iframe,.exp-media-shell>.exp-media-pending{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
.exp-media-poster{appearance:none;border:0;padding:0;display:grid;place-items:center;overflow:hidden;background:transparent;color:#f05a66;cursor:pointer}
.exp-media-thumbnail{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
.exp-media-play{position:relative;z-index:2;display:grid;place-items:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.exp-media-play svg{display:block;width:clamp(52px,14%,68px);height:auto}
.generated-preview{background:radial-gradient(circle at 22% 15%,rgba(45,212,191,.22),transparent 42%),linear-gradient(145deg,#102638,#173b4a 58%,#18544d)!important}
.generated-preview--reel{aspect-ratio:9/16!important}.generated-preview--video{aspect-ratio:16/9!important}
.exp-generated-preview-control{grid-template-rows:1fr auto 1fr;gap:18px;padding:clamp(20px,7%,54px);color:#f05a66}
.exp-generated-title{align-self:end;position:relative;z-index:2;display:block;max-width:min(92%,30ch);color:#fff;font-size:clamp(17px,2.2vw,28px);font-weight:850;line-height:1.18;text-align:center;text-wrap:balance;overflow-wrap:anywhere}
.exp-generated-preview-control .exp-media-play{align-self:start}
.exp-media-poster:focus-visible{outline:3px solid #2dd4bf;outline-offset:-5px}
.exp-media-shell.is-loading::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,transparent,#2dd4bf,transparent);animation:exp-media-loading 1s linear infinite}
.exp-media-shell.is-loading>.exp-media-poster{z-index:2!important}
.exp-media-shell.is-loading>iframe{z-index:1!important}
@keyframes exp-media-loading{to{transform:translateX(100%)}}
.exp-media-pending{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px;text-align:center;background:var(--gx-panel-2,rgba(148,163,184,.14));color:var(--gx-text,currentColor)}
.exp-media-pending-sub{font-size:13px;opacity:.75}.exp-media-pending-ico{font-size:28px;color:#94a3b8}
.faq-wrap,#faqWrap{overflow-anchor:none}
.page-sistemas #carouselVideos .yt:has(.generated-preview)>.yt-title{display:none!important}
.carousel[id^="carouselReels"] .carousel-track{height:auto!important;min-height:0!important;align-items:flex-start!important}
.carousel[id^="carouselReels"] .carousel-slide{height:auto!important;min-height:0!important;align-items:flex-start!important}
.carousel[id^="carouselReels"]>.arrowCircle{top:calc(50% - 24px)!important}

/* R17 mobile calculator: explicit swipe affordance for the existing pager. */
@media(max-width:980px){
  .page-sistemas #calc-row{
    touch-action:auto!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
  }
  .page-sistemas #calc-mobile-dots,
  .page-sistemas .calc-mobile-dots{
    order:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:28px!important;
    margin:8px 0 2px!important;
    padding:0!important;
  }
  .page-sistemas .calc-mobile-dots::before{
    content:"Desliza";
    margin-right:3px;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    line-height:1;
  }
  .page-sistemas .calc-mobile-dots .calc-dot{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    width:9px!important;height:9px!important;
    min-width:9px!important;min-height:9px!important;
    margin:0!important;padding:0!important;
    border:1px solid rgba(100,116,139,.34)!important;
    border-radius:999px!important;
    background:rgba(148,163,184,.28)!important;
    box-shadow:none!important;
    cursor:pointer;
  }
  .page-sistemas .calc-mobile-dots .calc-dot.active{
    border-color:#149997!important;
    background:#149997!important;
    box-shadow:0 0 0 3px rgba(20,153,151,.13)!important;
  }
}
@media(prefers-reduced-motion:reduce){.exp-media-shell.is-loading::after{animation:none}}
/* EXPIRITI_R17_PASS4_STATIC_MEDIA_GEOMETRY_OWNER_END */

/* R19 final human system/calculator geometry owner. */
.page-sistemas .icons-carousel .sys-icon[data-system*="XML en Línea"]::after{content:none!important;display:none!important}
body.page-sistemas .exp-t19-system-hero-line{border-top:0!important;box-shadow:none!important}
body.page-sistemas .exp-t19-system-hero-line::before{content:none!important;display:none!important}
body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title{min-height:104px!important;display:flex!important;align-items:center!important}
body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo$="-hz"]{display:block!important;width:min(360px,72vw)!important;max-width:min(360px,72vw)!important;height:96px!important;max-height:96px!important;object-fit:contain!important;object-position:left center!important;margin:0!important}
@media(max-width:680px){body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title{min-height:82px!important}body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo$="-hz"]{width:min(300px,78vw)!important;max-width:min(300px,78vw)!important;height:76px!important;max-height:76px!important}}

.page-sistemas .sys-icon{background:transparent!important;border-color:rgba(100,116,139,.22)!important;box-shadow:none!important;overflow:visible!important}
.page-sistemas .sys-icon img{width:90px!important;height:90px!important;object-fit:contain!important;object-position:center!important;background:transparent!important;border:0!important;box-shadow:none!important}
.page-sistemas .sys-icon[data-system*="Contabilidad"] img,.page-sistemas .sys-icon[data-system*="XML"] img{transform:scale(1.22)!important}

.page-sistemas #combined-wrap{margin:10px auto 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.page-sistemas #combined-wrap .combined-table{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.page-sistemas #combined-wrap .combined-table td{background:transparent!important;padding:11px 4px!important;border-bottom:1px solid rgba(100,116,139,.18)!important}
.page-sistemas #combined-wrap .sum-logo,html[data-theme="light"] .page-sistemas #combined-wrap .sum-logo{height:52px!important;max-height:52px!important;max-width:230px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:contain!important}
.page-sistemas #combined-wrap .combined-table tr:last-child td{background:transparent!important;border-top:1px solid rgba(45,212,191,.44)!important;border-bottom:0!important}
.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child strong{display:inline-block!important;padding:8px 12px!important;border:1px solid rgba(45,212,191,.40)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important;color:var(--calc-tx)!important;box-shadow:inset 3px 0 0 rgba(45,212,191,.72),inset -3px 0 0 rgba(241,77,94,.48)!important}
@media(min-width:981px){.page-sistemas #combined-wrap .sum-head{flex-wrap:nowrap!important}.page-sistemas #combined-wrap .sum-tail{white-space:nowrap!important}}

@media(max-width:980px){.page-sistemas .calc-mobile-dots{min-width:0!important;width:100%!important}.page-sistemas .calc-mobile-dots .calc-dot{flex:0 0 9px!important;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease!important;transform:none!important}}

/* R19 targeted resmoke: clean system integrations and calculator snapping. */
body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo^="contabilidad-"],body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo^="contabilidad-nube-"],body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo^="xml-"],body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo^="nominas-nube-"],body.page-sistemas .exp-t19-system-hero-line>.exp-t19-hero-title img[data-r19-logo^="optimiza-"]{transform:scale(1.10)!important;transform-origin:left center!important}
body.page-sistemas #integra .carouselX .sys{background:transparent!important;border-color:rgba(100,116,139,.20)!important;box-shadow:none!important}
html[data-theme="light"] body.page-sistemas #integra .carouselX .sys{background:rgba(255,255,255,.62)!important}
body.page-sistemas #integra .carouselX .sys img{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.page-sistemas #integra .group-dots :is(button,.dot){background:rgba(148,163,184,.30)!important;box-shadow:none!important}
body.page-sistemas #integra .group-dots :is(.active,button[aria-current="true"]){background:#149997!important;box-shadow:0 0 0 3px rgba(20,153,151,.13)!important}
@media(max-width:980px){.page-sistemas #calc-row{scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;touch-action:pan-y!important;overscroll-behavior-x:contain!important}.page-sistemas #calc-row>*{scroll-snap-align:start!important;scroll-snap-stop:always!important}.page-sistemas #calc-row .calc-container{width:100%!important;min-width:100%!important}.page-sistemas .calc-container table{table-layout:auto!important}.page-sistemas #combined-wrap .sum-head{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important}.page-sistemas #combined-wrap .sum-label,.page-sistemas #combined-wrap .sum-tail{white-space:nowrap!important;font-size:12px!important}.page-sistemas #combined-wrap .sum-logo{max-width:132px!important;height:42px!important}}
.page-sistemas [id^="tot"]>strong,.page-sistemas [id^="tot"] strong{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--calc-tx)!important}

/* R19 final owner microfix: approved light complements and clean principal Total. */
html[data-theme="light"] body.page-sistemas #integra .carouselX .sys{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.94))!important;border-color:rgba(2,6,23,.10)!important;box-shadow:0 12px 28px rgba(2,6,23,.07),inset 0 1px 0 #fff!important}
html[data-theme="light"] body.page-sistemas #integra .carouselX .sys:is(:hover,:focus-within){border-color:rgba(20,153,151,.42)!important;box-shadow:0 0 0 3px rgba(20,153,151,.10),0 16px 34px rgba(2,6,23,.09)!important}
html[data-theme="dark"] body.page-sistemas #integra .carouselX .sys{background:rgba(15,23,42,.34)!important;border-color:rgba(148,163,184,.20)!important;box-shadow:none!important}
.page-sistemas .calc-container tbody tr:last-child td:last-child>*{display:inline!important;float:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--calc-tx)!important;font-size:1.08em!important;font-weight:950!important;letter-spacing:-.01em!important}
html[data-theme="light"] .page-sistemas .calc-container tbody tr:last-child td:last-child>*{color:#0f766e!important}
html[data-theme="dark"] .page-sistemas .calc-container tbody tr:last-child td:last-child>*{color:#5eead4!important}
html[data-theme="light"] .page-sistemas .calc-container :is(#tot1,#tot2,#tot3) strong{color:#0f766e!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html[data-theme="dark"] .page-sistemas .calc-container :is(#tot1,#tot2,#tot3) strong{color:#5eead4!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}

/* R19 owner verification: remove the legacy amber dot paint. */
body.page-sistemas #integra .group-dots :is(.active,button[aria-current="true"],.dot.active){background-image:none!important;background-color:#149997!important;border-color:#149997!important;box-shadow:0 0 0 3px rgba(20,153,151,.13)!important}

/* R19 final targeted microfix 2: complement dots/cards, detail chrome, mobile hero copy. */
body.page-sistemas #integra :is(.sys,.sys:hover,.sys:focus-within) :is(a,p,span,.chip){text-decoration:none!important}
body.page-sistemas #integra .group-dots{background:transparent!important;border:0!important;box-shadow:none!important}
body.page-sistemas #integra .group-dots :is(button,.dot){position:relative!important;width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transform:none!important}
body.page-sistemas #integra .group-dots :is(button,.dot)::after{content:""!important;position:absolute!important;inset:4px!important;width:6px!important;height:6px!important;border-radius:999px!important;background:#94a3b8!important;box-shadow:none!important;transform:none!important}
body.page-sistemas #integra .group-dots :is(.active,button[aria-current="true"],.dot.active)::after{inset:3px!important;width:8px!important;height:8px!important;background:#149997!important;box-shadow:none!important}
body.page-sistemas #integra .group-dots :is(.active,button[aria-current="true"],.dot.active){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;transform:none!important}
.page-sistemas #combined-wrap .combined-table tr:last-child td:last-child strong{display:inline!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--calc-tx)!important}
@media(max-width:640px){body.page-sistemas .exp-t19-system-hero-line:has(img[data-r19-logo^="xml-"]) .exp-t19-microbenefits,body.page-sistemas .exp-t19-system-hero-line:has(img[data-r19-logo^="contabilidad-nube-"]) .exp-t19-microbenefits{display:flex!important;flex-wrap:wrap!important;gap:7px!important;min-width:0!important}body.page-sistemas .exp-t19-system-hero-line:has(img[data-r19-logo^="xml-"]) .exp-t19-microbenefits .badge,body.page-sistemas .exp-t19-system-hero-line:has(img[data-r19-logo^="contabilidad-nube-"]) .exp-t19-microbenefits .badge{max-width:100%!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.22!important;text-align:center!important}}

/* __R19_TERMINAL_FINAL_SYSTEMS_START__ */
/* =========================================================
   R19 FINAL OWNER — SISTEMAS

   NO toca:
   - dots de calculadora
   - Desliza
   - navegación JS calculadora
   - reels HZ
   ========================================================= */


/* ---------------------------------------------------------
   SISTEMAS QUE COMPLEMENTAN
   --------------------------------------------------------- */

body.page-sistemas #integra .carouselX .sys{
  min-height:196px!important;
  padding:13px 15px 11px!important;
}

body.page-sistemas #integra .carouselX .sys img{
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  margin:0 auto 5px!important;
  object-fit:contain!important;
}

body.page-sistemas #integra .carouselX .sys p{
  margin:0!important;
  line-height:1.24!important;
}

body.page-sistemas #integra .carouselX .sys .hoverMore{
  padding-top:7px!important;
}

/* Card hover = glow, NUNCA underline del texto. */
body.page-sistemas #integra
:is(.sys,.sys:hover,.sys:focus,.sys:focus-within)
:is(a,h3,h4,p,span,strong,.chip){
  text-decoration:none!important;
}


/* Light aprobado: limpio. */
html[data-theme="light"] body.page-sistemas
#integra .carouselX .sys img{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}


/* Dark: fondo redondeado neutro/azul.
   Nunca amarillo/marrón. */
html:not([data-theme="light"]) body.page-sistemas
#integra .carouselX .sys img{
  background:
    linear-gradient(
      180deg,
      rgba(30,41,59,.72),
      rgba(15,23,42,.52)
    )!important;
  border:1px solid rgba(96,165,250,.20)!important;
  border-radius:17px!important;
  padding:7px 10px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.14)!important;
}


/* Complementarios dots:
   hit area transparente, visualmente SOLO el punto.
   NO son los dots de calculadora. */

body.page-sistemas #integra .group-dots{
  gap:4px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.page-sistemas #integra .group-dots .dot{
  position:relative!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:none!important;
}

body.page-sistemas #integra .group-dots .dot::before{
  content:none!important;
  display:none!important;
}

body.page-sistemas #integra .group-dots .dot::after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:50%!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:999px!important;
  border:0!important;
  background:#94a3b8!important;
  box-shadow:none!important;
}

body.page-sistemas #integra .group-dots .dot.active::after,
body.page-sistemas #integra .group-dots .dot.is-active::after,
body.page-sistemas #integra .group-dots .dot[aria-current="true"]::after{
  width:8px!important;
  height:8px!important;
  background:#149997!important;
  box-shadow:none!important;
}

body.page-sistemas #integra .group-dots .dot.active,
body.page-sistemas #integra .group-dots .dot.is-active,
body.page-sistemas #integra .group-dots .dot[aria-current="true"]{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}


/* ---------------------------------------------------------
   CALCULADORA RESPONSIVE — GEOMETRÍA SOLAMENTE
   --------------------------------------------------------- */

body.page-sistemas #calc-row{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

/* Sólo 3 columnas cuando realmente caben. */
@media(min-width:1280px){
  body.page-sistemas #calc-row{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(300px,1fr))!important;
    overflow:visible!important;
  }
}

/* Desktop/tablet medio: 2 columnas. */
@media(min-width:760px) and (max-width:1279px){
  body.page-sistemas #calc-row{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(300px,1fr))!important;
    overflow:visible!important;
  }

  body.page-sistemas #calc-row > :nth-child(3){
    grid-column:1/-1!important;
    width:min(620px,100%)!important;
    justify-self:center!important;
  }
}

/* Mobile:
   conserva navegación horizontal/snap pero cada calculadora
   tiene ancho útil completo. */
@media(max-width:759px){
  body.page-sistemas #calc-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.page-sistemas #calc-row >
  :is(.calc-container,.placeholder){
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    box-sizing:border-box!important;
  }
}


/* Nunca instalación letra por letra. */
body.page-sistemas #calc-row .instalacion-box label{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px 8px!important;
}

body.page-sistemas #calc-row .instalacion-box label > span{
  min-width:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}


/* Concepto / importe con dinero protegido. */
body.page-sistemas #calc-row table{
  width:100%!important;
  max-width:100%!important;
  table-layout:auto!important;
}

body.page-sistemas #calc-row th,
body.page-sistemas #calc-row td{
  min-width:0!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

body.page-sistemas #calc-row th:last-child,
body.page-sistemas #calc-row td:last-child,
body.page-sistemas #calc-row .money-cell{
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}

body.page-sistemas #calc-row .disc-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:nowrap!important;
  gap:4px!important;
  max-width:100%!important;
}

body.page-sistemas #calc-row .inst50-pill{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

@media(max-width:430px){
  body.page-sistemas #calc-row th,
  body.page-sistemas #calc-row td{
    padding-left:8px!important;
    padding-right:8px!important;
  }

  body.page-sistemas #calc-row .inst50-pill{
    font-size:10px!important;
    padding-inline:5px!important;
  }
}


/* Detalle de tu inversión responsive. */
body.page-sistemas #combined-wrap{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

body.page-sistemas #combined-wrap table{
  width:100%!important;
  max-width:100%!important;
}

body.page-sistemas #combined-wrap .sum-head{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}

@media(min-width:520px){
  body.page-sistemas #combined-wrap .sum-head{
    flex-wrap:nowrap!important;
  }

  body.page-sistemas #combined-wrap .sum-tail{
    white-space:nowrap!important;
  }
}

@media(max-width:519px){
  body.page-sistemas #combined-wrap .sum-head{
    flex-wrap:wrap!important;
  }
}


/* ---------------------------------------------------------
   XML EN LÍNEA + CONTABILIDAD NUBE:
   reducir sólo footprint horizontal del hero.
   --------------------------------------------------------- */

body.page-sistemas
.exp-t19-system-hero-line:has(img[data-r19-logo^="xml-"])
.exp-t19-hero-title img,
body.page-sistemas
.exp-t19-system-hero-line:has(img[data-r19-logo^="contabilidad-nube-"])
.exp-t19-hero-title img{
  width:min(300px,64vw)!important;
  max-width:min(300px,64vw)!important;
  height:auto!important;
  transform:none!important;
}

@media(max-width:680px){
  body.page-sistemas
  .exp-t19-system-hero-line:has(img[data-r19-logo^="xml-"])
  .exp-t19-hero-title img,
  body.page-sistemas
  .exp-t19-system-hero-line:has(img[data-r19-logo^="contabilidad-nube-"])
  .exp-t19-hero-title img{
    width:min(250px,68vw)!important;
    max-width:min(250px,68vw)!important;
  }
}
/* __R19_TERMINAL_FINAL_SYSTEMS_END__ */

/* __R19_POST_TERMINAL_OWNER_RESMOKE_START__ */
/* Targeted owner resmoke after the Terminal takeover. Calculator dots,
   Desliza, pagination/gesture JS, and the approved hero widths stay intact. */

/* Complement cards: the Comercial Premium implementation uses <a class="sys">,
   so the global a:hover underline must be cancelled on the card itself too. */
body.page-sistemas #integra .carouselX :is(
  .sys,
  .sys:hover,
  .sys:focus,
  .sys:focus-visible,
  .sys:focus-within
),
body.page-sistemas #integra .carouselX .sys *{
  text-decoration:none!important;
}

/* Stable one-line dot rail. The earlier active rule set inset:3px, which won
   over the later centering declarations and moved the active visual diagonally. */
body.page-sistemas #integra .group-dots{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
}
body.page-sistemas #integra .group-dots .dot::after,
body.page-sistemas #integra .group-dots .dot.active::after,
body.page-sistemas #integra .group-dots .dot.is-active::after,
body.page-sistemas #integra .group-dots .dot[aria-current="true"]::after{
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
}

@media(max-width:980px){
  body.page-sistemas #integra .carouselX .sys p{
    width:100%!important;
    max-width:100%!important;
  }
}

/* The live row state is authoritative: two systems own two columns; only the
   three-system state may create three desktop columns. */
@media(min-width:1280px){
  body.page-sistemas #calc-row:is([data-cols="1"],[data-cols="2"]){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.page-sistemas #calc-row[data-cols="3"]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(min-width:760px) and (max-width:1279px){
  body.page-sistemas #calc-row[data-cols="3"] #calc-tertiary{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:calc((100% - var(--calc-grid-gap))/2)!important;
  }
}

/* Three equal cards remain usable: installation gets its own full-width form
   row and the amount column is fixed inside the card instead of overflowing it. */
body.page-sistemas #calc-row[data-cols="3"] .calc-container .inst-wrap{
  grid-column:1/-1!important;
  grid-row:auto!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container .instalacion-box{
  min-height:64px!important;
  padding:8px 10px!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container table{
  width:100%!important;
  max-width:100%!important;
  table-layout:fixed!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container :is(thead th,tbody td):first-child{
  width:62%!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container :is(thead th,tbody td):last-child{
  width:38%!important;
  min-width:0!important;
  white-space:nowrap!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container tbody
:is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child{
  display:table-cell!important;
  min-height:0!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container tbody
:is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child
:is(.disc15-pill,.inst50-pill){
  margin-left:5px!important;
}

/* Smaller discount visuals without changing their tooltip behavior. */
body.page-sistemas #calc-row :is(.inst50-pill,.disc15-pill).ux-tip--pill{
  min-width:66px!important;
  min-height:30px!important;
  padding:0 10px!important;
  border-width:1px!important;
  font-size:12.5px!important;
}

/* Factura HZ artwork only: remove inherited generic .logo-sistema framing while
   preserving the image source, srcset, intrinsic size, and hero geometry. */
html[data-theme] body.page-sistemas
.exp-t19-system-hero-line
.exp-t19-hero-title img[data-r19-logo="factura-hz"]{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
}
/* __R19_POST_TERMINAL_OWNER_RESMOKE_END__ */

/* __R19_CALCULATOR_OWNER_UX_ADDENDUM_START__ */
body.page-sistemas #calc-row .calc-container .inst-wrap{
  grid-column:2!important;
  grid-row:2!important;
  align-self:stretch!important;
  height:57px!important;
  margin:4px 0 0!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container .inst-wrap{
  grid-column:2!important;
  grid-row:2!important;
  width:100%!important;
  height:57px!important;
  margin:4px 0 0!important;
}
body.page-sistemas #calc-row .calc-container .instalacion-box,
html.has-calc-3 body.page-sistemas #calc-row .calc-container .instalacion-box{
  width:100%!important;
  min-height:57px!important;
  height:57px!important;
  margin:0!important;
  padding:6px 7px!important;
  gap:4px!important;
  border-radius:13px!important;
  overflow:visible!important;
}
body.page-sistemas #calc-row .calc-container .instalacion-box>label,
html.has-calc-3 body.page-sistemas #calc-row .calc-container .instalacion-box>label{
  display:grid!important;
  grid-template-columns:20px minmax(0,1fr) 24px!important;
  align-items:center!important;
  column-gap:4px!important;
  width:100%!important;
}
body.page-sistemas #calc-row .calc-container .instalacion-box input[type="checkbox"],
html.has-calc-3 body.page-sistemas #calc-row .calc-container .instalacion-box input[type="checkbox"]{
  inline-size:20px!important;block-size:20px!important;min-width:20px!important;min-height:20px!important
}
body.page-sistemas #calc-row .calc-container .instalacion-box>label>span,
html.has-calc-3 body.page-sistemas #calc-row .calc-container .instalacion-box>label>span{
  display:block!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;overflow:visible!important
}
body.page-sistemas #calc-row .calc-container .instalacion-box .ux-info,
html.has-calc-3 body.page-sistemas #calc-row .calc-container .instalacion-box .ux-info{
  inline-size:24px!important;block-size:24px!important;min-width:24px!important;min-height:24px!important;margin-left:0!important
}
body.page-sistemas #calc-row .calc-container .instalacion-box [id^="instLblTail"]{display:none!important}

body.page-sistemas #calc-row :is(.inst50-pill,.disc15-pill).ux-tip--pill{
  min-width:56px!important;min-height:26px!important;height:26px!important;padding:0 7px!important;border-width:1px!important;font-size:11.5px!important;line-height:1!important
}
body.page-sistemas #calc-row tbody :is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child{
  gap:4px!important
}
body.page-sistemas #calc-row tbody :is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child :is(.disc15-pill,.inst50-pill){
  margin-left:4px!important;margin-right:0!important
}
body.page-sistemas #calc-row .calc-container tbody tr[id^="tr-inst"] td:last-child .disc-check{
  inline-size:28px!important;block-size:28px!important;min-width:28px!important;min-height:28px!important
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container table{table-layout:fixed!important}

/* Only the two cloud wordmarks that remain optically smaller in logo selectors. */
body.page-sistemas :is(.sys-icon,.sum-head) img[data-r19-logo^="contabilidad-nube"],
body.page-sistemas :is(.sys-icon,.sum-head) img[data-r19-logo^="nominas-nube"]{
  transform:scale(1.08)!important;transform-origin:center!important
}
/* __R19_CALCULATOR_OWNER_UX_ADDENDUM_END__ */

/* R19 Gate 3 installation control. */
body.page-sistemas #calc-row .inst-wrap{height:auto!important;align-self:start!important;margin:4px 0 0!important}
body.page-sistemas #calc-row .instalacion-control{display:grid;gap:6px;width:100%;min-width:0}
body.page-sistemas #calc-row .instalacion-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:26px}
body.page-sistemas #calc-row .instalacion-label-row label{margin:0!important;font-weight:800;font-size:13px}
body.page-sistemas #calc-row .instalacion-label-row .ux-info{display:grid!important;place-items:center!important;line-height:1!important;margin:0!important;color:#2563eb!important;font-size:0!important}
body.page-sistemas #calc-row .instalacion-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:42px;border:1px solid rgba(148,163,184,.26);border-radius:12px;background:rgba(255,255,255,.06);overflow:hidden;column-gap:8px}
body.page-sistemas #calc-row .instalacion-field>input[type="number"]{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.page-sistemas #calc-row .instalacion-switch{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:42px!important;margin:0!important;cursor:pointer;background:#2563eb}
body.page-sistemas #calc-row .instalacion-switch input{position:absolute;opacity:0;pointer-events:none}
body.page-sistemas #calc-row .instalacion-switch span{position:relative;width:34px;height:20px;border-radius:999px;background:rgba(255,255,255,.35)}
body.page-sistemas #calc-row .instalacion-switch span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .16s ease}
body.page-sistemas #calc-row .instalacion-switch input:checked+span::after{transform:translateX(14px)}
body.page-sistemas #calc-row .instalacion-switch:has(input:focus-visible){outline:2px solid #93c5fd;outline-offset:-3px}
body.page-sistemas #calc-row tbody :is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child{display:flex!important;align-items:center!important;flex-flow:row nowrap!important;white-space:nowrap!important}
body.page-sistemas #calc-row tbody :is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child :is(.disc15-pill,.inst50-pill){flex:0 0 auto!important;margin-left:5px!important}
@media(max-width:430px){
  body.page-sistemas #calc-row :is(.inst50-pill,.disc15-pill).ux-tip--pill{min-width:48px!important;padding-inline:5px!important;font-size:10.5px!important}
}

/* R19 calculator final targeted microfix: visual geometry only. */
body.page-sistemas #calc-row .calc-container form{
  align-items:start!important;
}
body.page-sistemas #calc-row .calc-container .usr{
  display:grid!important;
  grid-template-rows:18px 35.5px!important;
  gap:3.5px!important;
  height:57px!important;
  min-height:57px!important;
  margin:4px 0 0!important;
  align-self:stretch!important;
}
body.page-sistemas #calc-row .calc-container .usr .usr-wrap{
  width:100%!important;
  height:35.5px!important;
  min-height:35.5px!important;
}
body.page-sistemas #calc-row .calc-container .usr .usr-wrap>input[type="number"]{
  height:35.5px!important;
  min-height:35.5px!important;
  margin:0!important;
  padding:7px 10px!important;
}
body.page-sistemas #calc-row .calc-container :is(.lic,.rfc) select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-height:36px!important;
  padding:8px 34px 8px 10px!important;
  border:1px solid rgba(148,163,184,.30)!important;
  border-radius:12px!important;
  background-color:rgba(255,255,255,.055)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m5 7.5 5 5 5-5' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 11px center!important;
  background-size:14px 14px!important;
  color:inherit!important;
  font:inherit!important;
  box-shadow:none!important;
}
html[data-theme=light] body.page-sistemas #calc-row .calc-container :is(.lic,.rfc) select{
  background-color:#fff!important;
  border-color:rgba(2,6,23,.16)!important;
}
body.page-sistemas #calc-row .calc-container :is(.lic,.rfc) select:focus-visible{
  outline:0!important;
  border-color:rgba(20,153,151,.62)!important;
  box-shadow:0 0 0 3px rgba(20,153,151,.14)!important;
}
body.page-sistemas #calc-row .inst-wrap,
body.page-sistemas #calc-row[data-cols="3"] .calc-container .inst-wrap{
  height:57px!important;
  min-height:57px!important;
  margin:4px 0 0!important;
  align-self:stretch!important;
}
body.page-sistemas #calc-row .instalacion-control{
  grid-template-rows:18px 35.5px!important;
  gap:3.5px!important;
  height:57px!important;
}
body.page-sistemas #calc-row .instalacion-label-row{
  min-height:18px!important;
  height:18px!important;
  gap:6px!important;
}
body.page-sistemas #calc-row .instalacion-label-row .ux-info{
  display:grid!important;
  place-items:center!important;
  inline-size:18px!important;
  block-size:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(100,116,139,.30)!important;
  background:rgba(148,163,184,.10)!important;
  box-shadow:none!important;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
}
body.page-sistemas #calc-row .instalacion-label-row .ux-info::before{
  content:none!important;
  display:none!important;
}
body.page-sistemas #calc-row .instalacion-field{
  grid-template-columns:minmax(0,1fr) 52px!important;
  min-height:35.5px!important;
  height:35.5px!important;
  border-color:rgba(148,163,184,.30)!important;
  background:rgba(255,255,255,.055)!important;
}
html[data-theme=light] body.page-sistemas #calc-row .instalacion-field{
  background:#fff!important;
  border-color:rgba(2,6,23,.16)!important;
}
body.page-sistemas #calc-row .instalacion-field>input[type="number"]{
  height:33.5px!important;
  min-height:33.5px!important;
  padding:7px 10px!important;
  font:inherit!important;
}
body.page-sistemas #calc-row .instalacion-switch{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto auto!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:6px!important;
  width:52px!important;
  height:33.5px!important;
  margin:0!important;
  border-left:1px solid rgba(148,163,184,.22)!important;
  background:rgba(100,116,139,.08)!important;
}
body.page-sistemas #calc-row .instalacion-switch::before{
  content:"No";
  color:#64748b;
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.02em;
}
body.page-sistemas #calc-row .instalacion-switch:has(input:checked)::before{
  content:"Sí";
  color:#0f766e;
}
body.page-sistemas #calc-row .instalacion-switch span{
  width:26px!important;
  height:16px!important;
  border:1px solid rgba(100,116,139,.34)!important;
  background:rgba(100,116,139,.20)!important;
}
body.page-sistemas #calc-row .instalacion-switch span::after{
  top:2px!important;
  left:2px!important;
  width:10px!important;
  height:10px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(15,23,42,.22)!important;
}
body.page-sistemas #calc-row .instalacion-switch input:checked+span{
  border-color:rgba(20,153,151,.48)!important;
  background:rgba(20,153,151,.32)!important;
}
body.page-sistemas #calc-row .instalacion-switch input:checked+span::after{
  transform:translateX(10px)!important;
}
body.page-sistemas #calc-row .instalacion-switch:has(input:focus-visible){
  outline:2px solid rgba(20,153,151,.48)!important;
  outline-offset:-2px!important;
}
.page-sistemas .exp-tip.exp-tip--installation{
  display:grid!important;
  gap:6px!important;
  max-width:min(330px,calc(100vw - 24px))!important;
}
.page-sistemas .exp-tip--installation .exp-tip-row{display:block!important}
.page-sistemas .exp-tip--installation strong{font-weight:700!important}
.page-sistemas .exp-tip--installation span{font-weight:400!important}
.page-sistemas .exp-tip--installation strong+span{margin-left:4px!important}
body.page-sistemas #calc-row[data-cols="3"] .calc-container tbody
:is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child{
  display:table-cell!important;
  white-space:nowrap!important;
}
body.page-sistemas #calc-row[data-cols="3"] .calc-container tbody
:is(tr[id^="tr-disc"],tr[id^="tr-inst"]) td:first-child
:is(.disc15-pill,.inst50-pill){
  display:inline-flex!important;
  vertical-align:middle!important;
  min-width:50px!important;
  padding-inline:5px!important;
  margin-left:3px!important;
  font-size:11px!important;
}
/* R19 final Tesorería copy: two deliberate sentences on desktop, natural wrap below. */
#tesoreria .tesoreria-flow-copy{margin:0 0 14px;max-width:none;font-size:clamp(.94rem,1.25vw,1rem)}
#tesoreria .tesoreria-flow-copy>span{display:block}
@media(min-width:981px){#tesoreria .tesoreria-flow-copy>span{white-space:nowrap}}
@media(max-width:980px){#tesoreria .tesoreria-flow-copy{overflow-wrap:anywhere}}