/* Módulos S.A. · página «Adicionales» (versión web de la guía).  Complementa a adicionales.css: aquí solo va lo propio de la guía. */
.adx-hub{ background:#fff; display:block; position:relative }
.adx .adx-vh{ position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0 }
.adx-hub a:not(.adx-btn):not(.adx-chip):not(.adx-link):not(.adx-item){ transition:color .2s ease }
.adx-hub .adx-nt a, .adx-hub .adx-hint a, .adx-hub .adx-li a{ color:var(--adx-mag); font-weight:700; border-bottom:1.5px solid rgba(235,0,69,.35) }
.adx-hub .adx-nt a:hover, .adx-hub .adx-hint a:hover, .adx-hub .adx-li a:hover{ color:var(--adx-magd); border-bottom-color:var(--adx-magd) }
.adx-hub [id]{ scroll-margin-top:136px }

/* ---------- portada de la página ---------- */
.adx-hero{ position:relative; background:#0b2a2e; color:#fff; padding:132px 0 96px; overflow:hidden }
.adx .adx-hero_bg{ position:absolute; inset:0 }
.adx .adx-hero_bg picture, .adx .adx-hero_bg img{ display:block; width:100%; height:100% }
.adx .adx-hero_bg img{ object-fit:cover; object-position:62% 50% }
.adx .adx-hero_bg::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,30,34,.62) 0%,rgba(0,30,34,.5) 45%,rgba(0,30,34,.72) 100%) }
.adx .adx-hero > .container{ position:relative }
.adx .adx-hero_tx{ max-width:640px }
.adx .adx-hero .adx-kick{ color:#fff }
.adx .adx-h1{ font-family:var(--adx-sg); font-weight:700; font-size:38px; line-height:1.04; letter-spacing:-.02em; color:#fff; text-wrap:balance }
.adx .adx-hero_sub{ font-family:var(--adx-rc); font-weight:300; font-size:19px; line-height:1.4; color:#fff; margin-top:16px; max-width:30em; text-wrap:pretty }
.adx .adx-hero_bt{ display:flex; flex-direction:column; gap:10px; margin-top:26px }
.adx .adx-hero_cap{ position:absolute; left:0; right:0; bottom:60px; text-align:center; font-family:var(--adx-sg); font-weight:500; font-size:12px; line-height:1.3; color:rgba(255,255,255,.9); padding:0 20px; display:none }
.adx-sheet{ position:relative; background:#fff; border-radius:32px 32px 0 0; margin-top:-32px; padding:26px 0 6px }
.adx .adx-hero_ics{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px 6px }
.adx .adx-hero_ics a{ display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; font-family:var(--adx-sg); font-weight:500; font-size:11.5px; line-height:1.2; color:var(--adx-teal); padding:6px 2px; border-radius:10px; transition:color .2s ease }
.adx .adx-hero_ics .adx-ico{ width:34px; height:34px; stroke-width:2.2; color:var(--adx-mag) }
.adx .adx-hero_ics a:hover{ color:var(--adx-mag) }
@media (max-width:359.98px){ .adx .adx-hero_ics{ gap:12px 2px } .adx .adx-hero_ics a{ font-size:10.5px; padding:6px 0 } }

/* ---------- navegación de la guía ---------- */
.adx-nav{ position:sticky; top:70px; z-index:900; background:rgba(255,255,255,.97); border-bottom:1px solid var(--adx-t15); backdrop-filter:saturate(1.2) blur(6px) }
.adx .adx-nav_in{ position:relative; display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; margin:0 -6px; padding:8px 0 }
.adx .adx-nav_in::-webkit-scrollbar{ display:none }
.adx .adx-nav_in a{ flex:0 0 auto; font-family:var(--adx-sg); font-weight:500; font-size:13.5px; line-height:1; color:var(--adx-t70); padding:10px 12px 9px; border-radius:999px; white-space:nowrap; transition:background-color .2s ease, color .2s ease }
.adx .adx-nav_in a:hover{ color:var(--adx-teal); background:var(--adx-panel) }
.adx .adx-nav_in a.is-on{ color:#fff; background:var(--adx-teal) }

/* ---------- secciones ---------- */
.adx-sec{ padding:60px 0 64px; position:relative }
.adx-sec--cream{ background:var(--adx-cream) }
.adx-sec--t{ padding-bottom:20px }
.adx .adx-h2--s{ font-size:28px }
.adx .adx-h4{ font-family:var(--adx-sg); font-weight:700; font-size:18px; line-height:1.15; letter-spacing:-.005em; color:var(--adx-teal); margin:0 0 10px; text-wrap:balance }
.adx .adx-h4--m{ color:var(--adx-mag); margin-top:22px }
.adx .adx-h4--m:first-child{ margin-top:0 }
@media (max-width:764px){ .adx-hub .container{ padding-left:1.25rem; padding-right:1.25rem } }

/* tres preguntas */
.adx .adx-q3{ margin-top:30px; display:grid; gap:14px }
.adx .adx-q3_c{ background:var(--adx-cream); border-radius:var(--adx-r); padding:22px 20px 14px; display:flex; flex-direction:column }
.adx .adx-q3_n{ font-family:var(--adx-sg); font-weight:700; font-size:44px; line-height:.9; color:var(--adx-mag) }
.adx .adx-q3_q{ font-family:var(--adx-sg); font-weight:700; font-size:21px; line-height:1.15; letter-spacing:-.01em; margin-top:12px; text-wrap:balance }
.adx .adx-q3_p{ font-size:16px; line-height:1.42; color:var(--adx-t80); margin-top:8px; text-wrap:pretty; flex:1 }
.adx .adx-q3_f{ font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1; color:var(--adx-t70); margin-top:16px; padding-top:14px; border-top:1px solid rgba(0,55,61,.16) }
.adx .adx-q3_l{ margin-top:6px }
.adx .adx-q3_l a{ display:flex; align-items:center; gap:12px; min-height:46px; font-family:var(--adx-sg); font-weight:500; font-size:15px; line-height:1.2; color:var(--adx-teal); border-radius:8px; padding:4px 6px; margin:0 -6px; transition:background-color .2s ease }
.adx .adx-q3_l a:hover{ background:#fff }
.adx .adx-q3_l .adx-ico{ width:28px; height:28px; color:var(--adx-mag); stroke-width:2.4 }
.adx .adx-q3_l .adx-q3_go{ width:13px; height:13px; margin-left:auto; stroke-width:5.5; color:var(--adx-t40) }
.adx-hub .adx-serie{ margin-top:16px }
.adx .adx-hints{ margin-top:22px; display:grid; gap:10px }
.adx .adx-hint{ display:flex; gap:10px; align-items:flex-start; font-size:16px; line-height:1.4; color:var(--adx-t80) }
.adx .adx-hint > .adx-ico{ width:17px; height:17px; margin-top:3px; color:var(--adx-mag); stroke-width:4.5 }
.adx .adx-hint b{ color:var(--adx-teal) }

/* franja de familia */
.adx-band{ background:var(--adx-teal); padding:34px 0 36px }
.adx .adx-band_in{ display:grid; grid-template-columns:auto 1fr; gap:6px 18px; align-items:center }
.adx .adx-band_n{ width:56px; height:56px; border-radius:50%; background:var(--adx-mag); color:#fff; display:flex; align-items:center; justify-content:center; font-family:var(--adx-sg); font-weight:700; font-size:26px; line-height:1 }
.adx .adx-band_t{ font-family:var(--adx-sg); font-weight:700; font-size:30px; line-height:1.05; letter-spacing:-.015em; color:#fff }
.adx .adx-band_q{ font-family:var(--adx-rc); font-weight:300; font-size:18px; line-height:1.3; color:rgba(255,255,255,.88); margin-top:4px }
.adx .adx-band_p{ grid-column:1 / -1; font-family:var(--adx-rc); font-weight:300; font-size:17px; line-height:1.42; color:rgba(255,255,255,.88); margin-top:10px; text-wrap:pretty }

/* alternativas de energía */
.adx .adx-alts{ margin-top:28px; display:grid; gap:12px }
.adx .adx-alt{ background:var(--adx-cream); border-radius:var(--adx-r); padding:20px 20px 18px; display:flex; flex-direction:column }
.adx .adx-alt--base{ background:var(--adx-panel) }
.adx .adx-alt_i{ width:50px; height:50px; border-radius:50%; background:#fff; color:var(--adx-mag); display:flex; align-items:center; justify-content:center; margin-bottom:14px }
.adx .adx-alt--base .adx-alt_i{ color:var(--adx-teal) }
.adx .adx-alt_i .adx-ico{ width:30px; height:30px; stroke-width:2.4 }
.adx .adx-alt_t{ font-family:var(--adx-sg); font-weight:700; font-size:19px; line-height:1.15; letter-spacing:-.005em; text-wrap:balance }
.adx .adx-alt_p{ font-size:15.5px; line-height:1.42; color:var(--adx-t80); margin-top:8px; flex:1; text-wrap:pretty }
.adx .adx-alt_f{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:14px }
.adx .adx-pwh{ margin-top:40px; display:grid; gap:12px }
.adx .adx-pwh .adx-h4{ margin:0 }
.adx .adx-tleg{ display:flex; flex-wrap:wrap; gap:8px 20px; font-size:14.5px; line-height:1.25; color:var(--adx-t80) }
.adx .adx-tleg li{ display:inline-flex; align-items:center; gap:8px }
.adx .adx-yes{ display:inline-flex; width:22px; height:22px; flex:0 0 auto; border-radius:50%; background:var(--adx-mag); color:#fff; align-items:center; justify-content:center; vertical-align:middle }
.adx .adx-yes .adx-ico{ width:12px; height:12px; stroke-width:6.5 }
.adx .adx-yes--t{ background:var(--adx-teal) }
.adx .adx-no{ display:inline-block; width:14px; height:2.5px; border-radius:2px; background:var(--adx-t40); vertical-align:middle }

/* tablas */
.adx .adx-tw{ margin-top:16px; border-radius:var(--adx-r2); overflow-x:auto; -webkit-overflow-scrolling:touch; background:#fff }
.adx table.adx-tbl{ width:100%; border-collapse:collapse; font-size:15.5px; line-height:1.3 }
.adx .adx-tbl thead th{ background:var(--adx-teal); color:#fff; font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1.2; text-align:left; padding:13px 12px 12px; vertical-align:bottom }
.adx .adx-tbl td, .adx .adx-tbl tbody th{ padding:11px 12px; border-bottom:1px solid var(--adx-t15); vertical-align:middle; text-align:left; font-weight:400 }
.adx .adx-tbl tbody tr:nth-child(even) > *{ background:#FBF7F3 }
.adx table.adx-tbl--pw{ table-layout:fixed }
.adx .adx-tbl--pw thead th{ padding:11px 2px 9px; font-size:10.5px; line-height:1.15; text-align:center; vertical-align:top }
.adx .adx-tbl--pw thead th:first-child{ width:31%; text-align:left; vertical-align:bottom; padding-left:10px }
.adx .adx-tbl--pw thead th .adx-ico{ display:block; width:22px; height:22px; margin:0 auto 5px; color:#fff; stroke-width:2.6 }
.adx .adx-pw_l{ display:none }
.adx .adx-pw_s{ display:block }
.adx .adx-tbl--pw td{ text-align:center; padding:10px 2px }
.adx .adx-tbl--pw tbody th{ font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1.2; padding:10px 6px 10px 10px }
.adx .adx-tbl--pw td small{ display:none; font-size:12.5px; line-height:1.2; color:var(--adx-t70); margin-top:5px }
.adx .adx-fn{ font-family:var(--adx-sg); font-weight:700; font-size:10.5px; line-height:1; color:var(--adx-mag); margin-left:2px; position:relative; top:-7px }
.adx .adx-fnl{ margin-top:10px; display:grid; gap:4px; font-size:13.5px; line-height:1.35; color:var(--adx-t70) }
.adx .adx-fnl li{ display:flex; gap:6px }
.adx .adx-fnl b{ font-family:var(--adx-sg); font-weight:700; font-size:11px; color:var(--adx-mag); flex:0 0 auto; min-width:10px; margin-top:1px }
.adx .adx-tbl_d{ display:block; color:var(--adx-t80); font-size:14.5px; margin-top:3px }
.adx .adx-tbl--ac td b{ font-family:var(--adx-sg); font-size:14.5px }
.adx .adx-tnote{ font-size:14.5px; line-height:1.4; color:var(--adx-t70); margin-top:12px }
.adx .adx-tnote b{ color:var(--adx-teal) }

/* notas */
.adx .adx-two{ display:grid; gap:12px; margin-top:20px }
.adx .adx-nt{ display:flex; gap:12px; align-items:flex-start; background:var(--adx-panel); border-radius:var(--adx-r2); padding:14px 16px; margin-top:18px }
.adx .adx-two .adx-nt{ margin-top:0 }
.adx .adx-nt > .adx-ico{ width:22px; height:22px; margin-top:1px; color:var(--adx-teal); stroke-width:2.7 }
.adx .adx-nt p{ font-size:15.5px; line-height:1.42; color:var(--adx-t80); text-wrap:pretty }
.adx .adx-nt b{ font-family:var(--adx-sg); font-size:14.5px; color:var(--adx-teal) }
.adx .adx-nt--c{ background:var(--adx-cream) }
.adx .adx-nt--c > .adx-ico{ color:var(--adx-mag) }
.adx-sec--cream .adx-nt{ background:#fff }

/* ---------- ficha de cada adicional ---------- */
.adx-art{ padding:56px 0 60px; border-top:1px solid var(--adx-t15) }
.adx-band + .adx-art, .adx-sec--t + .adx-art{ border-top:0 }
.adx-sec--t + .adx-art{ padding-top:36px }
.adx .adx-ban{ position:relative; border-radius:var(--adx-r); overflow:hidden; background:var(--adx-panel); margin-bottom:28px }
.adx .adx-ban img{ width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover }
.adx .adx-ban figcaption{ position:absolute; left:10px; bottom:10px; max-width:calc(100% - 20px); background:rgba(255,255,255,.94); color:var(--adx-teal); font-family:var(--adx-sg); font-weight:500; font-size:12px; line-height:1.2; padding:6px 11px 5px; border-radius:14px }
.adx .adx-art_h{ display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center }
.adx .adx-badge--lg{ width:58px; height:58px; align-self:start; margin-top:4px }
.adx .adx-badge--lg .adx-ico{ width:34px; height:34px; stroke-width:2.3 }
.adx .adx-art_k{ font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1; color:var(--adx-t70) }
.adx .adx-art_t{ font-family:var(--adx-sg); font-weight:700; font-size:28px; line-height:1.08; letter-spacing:-.015em; margin-top:7px; text-wrap:balance }
.adx .adx-art_tag{ font-family:var(--adx-sg); font-weight:500; font-size:18px; line-height:1.22; color:var(--adx-mag); margin-top:6px; text-wrap:balance }
.adx .adx-art_lead{ margin-top:18px; max-width:44em }
.adx .adx-cols{ display:grid; grid-template-columns:minmax(0,1fr); gap:24px; margin-top:26px }
.adx .adx-cols > div > .adx-nt{ margin-top:20px }
.adx .adx-cols .adx-li + .adx-h4--m{ margin-top:22px }
.adx .adx-li--t li::before{ background:var(--adx-teal) }
.adx-hub .adx-li li{ font-size:16px; line-height:1.42 }
.adx-hub .adx-li li b{ color:var(--adx-teal) }
.adx .adx-fig{ position:relative; background:var(--adx-cream); border-radius:var(--adx-r); padding:42px 14px 22px; margin-top:22px }
.adx .adx-cols > .adx-fig{ margin-top:0 }
.adx .adx-fig_t{ position:absolute; left:16px; top:14px; font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1; color:var(--adx-t70) }
.adx .adx-fig_r{ position:absolute; right:16px; top:15px; font-size:12px; line-height:1; color:var(--adx-t70) }
.adx .adx-fig_in{ display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:150px }
.adx-hub .adx-fig .adx-flow{ max-width:560px }
.adx-hub .adx-fig .adx-flow_out--n4 .adx-node_l, .adx-hub .adx-fig .adx-flow_src--n4 .adx-node_l{ font-size:12px }
.adx-hub .adx-flow_src--n4 .adx-node{ flex-basis:74px }
.adx .adx-avail{ margin-top:28px; padding-top:20px; border-top:1px solid var(--adx-t15); display:grid; gap:12px }
.adx .adx-avail_t{ font-family:var(--adx-sg); font-weight:700; font-size:16px; line-height:1.1 }
.adx .adx-avail_r{ display:grid; gap:8px }
.adx .adx-avail_l{ font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1; color:var(--adx-t70) }
.adx-hub .adx-chips{ margin-top:0 }
.adx .adx-avail_x{ font-size:15px; line-height:1.35; color:var(--adx-t80); flex-basis:100% }
.adx .adx-figcap{ font-size:13px; line-height:1.35; color:var(--adx-t70); margin-top:10px }

/* kits solares de potencia */
.adx .adx-sub2{ margin-top:48px }
.adx .adx-kits{ display:grid; gap:14px; margin-top:20px }
.adx .adx-kit{ background:var(--adx-cream); border-radius:var(--adx-r); overflow:hidden; display:flex; flex-direction:column }
.adx .adx-kit_im{ background:#fff; margin:10px 10px 0; border-radius:var(--adx-r2); overflow:hidden }
.adx .adx-kit_im img{ width:100%; height:auto; aspect-ratio:8 / 5; object-fit:contain }
.adx .adx-kit_b{ padding:18px 20px 20px }
.adx .adx-kit_w{ font-family:var(--adx-sg); font-weight:700; font-size:34px; line-height:1; letter-spacing:-.015em; color:var(--adx-mag) }
.adx .adx-kit_w small{ display:block; font-size:15px; line-height:1.2; letter-spacing:0; color:var(--adx-t70); margin-top:6px }
.adx .adx-kit_n{ font-family:var(--adx-sg); font-weight:700; font-size:16.5px; line-height:1.2; margin:6px 0 4px; text-wrap:balance }
.adx .adx-kit_s{ font-family:var(--adx-sg); font-weight:700; font-size:13.5px; line-height:1.2; color:var(--adx-teal); margin-top:16px }
.adx .adx-kit_p{ font-size:15.5px; line-height:1.4; color:var(--adx-t80); margin:5px 0 10px; text-wrap:pretty }
.adx .adx-kit_x{ font-size:15px; line-height:1.4; color:var(--adx-t80); margin-top:12px }
.adx .adx-acs{ margin-top:14px; background:var(--adx-cream); border-radius:var(--adx-r); border-top:4px solid var(--adx-mag); padding:22px 20px 24px }
.adx .adx-acs_t{ display:flex; align-items:center; gap:12px; font-family:var(--adx-sg); font-weight:700; font-size:21px; line-height:1.12; color:var(--adx-mag) }
.adx .adx-acs_t .adx-ico{ width:32px; height:32px; stroke-width:2.4 }
.adx .adx-acs_g{ display:grid; gap:20px; margin-top:18px }
.adx .adx-acs_g > div{ border-top:1px solid rgba(0,55,61,.18); padding-top:14px }
.adx .adx-acs_h{ font-family:var(--adx-sg); font-weight:700; font-size:16.5px; line-height:1.2; margin:10px 0 6px; text-wrap:balance }
.adx .adx-acs_g p{ font-size:15.5px; line-height:1.42; color:var(--adx-t80); text-wrap:pretty }

/* generador */
.adx .adx-kvl{ font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1; color:var(--adx-t70); margin-bottom:12px }
.adx .adx-kva{ display:grid; grid-template-columns:104px 1fr; gap:14px; align-items:center; padding:16px 0; border-top:1px solid var(--adx-t15) }
.adx .adx-kva:last-child{ border-bottom:1px solid var(--adx-t15) }
.adx .adx-kva_v{ font-family:var(--adx-sg); font-weight:700; font-size:36px; line-height:1; letter-spacing:-.015em; color:var(--adx-mag); white-space:nowrap }
.adx .adx-kva_v small{ font-size:16px }
.adx .adx-kva_d{ font-size:15.5px; line-height:1.3; color:var(--adx-t80); margin-bottom:9px }
.adx .adx-figp_im{ position:relative; background:var(--adx-panel); border-radius:var(--adx-r); overflow:hidden; padding:18px 22px }
.adx .adx-figp_pin{ position:relative }
.adx .adx-figp_im img{ width:100%; height:auto }
.adx .adx-figp .adx-li{ margin-top:14px }
.adx svg.adx-ov{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:visible }
.adx .adx-ov_l{ stroke:var(--adx-mag); stroke-width:1.5; vector-effect:non-scaling-stroke }
.adx .adx-ov_a{ fill:none; stroke:var(--adx-mag); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:6 6; vector-effect:non-scaling-stroke; animation:adx-dash 1.1s linear infinite }
.adx .adx-ov_m{ position:absolute; width:26px; height:26px; margin:-13px 0 0 -13px; border-radius:50%; background:var(--adx-mag); color:#fff; box-shadow:0 0 0 3px #fff; display:flex; align-items:center; justify-content:center; font-family:var(--adx-sg); font-weight:700; font-size:13px; line-height:1 }
.adx .adx-ov_d{ position:absolute; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background:var(--adx-mag); box-shadow:0 0 0 2px #fff }
.adx .adx-ov_h{ position:absolute; width:11px; height:11px; margin:-5.5px 0 0 -5.5px; border-top:2.5px solid var(--adx-mag); border-right:2.5px solid var(--adx-mag); transform:rotate(calc(var(--a) + 45deg)) }
.adx .adx-red{ margin-top:30px; background:var(--adx-panel); border-radius:var(--adx-r); padding:22px 20px; display:grid; gap:16px }
.adx .adx-red_t{ display:flex; align-items:center; gap:12px; font-family:var(--adx-sg); font-weight:700; font-size:19px; line-height:1.15; text-wrap:balance }
.adx .adx-red_t .adx-ico{ width:34px; height:34px; stroke-width:2.3 }

/* calefacción y agua caliente */
.adx .adx-minis{ display:grid; grid-template-columns:1fr 1fr; gap:12px }
.adx .adx-mini{ background:var(--adx-cream); border-radius:var(--adx-r2); padding:14px 12px 14px; text-align:center }
.adx .adx-mini .adx-svg{ max-width:230px }
.adx .adx-mini .adx-svg text{ display:none }
.adx .adx-mini_t{ font-family:var(--adx-sg); font-weight:700; font-size:14.5px; line-height:1.15; margin-top:4px }
.adx .adx-mini_s{ font-size:14px; line-height:1.2; color:var(--adx-t80); margin-top:2px }
.adx .adx-mini .adx-chips{ justify-content:center; margin-top:10px; gap:6px }
.adx .adx-mini .adx-chip{ font-size:12px; padding:7px 9px 6px }
.adx .adx-lt{ display:grid; gap:8px; margin-top:24px }
.adx .adx-lt_r{ background:var(--adx-cream); border-radius:var(--adx-r2); padding:12px 14px; display:grid; gap:10px; align-items:center }
.adx .adx-lt_v{ font-family:var(--adx-sg); font-weight:700; font-size:17px; line-height:1; color:var(--adx-mag); white-space:nowrap }

/* mobiliario y ventanas */
.adx .adx-eqs{ display:grid; gap:14px; margin-top:28px }
.adx .adx-eq{ background:var(--adx-cream); border-radius:var(--adx-r); overflow:hidden; display:flex; flex-direction:column }
.adx .adx-eq_f{ background:#fff; margin:10px 10px 0; border-radius:var(--adx-r2); min-height:160px; display:flex; align-items:center; justify-content:center; padding:18px 12px; position:relative }
.adx .adx-eq_im{ width:100% }
.adx .adx-eq_im img{ width:auto; max-width:100%; max-height:190px; margin:0 auto }
.adx .adx-eq_f:has(.adx-eq_im){ background:var(--adx-panel) }
.adx .adx-eq_ref{ position:absolute; right:12px; bottom:9px; font-size:12px; line-height:1; color:var(--adx-t70) }
.adx .adx-eq_b{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1 }
.adx .adx-eq_t{ font-family:var(--adx-sg); font-weight:700; font-size:19px; line-height:1.15; letter-spacing:-.005em; text-wrap:balance }
.adx .adx-eq_p{ font-size:15.5px; line-height:1.42; color:var(--adx-t80); margin:7px 0 12px; text-wrap:pretty }
.adx .adx-eq_b .adx-li{ margin-bottom:14px }
.adx .adx-eq_b .adx-chips{ margin-top:auto }
.adx .adx-ser{ margin-top:14px; background:var(--adx-panel); border-radius:var(--adx-r); padding:16px 20px 20px; display:grid; gap:12px; align-items:center }
.adx .adx-ser_im img{ width:100%; max-width:240px; height:auto; margin:0 auto }
.adx .adx-ser_t{ font-family:var(--adx-sg); font-weight:700; font-size:19px; line-height:1.15; margin-bottom:10px }

/* ---------- resumen por producto ---------- */
.adx .adx-filtro{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; margin:26px -1.25rem 0; padding:2px 1.25rem 4px }
.adx .adx-filtro::-webkit-scrollbar{ display:none }
.adx button.adx-fbtn{ flex:0 0 auto; min-height:40px; padding:9px 15px 8px; border-radius:999px!important; border:1.5px solid rgba(0,55,61,.3); font-family:var(--adx-sg); font-weight:700; font-size:13.5px; line-height:1.1; white-space:nowrap; background:transparent;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease }
.adx button.adx-fbtn:hover{ background:rgba(255,255,255,.6) }
.adx button.adx-fbtn[aria-pressed="true"]{ background:var(--adx-teal); border-color:var(--adx-teal); color:#fff }
.adx .adx-filtro{ display:none }
.adx-js .adx-filtro{ display:flex }
.adx .adx-tw--mx{ background:transparent; overflow:visible; margin-top:20px }
.adx .adx-mx thead{ display:none }
.adx table.adx-mx, .adx .adx-mx tbody{ display:block }
.adx .adx-mx tr{ display:grid; grid-template-columns:1fr 1fr; background:#fff; border-radius:var(--adx-r); margin-top:10px; padding:6px 16px 12px; box-shadow:var(--adx-sh) }
.adx .adx-mx tr.adx-mx_sep{ display:block; background:none; box-shadow:none; padding:0; margin-top:26px }
.adx .adx-mx tr.adx-mx_sep:first-child{ margin-top:0 }
.adx .adx-mx .adx-mx_sep th{ display:block; background:none!important; border:0; padding:0 0 2px; font-family:var(--adx-sg); font-weight:700; font-size:18px; line-height:1.1; color:var(--adx-mag) }
.adx .adx-mx tbody tr > *{ background:none!important }
.adx .adx-mx th.adx-mx_p{ grid-column:1 / -1; padding:8px 0 10px; border-bottom:1px solid var(--adx-t15) }
.adx .adx-mx_p a{ display:flex; align-items:center; gap:12px }
.adx .adx-th{ display:block; flex:0 0 auto; width:84px; aspect-ratio:5 / 3; background:url("/img/adicionales/th-productos.jpg?v=1") 0 0 / 100% auto no-repeat; background-position:0 calc(var(--i) * 100% / 22) }
.adx .adx-mx_p b{ display:block; font-family:var(--adx-sg); font-weight:700; font-size:18px; line-height:1.1; transition:color .2s ease }
.adx .adx-mx_p a:hover b{ color:var(--adx-mag) }
.adx .adx-mx_p small{ display:block; font-size:13.5px; line-height:1.25; color:var(--adx-t70); margin-top:3px }
.adx .adx-mx td{ display:block; border:0; padding:10px 8px 0 0; font-size:14.5px; line-height:1.25 }
.adx .adx-mx td::before{ content:attr(data-th); display:block; font-family:var(--adx-sg); font-weight:700; font-size:12px; line-height:1.15; color:var(--adx-t70); margin-bottom:4px }
.adx .adx-mx td.adx-mx_no{ display:none }
.adx .adx-mx_si{ margin-left:7px; font-family:var(--adx-sg); font-weight:500; font-size:13.5px }
.adx .adx-mx_v{ font-family:var(--adx-sg); font-weight:500; font-size:14px; line-height:1.2; color:var(--adx-teal) }
.adx .adx-mx_sv{ display:block; font-family:var(--adx-sg); font-weight:500; font-size:13px; line-height:1.2; color:var(--adx-t70); margin-top:5px }
.adx .adx-mx .adx-pill{ font-size:11.5px; padding:5px 9px 4px }
.adx-sec--cream .adx-tleg{ margin-top:22px }

/* ---------- configuraciones tipo ---------- */
.adx .adx-scs{ display:grid; gap:14px; margin-top:30px }
.adx .adx-sc{ background:#fff; border:1.5px solid var(--adx-t15); border-radius:var(--adx-r); overflow:hidden; display:flex; flex-direction:column }
.adx .adx-sc_im img{ width:100%; height:auto; aspect-ratio:960 / 365; object-fit:cover }
.adx .adx-sc_b{ padding:18px 20px 20px; display:flex; flex-direction:column; flex:1 }
.adx .adx-sc_c{ font-family:var(--adx-sg); font-weight:700; font-size:12.5px; line-height:1.2; color:var(--adx-mag) }
.adx .adx-sc_t{ font-family:var(--adx-sg); font-weight:700; font-size:21px; line-height:1.14; letter-spacing:-.01em; margin-top:6px; text-wrap:balance }
.adx .adx-sc_l{ margin-top:14px; display:grid; gap:9px }
.adx .adx-sc_l li{ display:flex; align-items:center; gap:10px; font-size:15.5px; line-height:1.25 }
.adx .adx-sc_l .adx-ico{ width:24px; height:24px; color:var(--adx-mag) }
.adx .adx-sc_l .adx-ico.adx-sc_st{ color:var(--adx-teal) }
.adx .adx-sc_x{ font-size:14.5px; line-height:1.38; color:var(--adx-t70); margin-top:14px; padding-top:12px; border-top:1px solid var(--adx-t15); flex:1 }
.adx .adx-sc .adx-chips{ margin-top:12px }

/* ---------- cierre ---------- */
.adx-end{ background:var(--adx-mag); color:#fff; padding:64px 0 60px; position:relative; overflow:hidden }
.adx-end::before{ content:""; position:absolute; right:0; bottom:0; width:70%; height:100%; background:url("/img/seccion-4-home/background-section.png") right bottom / auto no-repeat; opacity:.8; pointer-events:none }
.adx .adx-end > .container{ position:relative }
.adx .adx-end .adx-kick, .adx .adx-end .adx-h2{ color:#fff }
.adx .adx-end .adx-lead{ color:#fff; margin-top:16px; max-width:36em }
.adx .adx-steps{ display:grid; gap:18px; margin-top:30px; counter-reset:none }
.adx .adx-steps li{ border-top:1.5px solid rgba(255,255,255,.7); padding-top:14px }
.adx .adx-steps li > span{ display:block; font-family:var(--adx-sg); font-weight:700; font-size:34px; line-height:1 }
.adx .adx-steps li b{ display:block; font-family:var(--adx-sg); font-weight:700; font-size:19px; line-height:1.15; margin:10px 0 5px }
.adx .adx-steps li p{ font-size:16px; line-height:1.42; color:#fff }
.adx .adx-end_bt{ display:flex; flex-direction:column; gap:10px; margin-top:32px }
.adx .adx-end_ct{ display:grid; gap:10px; margin-top:28px; font-family:var(--adx-sg); font-weight:500; font-size:15.5px; line-height:1.25 }
.adx .adx-end_ct li{ display:flex; align-items:center; gap:10px }
.adx .adx-end_ct .adx-ico{ width:21px; height:21px; stroke-width:2.7 }
.adx .adx-end_ct a:hover{ color:#fff; text-decoration:none; border-bottom:1.5px solid #fff }
.adx .adx-end_f{ font-size:13.5px; line-height:1.4; color:rgba(255,255,255,.9); margin-top:26px }

/* ---------- celular ---------- */
@media (max-width:763.98px){
  .adx .adx-ban{ overflow:visible; border-radius:0; background:none }
  .adx .adx-ban img{ border-radius:var(--adx-r) }
  .adx .adx-ban figcaption{ position:static; max-width:none; background:none; border-radius:0; padding:8px 2px 0; font-size:12.5px; color:var(--adx-t70) }
  .adx .adx-nav_in{ padding-right:28px; -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent); mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent) }
  .adx .adx-nav_in a{ min-height:40px; display:inline-flex; align-items:center }
  .adx .adx-tw:has(.adx-tbl--ac){ background:transparent; overflow:visible }
  .adx .adx-tbl--ac thead{ display:none }
  .adx table.adx-tbl--ac, .adx .adx-tbl--ac tbody, .adx .adx-tbl--ac tr, .adx .adx-tbl--ac td{ display:block; width:100% }
  .adx .adx-tbl--ac tr{ background:#fff; border:1px solid var(--adx-t15); border-radius:var(--adx-r2); margin-top:10px; padding:12px 14px 10px }
  .adx .adx-tbl--ac tbody tr:nth-child(even) > *{ background:none }
  .adx .adx-tbl--ac td{ border:0; padding:5px 0 }
  .adx .adx-tbl--ac td::before{ content:attr(data-th); display:block; font-family:var(--adx-sg); font-weight:700; font-size:12px; line-height:1.2; color:var(--adx-t70); margin-bottom:3px }
  .adx .adx-tbl--ac td:first-child::before{ display:none }
}
/* ---------- desde 576 px ---------- */
@media (min-width:576px){
  .adx .adx-hero_bt, .adx .adx-end_bt{ flex-direction:row; flex-wrap:wrap }
  .adx .adx-tbl--pw thead th{ padding:13px 8px 12px; font-size:12.5px }
  .adx .adx-tbl--pw thead th:first-child{ width:28%; padding-left:14px }
  .adx .adx-tbl--pw thead th .adx-ico{ width:26px; height:26px; margin-bottom:7px }
  .adx .adx-pw_l{ display:block }
  .adx .adx-pw_s{ display:none }
  .adx .adx-tbl--pw td{ padding:11px 8px }
  .adx .adx-tbl--pw tbody th{ font-size:14.5px; padding:11px 12px 11px 14px }
  .adx .adx-tbl--pw td small{ display:block }
  .adx .adx-fn, .adx .adx-fnl{ display:none }
  .adx .adx-alts{ grid-template-columns:1fr 1fr }
  .adx .adx-two{ grid-template-columns:1fr 1fr }
  .adx .adx-lt_r{ grid-template-columns:170px 1fr }
  .adx .adx-avail_r{ grid-template-columns:132px 1fr; align-items:center }
  .adx .adx-end_ct{ grid-template-columns:auto auto 1fr; gap:10px 28px }
  .adx .adx-ser{ grid-template-columns:minmax(0,220px) 1fr; gap:24px }
}
/* ---------- desde 764 px ---------- */
@media (min-width:764px){
  .adx-hero{ padding:150px 0 132px }
  .adx .adx-h1{ font-size:52px }
  .adx .adx-hero_sub{ font-size:21px }
  .adx .adx-hero_cap{ display:block; text-align:right; right:28px; left:auto; bottom:62px; padding:0 }
  .adx-sheet{ border-radius:48px 48px 0 0; margin-top:-48px; padding:34px 0 10px }
  .adx .adx-hero_ics{ grid-template-columns:repeat(8,1fr) }
  .adx .adx-hero_ics a{ font-size:13px }
  .adx .adx-hero_ics .adx-ico{ width:40px; height:40px }
  .adx .adx-nav_in{ gap:6px; padding:10px 0 }
  .adx .adx-nav_in a{ font-size:14.5px; padding:11px 15px 10px }
  .adx-sec{ padding:88px 0 92px }
  .adx-sec--t{ padding-bottom:24px }
  .adx .adx-h2--s{ font-size:34px }
  .adx .adx-q3{ grid-template-columns:repeat(3,1fr); gap:20px; margin-top:40px }
  .adx .adx-q3_c{ padding:26px 24px 16px }
  .adx-band{ padding:44px 0 46px }
  .adx .adx-band_in{ grid-template-columns:auto auto 1fr; gap:10px 22px }
  .adx .adx-band_n{ width:68px; height:68px; font-size:32px }
  .adx .adx-band_t{ font-size:40px }
  .adx .adx-band_q{ font-size:20px }
  .adx .adx-band_p{ grid-column:auto; margin-top:0; font-size:18px; max-width:25em; justify-self:end; padding-left:26px; border-left:1.5px solid rgba(255,255,255,.3) }
  .adx-art{ padding:76px 0 80px }
  .adx .adx-ban{ margin-bottom:36px }
  .adx .adx-ban img{ aspect-ratio:1600 / 609 }
  .adx .adx-ban figcaption{ left:16px; bottom:16px; font-size:12.5px }
  .adx .adx-badge--lg{ width:72px; height:72px }
  .adx .adx-badge--lg .adx-ico{ width:42px; height:42px }
  .adx .adx-art_h{ gap:22px }
  .adx .adx-art_t{ font-size:38px }
  .adx .adx-art_tag{ font-size:21px }
  .adx .adx-art_lead{ margin-top:22px }
  .adx .adx-fig{ padding:48px 24px 28px }
  .adx .adx-kits{ grid-template-columns:repeat(3,1fr); gap:20px }
  .adx .adx-acs{ padding:28px 30px 30px }
  .adx .adx-acs_g{ grid-template-columns:1fr 1.5fr; gap:34px }
  .adx .adx-red{ grid-template-columns:230px 1fr; gap:30px; padding:28px 30px; align-items:start }
  .adx .adx-red_t{ flex-direction:column; align-items:flex-start }
  .adx .adx-eqs{ grid-template-columns:1fr 1fr; gap:20px }
  .adx .adx-cols--heat .adx-minis{ grid-template-columns:repeat(4,1fr) }
  .adx .adx-scs{ grid-template-columns:1fr 1fr; gap:20px }
  .adx .adx-steps{ grid-template-columns:repeat(3,1fr); gap:24px; margin-top:38px }
  .adx-end{ padding:92px 0 84px }
  .adx .adx-filtro{ margin-left:0; margin-right:0; padding-left:0; padding-right:0; flex-wrap:wrap; overflow:visible }
  .adx .adx-mx tr{ grid-template-columns:repeat(4,1fr) }
}
/* ---------- desde 992 px ---------- */
@media (min-width:992px){
  .adx .adx-h1{ font-size:60px }
  .adx .adx-alts{ grid-template-columns:repeat(4,1fr); gap:16px }
  .adx .adx-pwh{ grid-template-columns:1fr auto; align-items:end }
  .adx .adx-cols{ gap:48px }
  .adx .adx-cols--fig{ grid-template-columns:1fr minmax(0,500px); align-items:start }
  .adx .adx-cols--figl{ grid-template-columns:minmax(0,470px) 1fr; align-items:center }
  .adx .adx-cols--half{ grid-template-columns:1fr 1fr; align-items:center }
  .adx .adx-art_lead{ font-size:20px }
  /* la tabla por producto vuelve a ser tabla */
  .adx .adx-tw--mx{ background:#fff; border-radius:var(--adx-r); overflow:hidden; box-shadow:var(--adx-sh); margin-top:24px }
  .adx .adx-tw--mx + .adx-tw--mx{ margin-top:28px }
  .adx table.adx-mx{ display:table; table-layout:fixed }
  .adx .adx-mx thead{ display:table-header-group }
  .adx .adx-mx tbody{ display:table-row-group }
  .adx .adx-mx tr, .adx .adx-mx tr.adx-mx_sep{ display:table-row; background:none; box-shadow:none; border-radius:0; margin:0; padding:0 }
  .adx .adx-mx thead th{ text-align:center; vertical-align:top; font-size:12.5px; padding:14px 6px 12px }
  .adx .adx-mx thead th:first-child{ text-align:left; vertical-align:bottom; padding-left:18px; width:25% }
  .adx .adx-mx--o thead th:first-child{ width:27% }
  .adx .adx-mx thead th .adx-ico{ display:block; margin:0 auto 7px; width:26px; height:26px; color:#fff; stroke-width:2.5 }
  .adx .adx-mx thead th span{ display:block }
  .adx .adx-mx .adx-mx_sep th{ display:table-cell; padding:16px 18px 9px; border-bottom:2px solid var(--adx-teal); font-size:15.5px; background:#fff!important }
  .adx .adx-mx th.adx-mx_p{ display:table-cell; grid-column:auto; padding:7px 8px 7px 14px; border-bottom:1px solid var(--adx-t15) }
  .adx .adx-th{ width:62px; mix-blend-mode:multiply }
  .adx .adx-mx_p b{ font-size:15.5px }
  .adx .adx-mx_p small{ font-size:12.5px }
  .adx .adx-mx td, .adx .adx-mx td.adx-mx_no{ display:table-cell; text-align:center; padding:7px 6px; border-bottom:1px solid var(--adx-t15); font-size:13.5px }
  .adx .adx-mx td::before{ display:none }
  .adx .adx-mx tbody tr:nth-child(even) > *{ background:#FBF7F3!important }
  .adx .adx-mx tbody tr.adx-mx_sep > *{ background:#fff!important }
  .adx .adx-mx_si{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }
  .adx .adx-mx_v{ font-size:13px }
  .adx .adx-mx_sv{ font-size:12.5px }
  .adx .adx-scs{ grid-template-columns:repeat(3,1fr) }
  .adx .adx-eq_f{ min-height:190px }
  .adx .adx-end_in{ max-width:940px }
}
@media (min-width:1200px){
  .adx .adx-minis{ gap:14px }
}