:root{--al-dark:#18201f;--al-deep:#0f1413;--al-accent:#0c938a;--al-accent-2:#c88745;--al-soft:#eff8f6;--al-line:#d7e2df;--al-muted:#5f6d69;--al-bg:#f6f9f8;--al-shadow:0 20px 55px rgba(11,29,27,.11)}
html{scroll-behavior:smooth}.av-al-page{background:var(--al-bg);color:var(--al-dark)}.av-al-page main{overflow:hidden}.av-al-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.av-al-hero{padding:34px 0 74px;background:linear-gradient(180deg,#edf7f4 0,#f8fbfa 100%)}.av-al-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:28px;color:#66746f;font-size:14px}.av-al-breadcrumb a{color:inherit!important;text-decoration:none!important}.av-al-breadcrumb a:hover{text-decoration:underline!important}.av-al-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:46px;align-items:center}.av-al-eyebrow{display:inline-block;margin-bottom:12px;color:var(--al-accent);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.av-al-hero-copy h1,.av-al-heading h2,.av-al-copy h2,.av-al-final h2{margin:0;color:var(--al-dark);font-weight:900;letter-spacing:-.03em}.av-al-hero-copy h1{font-size:clamp(42px,5vw,66px);line-height:1.01}.av-al-lead{margin:22px 0 0;color:#50615c;font-size:18px;line-height:1.7}.av-al-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.av-al-btn{display:inline-flex;min-height:48px;padding:12px 19px;border:1px solid transparent;border-radius:12px;align-items:center;justify-content:center;text-decoration:none!important;font-weight:900;transition:.18s}.av-al-btn-primary{background:var(--al-accent);color:#fff!important;box-shadow:0 10px 24px rgba(12,147,138,.18)}.av-al-btn-primary:hover{transform:translateY(-1px);background:#087f78}.av-al-btn-secondary{border-color:#baccc7;background:#fff;color:var(--al-dark)!important}.av-al-btn-light{border-color:rgba(255,255,255,.35);background:transparent;color:#fff!important}.av-al-btn-full{width:100%}.av-al-trust{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.av-al-trust span{padding:8px 11px;border:1px solid #cfe0dc;border-radius:999px;background:#fff;color:#49615a;font-size:13px;font-weight:800}.av-al-hero-media,.av-al-wide-media{margin:0}.av-al-hero-media img,.av-al-wide-media img{display:block;width:100%;height:auto;border-radius:22px;box-shadow:var(--al-shadow)}figure figcaption{margin-top:9px;color:#71807c;font-size:12px;line-height:1.45}.av-al-section{padding:76px 0}.av-al-white{background:#fff}.av-al-termopanel{background:linear-gradient(180deg,#edf7f4,#f7fbfa)}.av-al-heading{max-width:820px;margin:0 auto 34px;text-align:center}.av-al-heading h2,.av-al-copy h2,.av-al-final h2{font-size:clamp(31px,4vw,46px);line-height:1.08}.av-al-heading p,.av-al-copy p,.av-al-final p{margin:15px 0 0;color:var(--al-muted);font-size:17px;line-height:1.7}.av-al-config{display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:start}.av-al-config-preview,.av-al-config-controls{padding:20px;border:1px solid var(--al-line);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(15,38,34,.05)}.av-al-config-preview{position:sticky;top:98px}.av-al-config-preview figure{margin:0}.av-al-config-preview img{display:block;width:100%;height:auto;border-radius:16px;background:#f7f7f5}.av-al-selected-color{display:flex;justify-content:space-between;gap:14px;margin-top:13px;padding:13px 15px;border-radius:13px;background:#edf7f4;color:#56706a}.av-al-selected-color strong{color:var(--al-dark)}.av-al-fieldset{margin:0 0 20px;padding:0;border:0}.av-al-fieldset legend{margin-bottom:12px;color:var(--al-dark);font-weight:900}.av-al-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.av-al-color,.av-al-choice{min-height:48px;border:1px solid #cbd8d5;border-radius:12px;background:#fff;color:#34433f;font:inherit;font-weight:800;cursor:pointer}.av-al-color{display:flex;align-items:center;gap:8px;padding:8px}.av-al-color.is-active,.av-al-choice.is-active{border-color:var(--al-accent);box-shadow:0 0 0 2px rgba(12,147,138,.12);background:#edf8f6}.av-al-swatch{width:24px;height:24px;border:1px solid rgba(0,0,0,.13);border-radius:50%;background:var(--swatch);flex:0 0 auto}.av-al-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.av-al-choice-grid-two{grid-template-columns:1fr 1fr}.av-al-measures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.av-al-measures label{display:grid;gap:7px;color:#40504b;font-size:13px;font-weight:800}.av-al-measures input{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cbd8d5;border-radius:11px;background:#fff;color:var(--al-dark);font:inherit}.av-al-measures input:focus{outline:2px solid rgba(12,147,138,.18);border-color:var(--al-accent)}.av-al-summary{margin-top:20px;padding:18px;border-radius:17px;background:var(--al-deep);color:#e8f6f3}.av-al-summary h3{margin:0 0 12px;color:#fff;font-size:20px}.av-al-summary dl{display:grid;gap:0;margin:0 0 16px}.av-al-summary dl>div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.av-al-summary dt{color:#a9c8c1}.av-al-summary dd{margin:0;color:#fff;font-weight:800;text-align:right}.av-al-feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.av-al-feature-card{overflow:hidden;border:1px solid var(--al-line);border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(13,30,28,.05)}.av-al-feature-card img{display:block;width:100%;height:320px;object-fit:cover}.av-al-feature-card:not(.av-al-feature-wide) img{height:420px}.av-al-feature-card div{padding:23px}.av-al-feature-card h3{margin:0 0 9px;color:var(--al-dark);font-size:25px}.av-al-feature-card p{margin:0;color:var(--al-muted);line-height:1.68}.av-al-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.av-al-split-reverse{grid-template-columns:1.1fr .9fr}.av-al-checks{margin:20px 0 0;padding:0;list-style:none;display:grid;gap:10px}.av-al-checks li{position:relative;padding:13px 14px 13px 42px;border:1px solid var(--al-line);border-radius:13px;background:#f8fbfa;color:#50645f;line-height:1.55}.av-al-checks li::before{content:"✓";position:absolute;left:14px;top:12px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--al-accent);color:#fff;font-size:12px;font-weight:900}.av-al-checks strong{color:var(--al-dark)}.av-al-link-row{margin-top:20px}.av-al-text-link{color:var(--al-accent)!important;text-decoration:none!important;font-weight:900}.av-al-text-link:hover{text-decoration:underline!important}.av-al-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.av-al-price-grid>div{padding:18px;border:1px solid var(--al-line);border-radius:15px;background:#f9fbfa}.av-al-price-grid strong{display:block;margin-bottom:5px;color:var(--al-dark)}.av-al-price-grid span{color:#61716d;font-size:14px;line-height:1.5}.av-al-callout{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:25px;border:1px solid #ccdcd8;border-radius:20px;background:#edf7f4}.av-al-callout h3{margin:0 0 7px;color:var(--al-dark);font-size:21px}.av-al-callout p{margin:0;color:#526862;line-height:1.6}.av-al-callout .av-al-btn{flex:0 0 auto}.av-al-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.av-al-compare>div{padding:26px;border:1px solid var(--al-line);border-radius:20px;background:#fff}.av-al-compare h3{margin:0 0 10px;color:var(--al-dark);font-size:24px}.av-al-compare p{margin:0 0 12px;color:var(--al-muted);line-height:1.68}.av-al-process{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.av-al-process>div{padding:20px;border:1px solid var(--al-line);border-radius:17px;background:#f9fbfa}.av-al-process b{width:35px;height:35px;margin-bottom:13px;border-radius:50%;display:grid;place-items:center;background:var(--al-accent);color:#fff;font-size:16px}.av-al-process h3{margin:0 0 7px;color:var(--al-dark);font-size:18px}.av-al-process p{margin:0;color:#63746f;font-size:14px;line-height:1.55}.av-al-center{text-align:center;margin-top:22px}.av-al-faq{max-width:900px;margin:auto;display:grid;gap:9px}.av-al-faq details{overflow:hidden;border:1px solid var(--al-line);border-radius:14px;background:#fff}.av-al-faq summary{cursor:pointer;padding:17px 48px 17px 18px;list-style:none;position:relative;color:var(--al-dark);font-weight:900}.av-al-faq summary::-webkit-details-marker{display:none}.av-al-faq summary::after{content:"+";position:absolute;right:18px;top:13px;color:var(--al-accent);font-size:25px}.av-al-faq details[open] summary::after{content:"−"}.av-al-faq p{margin:0;padding:0 18px 18px;color:var(--al-muted);line-height:1.65}.av-al-related-section{background:#edf7f4}.av-al-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.av-al-related a{padding:21px;border:1px solid #cadfd9;border-radius:17px;background:#fff;color:inherit!important;text-decoration:none!important;transition:.15s}.av-al-related a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(8,50,42,.08)}.av-al-related strong{display:block;margin-bottom:7px;color:var(--al-accent);font-size:18px}.av-al-related span{color:#5f716b;line-height:1.55}.av-al-final{padding:62px 0;background:var(--al-deep);color:#e9f6f4}.av-al-final-grid{display:flex;align-items:center;justify-content:space-between;gap:34px}.av-al-final h2{color:#fff}.av-al-final p{max-width:730px;color:#b9d2cd}.av-al-final .av-al-eyebrow{color:#67d1c6}
@media(max-width:980px){.av-al-hero-grid,.av-al-config,.av-al-split,.av-al-split-reverse{grid-template-columns:1fr}.av-al-config-preview{position:static}.av-al-hero-media{order:-1}.av-al-feature-grid{grid-template-columns:1fr}.av-al-feature-card:not(.av-al-feature-wide) img{height:auto;aspect-ratio:4/3}.av-al-process{grid-template-columns:1fr 1fr}.av-al-final-grid{align-items:flex-start;flex-direction:column}.av-al-color-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.av-al-wrap{width:min(100% - 28px,1180px)}.av-al-hero{padding:22px 0 48px}.av-al-breadcrumb{margin-bottom:18px}.av-al-hero-grid{gap:25px}.av-al-hero-copy h1{font-size:38px}.av-al-lead{font-size:16px}.av-al-actions{display:grid}.av-al-btn{width:100%}.av-al-section{padding:52px 0}.av-al-heading{text-align:left;margin-bottom:24px}.av-al-heading h2,.av-al-copy h2,.av-al-final h2{font-size:30px}.av-al-heading p,.av-al-copy p,.av-al-final p{font-size:16px}.av-al-config-preview,.av-al-config-controls{padding:14px;border-radius:18px}.av-al-color-grid{grid-template-columns:repeat(2,1fr)}.av-al-choice-grid{grid-template-columns:1fr 1fr}.av-al-measures{grid-template-columns:1fr}.av-al-feature-card img{height:auto;aspect-ratio:4/3}.av-al-price-grid,.av-al-compare,.av-al-related,.av-al-process{grid-template-columns:1fr}.av-al-callout{align-items:stretch;flex-direction:column}.av-al-final{padding:48px 0}.av-al-summary dl>div{font-size:14px}.av-al-summary dd{max-width:58%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.av-al-btn,.av-al-related a{transition:none}}


/* ANDES VISTA 2026-10-10 | Igualacion visual de aluminio con PVC.
   Solo estilos: conserva PHP, JS, rutas, SEO y colores disponibles. */
.av-al-page{font-family:Arial,Helvetica,sans-serif;color:#073127;background:#f6faf8}
.av-al-page button,.av-al-page input{font-family:inherit}
.av-al-config-section{background:linear-gradient(180deg,#f0f9f6 0%,#f8fcfa 100%)}
.av-al-config-section .av-al-heading{max-width:1020px;margin:0 auto 36px;text-align:center}
.av-al-config-section .av-al-heading h2{color:#062d26;font-size:clamp(32px,4.1vw,56px);line-height:1.12;letter-spacing:-.035em;font-weight:900}
.av-al-config-section .av-al-heading p{max-width:980px;margin:17px auto 0;color:#506b63;font-size:clamp(16px,1.5vw,20px);line-height:1.7}
.av-al-config-section .av-al-eyebrow{color:#08705e;font-weight:900;letter-spacing:.12em}
.av-al-config{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:28px;align-items:start}
.av-al-config-preview,.av-al-config-controls{padding:23px;border:1px solid #d4e6df;border-radius:24px;background:#fff;box-shadow:0 15px 40px rgba(6,45,38,.07)}
.av-al-config-preview{position:sticky;top:105px}
.av-al-config-preview img{width:100%;aspect-ratio:1/1;object-fit:cover;height:auto;border-radius:17px;background:#eef2ef}
.av-al-config-preview figcaption{font-size:13px;line-height:1.5;color:#657c74;margin-top:10px}
.av-al-selected-color{background:#edf8f4;border-radius:12px;margin-top:14px;padding:14px 16px;color:#587069;font-size:14px}
.av-al-selected-color strong{color:#062d26;font-size:15px}
.av-al-fieldset{padding:0;border:0;margin:0 0 27px;min-width:0}
.av-al-fieldset legend{display:block;width:100%;margin-bottom:14px;color:#062d26;font-size:19px;font-weight:900;line-height:1.35}
.av-al-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.av-al-color{min-width:0;min-height:96px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 7px;border:1px solid #d3e4dd;border-radius:14px;background:#fff;color:#123d34;font-size:14px;line-height:1.25;text-align:center;font-weight:800;transition:background .16s,border-color .16s,box-shadow .16s}
.av-al-color .av-al-swatch{display:block;flex:none;width:37px;height:37px;border-radius:50%;margin:0;background:var(--swatch);border:2px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
.av-al-color:hover,.av-al-color.is-active{background:#eef9f5;border-color:#08705e;box-shadow:0 0 0 2px rgba(8,112,94,.08);color:#08705e}
.av-al-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.av-al-choice-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.av-al-choice{min-height:54px;padding:10px 7px;border:1px solid #d3e4dd;border-radius:12px;background:#fff;color:#35554d;font-size:16px;line-height:1.2;font-weight:800;text-align:center}
.av-al-choice:hover,.av-al-choice.is-active{background:#e9f7f2;border-color:#08705e;color:#08705e;box-shadow:none}
.av-al-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 24px}
.av-al-measures label{display:grid;gap:8px;font-size:14px;font-weight:800;color:#36564e;min-width:0}
.av-al-measures input{box-sizing:border-box;min-width:0;min-height:55px;border:1px solid #cdded8;border-radius:12px;padding:11px 14px;background:#fff;font-size:16px;color:#173f38}
.av-al-measures input:focus-visible,.av-al-choice:focus-visible,.av-al-color:focus-visible{outline:3px solid rgba(8,112,94,.32);outline-offset:2px}
.av-al-summary{margin-top:5px;padding:24px;border-radius:18px;background:#062d26;color:#e5fff9}
.av-al-summary h3{margin:0 0 15px;font-size:22px;line-height:1.3;font-weight:900;color:#fff}
.av-al-summary dl>div{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px;line-height:1.35}
.av-al-summary dt{color:#b2dbd0}
.av-al-summary dd{max-width:60%;text-align:right;overflow-wrap:anywhere;color:#fff;font-weight:800}
.av-al-summary .av-al-btn-primary{min-height:54px;background:#08705e;border-radius:12px;color:#fff;font-size:15px;font-weight:900;line-height:1.4;text-align:center}
.av-al-summary .av-al-btn-primary:hover{background:#095847}
@media(max-width:980px){.av-al-config{grid-template-columns:1fr}.av-al-config-preview{position:static}.av-al-config-section .av-al-heading{margin-bottom:26px}}
@media(max-width:640px){.av-al-config-section .av-al-heading{text-align:left}.av-al-config-section .av-al-heading h2{font-size:clamp(29px,8vw,38px)}.av-al-config-preview,.av-al-config-controls{padding:15px;border-radius:18px}.av-al-color-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.av-al-color{min-height:91px;font-size:13px}.av-al-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.av-al-choice{font-size:15px}.av-al-measures{grid-template-columns:1fr;gap:13px}.av-al-summary{padding:18px}.av-al-summary dl>div{font-size:14px}}
@media(prefers-reduced-motion:reduce){.av-al-color{transition:none}}

/* Ajustes visuales 2026-10-10: secciones informativas, sin alterar el configurador */
.av-al-page .av-al-heading{max-width:900px}
.av-al-page .av-al-heading h2{font-size:clamp(30px,3.15vw,43px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}
.av-al-page .av-al-copy h2{font-size:clamp(30px,3.05vw,42px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance}
.av-al-page .av-al-split,.av-al-page .av-al-split-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,44px)}
.av-al-page .av-al-copy,.av-al-page .av-al-wide-media{min-width:0}
.av-al-page .av-al-feature-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:start;gap:20px}
.av-al-page .av-al-feature-card{height:auto;min-width:0}
.av-al-page .av-al-feature-card img,.av-al-page .av-al-feature-card:not(.av-al-feature-wide) img{width:100%;height:300px;object-fit:cover}
.av-al-page .av-al-feature-card div{padding:22px 23px 24px}
.av-al-page .av-al-feature-card h3{font-size:clamp(20px,1.8vw,24px);line-height:1.2}
.av-al-page .av-al-feature-card p{font-size:15px;line-height:1.65}
.av-al-page .av-al-wide-media img{width:100%;max-height:470px;aspect-ratio:4/3;object-fit:cover}
@media(max-width:980px){
 .av-al-page .av-al-split,.av-al-page .av-al-split-reverse{grid-template-columns:1fr}
 .av-al-page .av-al-feature-grid{grid-template-columns:1fr 1fr}
 .av-al-page .av-al-feature-card img,.av-al-page .av-al-feature-card:not(.av-al-feature-wide) img{height:230px}
}
@media(max-width:680px){
 .av-al-page .av-al-heading h2,.av-al-page .av-al-copy h2{font-size:clamp(28px,7.7vw,36px)}
 .av-al-page .av-al-feature-grid{grid-template-columns:1fr;gap:16px}
 .av-al-page .av-al-feature-card img,.av-al-page .av-al-feature-card:not(.av-al-feature-wide) img{height:auto;aspect-ratio:16/10}
 .av-al-page .av-al-feature-card div{padding:18px}
 .av-al-page .av-al-wide-media img{max-height:none;aspect-ratio:4/3}
}

/* La foto original de abatibles queda un poco mas compacta, sin alterar otras secciones */
@media(min-width:981px){
 .av-al-page .av-al-feature-card:not(.av-al-feature-wide) img{height:260px;object-fit:cover;object-position:center 48%}
}
@media(min-width:681px) and (max-width:980px){
 .av-al-page .av-al-feature-card:not(.av-al-feature-wide) img{height:210px;object-fit:cover;object-position:center 48%}
}


/* ANDES VISTA | AJUSTE MOBILE PVC Y ALUMINIO | 2026-10-10
   Solo actua en pantallas de celular (<681px).
   Header y footer son compartidos en PHP: los ajustes quedan limitados a esta pagina.
   La fila de categorias se oculta solo en celular: las mismas categorias
   siguen disponibles desde el boton de menu hamburguesa.
*/
@media (max-width:680px) {
  .av-al-page .av-nav-header .av-mobile-category-bar {
    display: none !important;
  }

  /* El menu hamburguesa se conserva; compactamos la altura sin esconderlo. */
  .av-al-page .av-nav-header .av-nav-wrap {
    min-height: 60px;
    padding-block: 7px;
  }
  .av-al-page .av-nav-header .av-nav-logo img {
    max-height: 43px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
  }
  .av-al-page #configurador { scroll-margin-top: 76px; }

  /* El acceso a WhatsApp sigue fijo, pero ocupa mucho menos espacio. */
  .av-al-page .av-footer-wa {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 42px;
    padding: 10px 13px !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    right: 11px !important;
    left: auto !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
    z-index: 40;
    box-shadow: 0 6px 16px rgba(0,48,40,.17);
  }

  /* Pie de pagina: conserva todos los enlaces pero ahorra desplazamiento. */
  .av-al-page .av-shared-footer { padding-top: 34px; }
  .av-al-page .av-shared-footer .av-footer-wrap {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 25px;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div { min-width: 0; }
  .av-al-page .av-shared-footer .av-footer-wrap > div > h3,
  .av-al-page .av-shared-footer .av-footer-wrap > div > h4 {
    margin: 0 0 12px;
    line-height: 1.25;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div > p {
    font-size: 14px;
    line-height: 1.55;
    margin: 0 0 8px;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: 16px;
    row-gap: 10px;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div:nth-child(2) h4 {
    grid-column: 1 / -1;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div:nth-child(2) a {
    display: block;
    width: auto;
    min-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
  }
  .av-al-page .av-shared-footer .av-footer-wrap > div:nth-child(3) a,
  .av-al-page .av-shared-footer .av-footer-wrap > div:nth-child(3) button {
    font-size: 14px;
    line-height: 1.5;
  }
  .av-al-page .av-shared-footer .av-footer-bottom {
    padding-bottom: 65px;
    font-size: 13px;
    line-height: 1.55;
  }
}

/* Compacidad de secciones, legibilidad y tactilidad: solo celular. */
@media (max-width:680px) {
  body.av-al-page .av-al-wrap { width: calc(100% - 30px); max-width: 1180px; }
  body.av-al-page .av-al-section { padding-top: 38px; padding-bottom: 38px; }
  body.av-al-page .av-al-hero { padding-top: 20px; padding-bottom: 38px; }
  body.av-al-page .av-al-hero-grid { gap: 19px; }
  body.av-al-page .av-al-hero-copy h1 { font-size: clamp(32px, 8.3vw, 39px); line-height: 1.09; }
  body.av-al-page .av-al-heading { margin-bottom: 20px; }
  body.av-al-page .av-al-heading h2,
  body.av-al-page .av-al-copy h2,
  body.av-al-page .av-al-final h2 { font-size: clamp(26px, 7.1vw, 32px); line-height: 1.17; letter-spacing: -.025em; }
  body.av-al-page .av-al-heading p,
  body.av-al-page .av-al-copy p,
  body.av-al-page .av-al-final p,
  body.av-al-page .av-al-lead { font-size: 15px; line-height: 1.6; }
  body.av-al-page .av-al-eyebrow { font-size: 12px; }
  body.av-al-page .av-al-actions { gap: 10px; margin-top: 19px; }
  body.av-al-page .av-al-btn { min-height: 46px; padding: 10px 15px; }
  body.av-al-page .av-al-trust { margin-top: 15px; }
  body.av-al-page .av-al-trust span { font-size: 12px; }

  body.av-al-page .av-al-config-section .av-al-heading { margin-bottom: 20px; }
  body.av-al-page .av-al-config { gap: 18px; }
  body.av-al-page .av-al-config-preview,
  body.av-al-page .av-al-config-controls { padding: 14px; border-radius: 18px; }
  body.av-al-page .av-al-config-preview img { max-height: 340px; object-fit: cover; }
  body.av-al-page .av-al-fieldset { margin-bottom: 18px; }
  body.av-al-page .av-al-fieldset legend { font-size: 16px; margin-bottom: 9px; }
  body.av-al-page .av-al-choice { min-height: 46px; font-size: 14px; line-height: 1.25; }
  body.av-al-page .av-al-measures { gap: 12px; margin-bottom: 18px; }
  body.av-al-page .av-al-measures input { min-height: 48px; font-size: 16px; }
  body.av-al-page .av-al-summary { padding: 17px; }
  body.av-al-page .av-al-summary dl>div { font-size: 13px; line-height: 1.45; }
  body.av-al-page .av-al-summary dd { overflow-wrap: anywhere; }

  body.av-al-page .av-al-feature-grid { gap: 14px; }
  body.av-al-page .av-al-feature-card > div { padding: 16px; }
  body.av-al-page .av-al-feature-card h3 { font-size: 19px; line-height: 1.25; }
  body.av-al-page .av-al-feature-card p { font-size: 14px; line-height: 1.55; }
  body.av-al-page .av-al-split,
  body.av-al-page .av-al-split-reverse { gap: 20px; }
  body.av-al-page .av-al-price-grid>div,
  body.av-al-page .av-al-process>div { padding: 16px; }
  body.av-al-page .av-al-callout { padding: 18px; gap: 14px; margin-top: 18px; }
  body.av-al-page .av-al-callout h3 { font-size: 19px; line-height: 1.3; }
  body.av-al-page .av-al-callout p { font-size: 14px; line-height: 1.55; }
  body.av-al-page .av-al-compare>div,
  body.av-al-page .av-al-related a { padding: 18px; }
  body.av-al-page .av-al-compare h3 { font-size: 20px; }
  body.av-al-page .av-al-compare p { font-size: 14px; line-height: 1.6; }
  body.av-al-page .av-al-faq summary { padding: 15px 44px 15px 16px; font-size: 15px; line-height: 1.4; }
  body.av-al-page .av-al-faq p { font-size: 14px; line-height: 1.65; padding: 0 16px 16px; }
  body.av-al-page .av-al-related strong { font-size: 17px; line-height: 1.35; }
  body.av-al-page .av-al-related span { font-size: 14px; line-height: 1.5; }
  body.av-al-page .av-al-final { padding: 38px 0 42px; }
  body.av-al-page .av-al-final-grid { gap: 16px; }
  body.av-al-page .av-al-final-grid > div { width: 100%; }
}

/* Fotos de aluminio: respetamos la imagen original y el recorte desktop. */
@media(max-width:680px){
  body.av-al-page .av-al-feature-card > div { padding: 16px; }
  body.av-al-page .av-al-feature-card img,
  body.av-al-page .av-al-feature-card:not(.av-al-feature-wide) img {
    width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover;
  }
  body.av-al-page .av-al-color-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  body.av-al-page .av-al-color { min-height:83px; }
  body.av-al-page .av-al-swatch { width:32px; height:32px; }
}


/* ANDES VISTA — cierre de revision movil 2026-10-10.
   Titular, descripcion y botones primero; fotografia despues.
   Solo se activa en pantallas <= 980px; escritorio intacto. */
@media screen and (max-width: 980px) {
  body.av-al-page .av-al-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.av-al-page .av-al-hero-copy {
    order: 0;
    min-width: 0;
  }
  body.av-al-page .av-al-hero-media {
    order: 1;
    min-width: 0;
  }
}
@media screen and (max-width: 680px) {
  /* Evita que los CTA queden comprimidos en pantallas angostas. */
  body.av-al-page .av-al-hero-copy .av-al-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    margin-top: 16px;
    gap: 10px;
  }
  body.av-al-page .av-al-hero-copy .av-al-actions .av-al-btn {
    width: 100%;
    min-height: 48px;
    text-align: center;
  }
  body.av-al-page .av-al-hero-media img {
    display: block;
    width: 100%;
  }
}