/* ==========================================================================
   APG · Encabezado «Isla + Showroom», paleta de búsqueda, dock móvil y pie
   Cuelga de #apg-top / #apg-bottom para que Elementor y el tema no lo pisen.
   1. Variables y base  2. Avisos  3. Isla  4. Showroom  5. Paleta  6. Dock y hoja (celular)  7. Pie  8. Responsive
   ========================================================================== */

/* 1. Variables y base ----------------------------------------------------- */
#apg-top,#apg-bottom,.apg-skip{
	--ink:#0A2026;--navy:#071F29;--deep:#04151C;--ink-2:#13343d;--muted:#4A5560;--soft:#A9BCC4;--lime:#ADD400;--lime-2:#C4EB1F;--sky:#309FC5;--blue:#17698A;
	--sand:#F4F3F0;--stone:#EDECE9;--line:#E6E4DF;--wa:#25D366;--wa-ink:#062814;--ease:cubic-bezier(.2,.7,.2,1);--t:.3s;
	--display:'Krub',sans-serif;--body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;--gut:clamp(12px,2.4vw,28px);
	font-family:var(--body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;color:var(--ink)
}
#apg-top *,#apg-top *::before,#apg-top *::after,#apg-bottom *,#apg-bottom *::before,#apg-bottom *::after{box-sizing:border-box}
#apg-top{display:contents}
#apg-top .apg-wrap,#apg-bottom .apg-wrap{max-width:1320px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
#apg-top a,#apg-bottom a{text-decoration:none;transition:color var(--t) var(--ease)}
#apg-top button,#apg-bottom button{font-family:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;min-height:0;line-height:1.2;-webkit-tap-highlight-color:transparent;margin:0}
#apg-top img,#apg-bottom img{max-width:100%;height:auto}
#apg-top :focus-visible,#apg-bottom :focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:8px}
#apg-top .apg-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#apg-top kbd{font-family:var(--body);font-size:11px;font-weight:700;border:1px solid currentColor;border-radius:6px;padding:1px 6px;opacity:.7}
.apg-skip{position:absolute;left:12px;top:-60px;z-index:100000;background:#ADD400;color:#0A2026;padding:10px 14px;border-radius:10px;font-weight:700}
.apg-skip:focus{top:12px}
body.apg-layout{margin:0}
#apg-top .apg-dot,#apg-bottom .apg-dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--wa);flex:none}
#apg-top .apg-dot::after,#apg-bottom .apg-dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--wa);animation:apg-ping 2s infinite}
@keyframes apg-ping{0%{opacity:.7;transform:scale(.5)}100%{opacity:0;transform:scale(1.6)}}

/* 2. Avisos ---------------------------------------------------------------- */
#apg-top .apg-ticker{background:var(--deep);color:#DCE6EA;font-size:13px}
#apg-top .apg-ticker .apg-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:36px}
#apg-top .apg-ticker-msgs{position:relative;height:20px;width:100%;max-width:620px;text-align:center}
#apg-top .apg-ticker-msgs span{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .5s var(--ease),transform .5s var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apg-top .apg-ticker-msgs span.is-on{opacity:1;transform:none}
#apg-top .apg-ticker-soc{position:absolute;left:var(--gut);display:flex;align-items:center;gap:4px}
#apg-top .apg-ticker-soc a{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#DCE6EA;transition:color var(--t),background-color var(--t),transform var(--t) var(--ease)}
#apg-top .apg-ticker-soc a:hover{color:var(--ink);background:var(--lime);transform:translateY(-1px)}
#apg-top .apg-sheet-soc{display:flex;justify-content:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
#apg-top .apg-sheet-soc a{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff}
#apg-top .apg-sheet-soc svg{width:18px;height:18px}
#apg-top .apg-ticker-tel{position:absolute;right:var(--gut);display:inline-flex;align-items:center;gap:6px;color:#DCE6EA;font-weight:600}
#apg-top .apg-ticker-tel svg{width:15px;height:15px;color:var(--lime)}
#apg-top .apg-ticker-tel:hover{color:#fff}

/* 3. Isla ------------------------------------------------------------------ */
#apg-top .apg-island-wrap{position:sticky;top:0;z-index:9990;padding:10px var(--gut);background:var(--navy);pointer-events:none;transition:transform .4s var(--ease),background-color .35s var(--ease),padding .35s var(--ease)}
/* al bajar se suelta de la banda y queda flotando */
/* fijo: al bajar se vuelve una barra sólida pegada arriba (sin hueco), legible sobre cualquier fondo */
#apg-top .apg-island-wrap.is-scrolled{background:rgba(7,31,41,.97);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.06),0 12px 30px -12px rgba(4,21,28,.6)}
#apg-top .apg-island-wrap.is-scrolled .apg-island{border-color:transparent;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.admin-bar #apg-top .apg-island-wrap{top:32px}
#apg-top .apg-island-wrap.is-hidden{transform:translateY(calc(-100% - 20px))}
#apg-top .apg-island{pointer-events:auto;position:relative;max-width:1320px;margin:0 auto;height:64px;display:flex;align-items:center;gap:10px;padding:0 10px 0 18px;border-radius:20px;background:rgba(7,31,41,.94);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px -22px rgba(4,21,28,.75);color:#fff;transition:height var(--t) var(--ease),box-shadow var(--t)}
#apg-top .apg-island-wrap.is-scrolled .apg-island{box-shadow:0 22px 50px -20px rgba(4,21,28,.85)}


#apg-top .apg-brand{flex:none;display:inline-flex;align-items:center;margin-right:6px}
#apg-top .apg-brand img{height:42px;width:auto;display:block}
#apg-top .apg-deps{position:relative;display:flex;align-items:center;gap:2px;flex:1 1 auto;min-width:0;height:100%}
#apg-top .apg-dep{position:static;height:100%;display:flex;align-items:center}
#apg-top .apg-dep-a{position:relative;z-index:1;display:inline-flex;align-items:center;height:40px;padding:0 13px;border-radius:12px;color:#E4ECEF;font-family:var(--display);font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
#apg-top .apg-dep-a:hover,#apg-top .apg-dep.is-open .apg-dep-a{color:#fff}
#apg-top .apg-dep-a.is-lime{color:var(--lime)}
#apg-top .apg-dep.has-sr .apg-dep-a::after{content:"";width:5px;height:5px;margin-left:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform var(--t) var(--ease)}
#apg-top .apg-dep.is-open .apg-dep-a::after{transform:rotate(-135deg) translateY(-1px)}
/* «tinta» que se desliza bajo el departamento activo */
#apg-top .apg-deps-ink{position:absolute;top:50%;left:0;height:40px;width:0;margin-top:-20px;border-radius:12px;background:rgba(173,212,0,.14);box-shadow:inset 0 0 0 1px rgba(173,212,0,.28);opacity:0;transition:transform .35s var(--ease),width .35s var(--ease),opacity .25s;pointer-events:none}
#apg-top .apg-deps.has-ink .apg-deps-ink{opacity:1}
#apg-top .apg-cmdk{flex:0 1 240px;display:flex;align-items:center;gap:10px;height:42px;padding:0 12px 0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#B9C8CE;font-size:14px;cursor:pointer;transition:border-color var(--t),background-color var(--t)}
#apg-top .apg-cmdk:hover{border-color:var(--sky);background:rgba(255,255,255,.1);color:#fff}
#apg-top .apg-cmdk span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apg-top .apg-tools{display:flex;align-items:center;gap:4px;flex:none}
#apg-top .apg-ib{position:relative;flex:none;width:42px;height:42px;border-radius:12px;border:0;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color var(--t)}
#apg-top .apg-ib:hover{background:rgba(255,255,255,.1);color:#fff}
#apg-top .apg-ib.is-dark{color:var(--ink)}
#apg-top .apg-ib.is-dark:hover{background:var(--sand)}
#apg-top .apg-cart-n{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s var(--ease)}
#apg-top .apg-cart-n.is-bump{animation:apg-bump .5s var(--ease)}
@keyframes apg-bump{30%{transform:scale(1.45)}}
#apg-top .apg-asesor{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;margin-left:4px;border-radius:12px;background:var(--lime);color:var(--ink);font-weight:700;font-size:13.5px;white-space:nowrap;transition:background-color var(--t),transform var(--t) var(--ease)}
#apg-top .apg-asesor:hover{background:var(--lime-2);color:var(--ink);transform:translateY(-1px)}
#apg-top .apg-asesor .apg-dot{background:#0A7A33}
#apg-top .apg-asesor .apg-dot::after{border-color:#0A7A33}
#apg-top .apg-only-sm{display:none}
#apg-top .apg-deps{overflow:hidden}
#apg-top .apg-island.is-tight .apg-cmdk{flex:0 0 44px;width:44px;padding:0;justify-content:center}
#apg-top .apg-island.is-tight .apg-cmdk span,#apg-top .apg-island.is-tight .apg-cmdk kbd{display:none}
#apg-top .apg-island.is-tight .apg-dep-a{padding:0 9px;letter-spacing:.05em}
#apg-top .apg-island.is-tighter .apg-dep-a{padding:0 7px;font-size:12px;letter-spacing:.03em}
#apg-top .apg-island.is-tighter .apg-dep.has-sr .apg-dep-a::after{display:none}
#apg-top .apg-island.is-tighter .apg-asesor{font-size:0;gap:0;padding:0 14px}

/* 3b. Inicio: el encabezado se monta sobre la foto de portada ------------- */
body.home #apg-top .apg-ticker{position:absolute;top:0;left:0;right:0;z-index:9991;background:rgba(4,21,28,.38);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08)}
.admin-bar.home #apg-top .apg-ticker{top:32px}
body.home #apg-top .apg-island-wrap{background:transparent;padding-top:46px;margin-bottom:-120px}
body.home #apg-top .apg-island-wrap.is-scrolled{transform:translateY(-36px)}
body.home #apg-top .apg-island-wrap.is-scrolled.is-hidden{transform:translateY(calc(-100% - 20px))}
body.home #apg-top .apg-island-wrap:not(.is-scrolled) .apg-island{background:rgba(7,31,41,.28);border-color:rgba(255,255,255,.18);box-shadow:none;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3)}
body.home #apg-top .apg-island-wrap:not(.is-scrolled) .apg-cmdk{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22);color:#fff}

/* 4. Showroom -------------------------------------------------------------- */
#apg-top .apg-sr-layer{position:fixed;inset:0;z-index:-1;background:rgba(4,21,28,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s;pointer-events:none}
#apg-top .apg-island.sr-open .apg-sr-layer{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}
#apg-top .apg-sr{position:absolute;left:0;right:0;top:calc(100% + 10px);display:grid;grid-template-columns:290px minmax(0,1fr) 300px;min-height:400px;border-radius:24px;background:#fff;color:var(--ink);overflow:hidden;box-shadow:0 40px 80px -30px rgba(4,21,28,.6);clip-path:inset(0 0 100% 0 round 24px);transition:clip-path .45s var(--ease)}
#apg-top .apg-sr[hidden]{display:none}
#apg-top .apg-sr.is-in{clip-path:inset(0 0 0 0 round 24px)}
#apg-top .apg-sr-list{padding:26px 22px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line)}
#apg-top .apg-sr-k{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.1}
#apg-top .apg-sr-k.is-sm{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime)}
#apg-top .apg-sr-x{margin:2px 0 6px;font-size:13.5px;color:var(--muted);line-height:1.45}
#apg-top .apg-sr-list ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
#apg-top .apg-sr-list li{margin:0}
#apg-top .apg-sr-list li a{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;color:var(--ink);font-weight:600;font-size:14.5px;transition:background-color .2s,padding-left .3s var(--ease)}
#apg-top .apg-sr-list li a::before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;margin-top:0;border-radius:3px;background:var(--lime);transition:height .3s var(--ease),margin-top .3s var(--ease)}
#apg-top .apg-sr-list li a.is-on{background:var(--sand);padding-left:18px}
#apg-top .apg-sr-list li a.is-on::before{height:18px;margin-top:-9px}
#apg-top .apg-sr-list li a small{font-size:12px;color:var(--muted);font-weight:600;background:#fff;border:1px solid var(--line);border-radius:999px;padding:1px 8px}
#apg-top .apg-sr-all{margin-top:auto;display:inline-flex;align-items:center;gap:8px;padding-top:14px;color:var(--blue);font-weight:700;font-size:14px}
#apg-top .apg-sr-all svg{width:16px;height:16px;transition:transform var(--t) var(--ease)}
#apg-top .apg-sr-all:hover svg{transform:translateX(4px)}
/* el escenario: luz cenital y piso de showroom en perspectiva */
#apg-top .apg-sr-stage{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(60% 70% at 50% 30%,#fff 0%,#F4F3F0 55%,#E9E7E1 100%);isolation:isolate}
#apg-top .apg-sr-floor{position:absolute;left:-20%;right:-20%;bottom:-30%;height:70%;z-index:-1;background-image:linear-gradient(rgba(23,105,138,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(23,105,138,.16) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(62deg);transform-origin:center top;-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
#apg-top .apg-sr-stage::before{content:"";position:absolute;z-index:-1;left:50%;top:-30%;width:70%;height:90%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(173,212,0,.18),transparent);filter:blur(10px)}
#apg-top .apg-sr-stage img{width:auto;max-width:78%;height:300px;object-fit:contain;mix-blend-mode:multiply;transition:opacity .25s var(--ease),transform .5s var(--ease)}
#apg-top .apg-sr-stage.is-swap img{opacity:0;transform:translateY(10px) scale(.97)}
#apg-top .apg-sr-stage:hover img{transform:scale(1.04)}
#apg-top .apg-sr-cap{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;gap:2px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 14px;box-shadow:0 14px 30px -16px rgba(4,21,28,.7)}
#apg-top .apg-sr-cap strong{font-size:15px}
#apg-top .apg-sr-cap small{font-size:12px;color:var(--lime);font-weight:600}
#apg-top .apg-sr-dest{position:relative;padding:22px 18px;background:var(--ink);color:#fff;display:flex;flex-direction:column;gap:10px;overflow:hidden;isolation:isolate}
#apg-top .apg-sr-dest::before{content:"";position:absolute;z-index:-1;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(173,212,0,.22),transparent 70%)}
#apg-top .apg-mini{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;color:#fff;transition:background-color .2s}
#apg-top .apg-mini:hover{background:rgba(255,255,255,.07);color:#fff}
#apg-top .apg-mini-img{flex:none;width:64px;height:64px;border-radius:12px;background:#fff;overflow:hidden;display:flex}
#apg-top .apg-mini-img img{width:100%;height:100%;object-fit:contain;padding:5px;mix-blend-mode:multiply}
#apg-top .apg-mini strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.3;font-weight:600}
#apg-top .apg-mini em{display:block;font-style:normal;font-weight:700;color:var(--lime);font-size:14px;margin-top:2px}
#apg-top .apg-mini s{color:var(--soft);font-weight:400;font-size:12px}
#apg-top .apg-sr-gym{margin-top:auto;display:block;text-align:center;padding:12px;border-radius:12px;border:1px dashed rgba(173,212,0,.5);color:#DCE6EA;font-size:13px}
#apg-top .apg-sr-gym b{color:var(--lime)}
#apg-top .apg-sr-gym:hover{background:rgba(173,212,0,.08);color:#fff}

/* 5. Paleta de búsqueda ------------------------------------------------------ */
#apg-top .apg-pal{position:fixed;inset:0;z-index:999995}
#apg-top .apg-pal[hidden]{display:none}
#apg-top .apg-pal-veil{position:absolute;inset:0;background:rgba(4,21,28,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .25s var(--ease)}
#apg-top .apg-pal-box{position:relative;margin:10vh auto 0;width:min(720px,calc(100% - 24px));max-height:78vh;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(4,21,28,.8);opacity:0;transform:translateY(-12px) scale(.98);transition:opacity .25s var(--ease),transform .3s var(--ease)}
#apg-top .apg-pal.is-open .apg-pal-veil{opacity:1}
#apg-top .apg-pal.is-open .apg-pal-box{opacity:1;transform:none}
#apg-top .apg-pal-f{display:flex;align-items:center;gap:12px;padding:0 16px 0 20px;height:66px;border-bottom:1px solid var(--line);margin:0}
#apg-top .apg-pal-f>svg{color:var(--blue);width:22px;height:22px;flex:none}
#apg-top .apg-pal-f input{flex:1;min-width:0;height:64px;border:0;outline:none;background:transparent;font-size:19px;font-family:var(--body);color:var(--ink);padding:0;box-shadow:none}
#apg-top .apg-pal-f input::-webkit-search-cancel-button{display:none}
#apg-top .apg-pal-esc{border:1px solid var(--line);background:var(--sand);color:var(--muted);border-radius:8px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer}
#apg-top .apg-pal-esc-x{display:none}
@media (hover:none),(max-width:640px){#apg-top .apg-pal-esc{min-width:44px;min-height:44px;display:grid;place-items:center;font-size:24px;line-height:1;padding:0}#apg-top .apg-pal-esc-k{display:none}#apg-top .apg-pal-esc-x{display:block}}
#apg-top .apg-pal-body{overflow-y:auto;padding:16px 20px 18px;overscroll-behavior:contain}
#apg-top .apg-pal-k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:4px 0 10px}
#apg-top .apg-pal-chips,#apg-top .apg-pal-deps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#apg-top .apg-pal-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:background-color .2s,border-color .2s}
#apg-top .apg-pal-chips button:hover{background:var(--sand);border-color:var(--ink)}
#apg-top .apg-pal-deps a{display:inline-flex;align-items:center;height:40px;padding:0 14px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:14px}
#apg-top .apg-pal-deps a:hover{background:var(--ink-2);color:var(--lime)}
#apg-top .apg-pal-res{display:flex;flex-direction:column;gap:2px}
#apg-top .apg-pal-row{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 10px;border-radius:14px;color:var(--ink)}
#apg-top .apg-pal-row.is-act,#apg-top .apg-pal-row:hover{background:var(--sand);color:var(--ink)}
#apg-top .apg-pal-row .apg-pal-img{width:56px;height:56px;border-radius:12px;background:var(--sand);display:flex;overflow:hidden}
#apg-top .apg-pal-row .apg-pal-img img{width:100%;height:100%;object-fit:contain;padding:4px;mix-blend-mode:multiply}
#apg-top .apg-pal-row strong{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#apg-top .apg-pal-row small{display:block;font-size:12.5px;color:var(--muted)}
#apg-top .apg-pal-row b{font-family:var(--display);font-size:16px;white-space:nowrap}
#apg-top .apg-pal-row mark{background:rgba(173,212,0,.35);color:inherit;border-radius:3px;padding:0 1px}
#apg-top .apg-pal-cats{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 12px}
#apg-top .apg-pal-cats a{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--blue);color:var(--blue);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}
#apg-top .apg-pal-all{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;height:48px;border-radius:12px;background:var(--ink);color:#fff;font-weight:700}
#apg-top .apg-pal-all:hover,#apg-top .apg-pal-all.is-act{background:var(--ink-2);color:var(--lime)}
#apg-top .apg-pal-empty{padding:18px 6px;color:var(--muted);text-align:center}
#apg-top .apg-pal-empty a{color:var(--blue);font-weight:700}
#apg-top .apg-pal-skel{height:72px;border-radius:14px;background:linear-gradient(90deg,var(--sand),#fff,var(--sand));background-size:200% 100%;animation:apg-sk 1.1s infinite linear;margin-bottom:6px}
@keyframes apg-sk{to{background-position:-200% 0}}
#apg-top .apg-pal-foot{display:flex;gap:16px;padding:10px 20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);background:#FBFBFA}
#apg-top .apg-pal-foot kbd{margin-right:4px}
html.apg-lock,html.apg-lock body{overflow:hidden}

/* 6. Dock y hoja de departamentos (celular) -------------------------------- */
#apg-top .apg-dock{display:none}
#apg-top .apg-sheet{position:fixed;inset:0;z-index:999990}
#apg-top .apg-sheet[hidden]{display:none}
#apg-top .apg-sheet-veil{position:absolute;inset:0;background:rgba(4,21,28,.55);opacity:0;transition:opacity .3s var(--ease)}
#apg-top .apg-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:88vh;display:flex;flex-direction:column;background:#fff;color:var(--ink);border-radius:26px 26px 0 0;transform:translateY(100%);transition:transform .4s var(--ease);outline:none;padding-bottom:env(safe-area-inset-bottom)}
#apg-top .apg-sheet.is-open .apg-sheet-veil{opacity:1}
#apg-top .apg-sheet.is-open .apg-sheet-panel{transform:none}
#apg-top .apg-sheet-grip{width:44px;height:5px;border-radius:5px;background:#D7D4CD;margin:10px auto 0}
#apg-top .apg-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 20px}
#apg-top .apg-sheet-head strong{font-family:var(--display);font-size:20px}
#apg-top .apg-sheet-views{overflow-y:auto;padding:4px 16px 20px}
#apg-top .apg-sheet-view.is-root{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#apg-top .apg-sheet-view[hidden]{display:none}
#apg-top .apg-sheet-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:var(--display);font-weight:700;font-size:15px;text-align:left;cursor:pointer;animation:apg-up .4s var(--ease) both}
#apg-top .apg-sheet-card .is-lime{color:#5E7500}
#apg-top .apg-sheet-img{display:flex;width:100%;aspect-ratio:4/3;border-radius:12px;background:var(--sand);overflow:hidden}
#apg-top .apg-sheet-img img{width:100%;height:100%;object-fit:contain;padding:8px;mix-blend-mode:multiply}
#apg-top .apg-sheet-img.is-sm{width:56px;height:56px;aspect-ratio:auto;flex:none}
#apg-top .apg-sheet-back{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-family:var(--display);font-size:20px;font-weight:700;color:var(--ink);padding:4px 0 10px;cursor:pointer}
#apg-top .apg-sheet-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:600;animation:apg-up .35s var(--ease) both}
#apg-top .apg-sheet-row small{display:block;font-weight:500;color:var(--muted);font-size:12.5px}
#apg-top .apg-sheet-all{display:flex;align-items:center;justify-content:center;margin-top:14px;height:50px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700}
@keyframes apg-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* 7. Pie --------------------------------------------------------------------- */
#apg-bottom.apg-footer{position:relative;background:var(--navy);color:var(--soft);font-size:14px;margin:0;padding-top:56px;overflow:hidden;isolation:isolate}
/* chispa: línea de luz que recorre el borde superior */
#apg-bottom.apg-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--lime),var(--sky),transparent);background-size:50% 100%;background-repeat:no-repeat;animation:apg-spark 6s linear infinite}
@keyframes apg-spark{from{background-position:-50% 0}to{background-position:150% 0}}
#apg-bottom.apg-footer::after{content:"";position:absolute;z-index:-1;left:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(48,159,197,.14),transparent 70%)}
#apg-bottom .apg-pre{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border-radius:26px;background:linear-gradient(120deg,#0E2C38,#0A2026 60%);border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate}
#apg-bottom .apg-pre::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}
#apg-bottom .apg-pre::after{content:"";position:absolute;z-index:-1;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(173,212,0,.22),transparent 70%)}
#apg-bottom .apg-pre-k{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin-bottom:6px}
#apg-bottom .apg-pre h2{margin:0;color:#fff;font-family:var(--display);font-weight:700;font-size:clamp(22px,2.4vw,30px);line-height:1.15}
#apg-bottom .apg-pre p{margin:6px 0 0;max-width:560px;color:#C9D6DB}
#apg-bottom .apg-pre-btns{display:flex;flex-wrap:wrap;gap:10px}
#apg-bottom .apg-pre-wa,#apg-bottom .apg-pre-tel{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 22px;border-radius:14px;font-weight:700;font-size:15px;transition:transform var(--t) var(--ease),background-color var(--t)}
#apg-bottom .apg-pre-wa{background:var(--wa);color:var(--wa-ink)}
#apg-bottom .apg-pre-wa:hover{transform:translateY(-2px);color:var(--wa-ink)}
#apg-bottom .apg-pre-tel{border:1px solid rgba(255,255,255,.25);color:#fff}
#apg-bottom .apg-pre-tel:hover{background:rgba(255,255,255,.08);color:#fff}
#apg-bottom .apg-pre-tel svg{color:var(--lime)}
#apg-bottom .apg-foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.1fr);gap:40px;padding:56px 0 44px}
#apg-bottom .apg-foot-brand img{height:42px;width:auto;display:block;margin-bottom:16px}
#apg-bottom .apg-foot-brand p{margin:0 0 20px;line-height:1.65;max-width:360px;color:var(--soft)}
#apg-bottom .apg-social{display:flex;gap:10px}
#apg-bottom .apg-social a{width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.14);color:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--t),color var(--t),border-color var(--t),transform var(--t) var(--ease)}
#apg-bottom .apg-social a:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:translateY(-3px) rotate(-4deg)}
#apg-bottom .apg-foot-col{display:flex;flex-direction:column;gap:11px;align-items:flex-start}
#apg-bottom .apg-foot-col h2,#apg-bottom .apg-foot-visit h2{margin:0 0 6px;font-family:var(--display);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}
#apg-bottom .apg-foot-col a{position:relative;color:var(--soft);padding-left:0;transition:color var(--t),padding-left var(--t) var(--ease)}
#apg-bottom .apg-foot-col a::before{content:"";position:absolute;left:0;top:50%;width:0;height:2px;background:var(--lime);transition:width var(--t) var(--ease)}
#apg-bottom .apg-foot-col a:hover{color:#fff;padding-left:16px}
#apg-bottom .apg-foot-col a:hover::before{width:10px}
#apg-bottom .apg-foot-visit{display:flex;flex-direction:column;gap:10px;align-items:flex-start;padding:20px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
#apg-bottom .apg-foot-badge{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(37,211,102,.12);border-radius:999px;padding:5px 12px 5px 10px}
#apg-bottom .apg-foot-visit p{margin:0;line-height:1.55;color:var(--soft)}
#apg-bottom .apg-foot-visit a{color:var(--soft)}
#apg-bottom .apg-foot-visit a:hover{color:#fff}
#apg-bottom .apg-foot-visit a.apg-foot-map{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-weight:700}
#apg-bottom .apg-foot-map svg{width:16px;height:16px;transition:transform var(--t) var(--ease)}
#apg-bottom .apg-foot-map:hover svg{transform:translateX(4px)}
#apg-bottom .apg-foot-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;justify-content:space-between;padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.08);font-size:13px}
#apg-bottom .apg-foot-pay{display:inline-flex;align-items:center;gap:8px}
#apg-bottom .apg-foot-pay svg{color:var(--lime)}
#apg-bottom .apg-totop{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--t),color var(--t),transform var(--t) var(--ease)}
#apg-bottom .apg-totop:hover{background:var(--lime);color:var(--ink);transform:translateY(-3px)}

/* 8. Responsive ---------------------------------------------------------------- */
@media (max-width:1400px){
	#apg-top .apg-dep-a{padding:0 9px;font-size:12px;letter-spacing:.06em}
	#apg-top .apg-cmdk{flex-basis:44px;width:44px;padding:0;justify-content:center}
	#apg-top .apg-cmdk span,#apg-top .apg-cmdk kbd{display:none}
	#apg-top .apg-sr{grid-template-columns:250px minmax(0,1fr) 260px}
}
@media (max-width:1024px){
	#apg-top .apg-deps,#apg-top .apg-cmdk,#apg-top .apg-hide-sm,#apg-top .apg-sr,#apg-top .apg-sr-layer,#apg-top .apg-ticker-tel{display:none}
	#apg-top .apg-only-sm{display:inline-flex}
	#apg-top .apg-island-wrap{padding:8px var(--gut)}
	body.home #apg-top .apg-island-wrap{padding-top:44px;margin-bottom:-110px}
	/* la portada de Elementor del inicio tiene poco margen arriba en celular */
	body.home .elementor > .e-con:first-child,body.home .elementor > .elementor-section:first-child{padding-top:96px!important}
	body.home #apg-top .apg-island-wrap.is-scrolled{transform:translateY(-36px)}
	#apg-top .apg-island{height:58px;padding:0 6px;justify-content:space-between;border-radius:18px}
	#apg-top .apg-brand{position:absolute;left:50%;transform:translateX(-50%);margin:0}
	#apg-top .apg-brand img{height:38px}

	/* dock inferior tipo app */
	#apg-top .apg-dock{position:fixed;left:22px;right:22px;max-width:400px;margin:0 auto;bottom:calc(10px + env(safe-area-inset-bottom));z-index:9991;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;height:64px;padding:0 6px;border-radius:22px;background:rgba(7,31,41,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -18px rgba(4,21,28,.8);transition:transform .4s var(--ease)}
	#apg-top .apg-dock.is-hidden{transform:translateY(calc(100% + 20px))}
	#apg-top .apg-dock a,#apg-top .apg-dock button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:56px;border:0;background:transparent;color:#C9D6DB;font-size:10.5px;font-weight:600;cursor:pointer;padding:0}
	#apg-top .apg-dock a:hover,#apg-top .apg-dock button:hover{color:#fff}
	#apg-top .apg-dock .apg-dock-main{width:58px;height:58px;margin:-26px auto 0;border-radius:20px;background:var(--lime);color:var(--ink);box-shadow:0 12px 24px -10px rgba(173,212,0,.8),0 0 0 6px var(--navy)}
	#apg-top .apg-dock .apg-dock-main svg{width:24px;height:24px}
	#apg-top .apg-dock .apg-cart-n{top:4px;right:calc(50% - 22px)}
	#apg-top .apg-open-sheet svg{box-sizing:content-box;width:18px;height:18px;padding:5px;margin:-2px 0 -1px;border-radius:4px;background:rgba(173,212,0,.16);color:#DDF27A;transition:background-color .25s}
	#apg-top .apg-open-sheet[aria-expanded="true"] svg,#apg-top .apg-open-sheet:hover svg{background:rgba(173,212,0,.28)}
	body.apg-layout{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
	body.apg-ficha-body{padding-bottom:0}
	body.apg-ficha-body #apg-top .apg-dock{display:none}
	body.apg-layout:not(.apg-ficha-body) .formychat-widget{bottom:96px!important}
	#apg-bottom .apg-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	#apg-bottom .apg-foot-brand{grid-column:1/-1}
}
@media (max-width:640px){
	#apg-top .apg-ticker{font-size:12px}
	#apg-top .apg-ticker-soc{display:none}
	#apg-top .apg-pal-box{margin:0;width:100%;max-height:none;height:100%;border-radius:0}
	#apg-top .apg-pal-foot{display:none}
	#apg-bottom .apg-pre{padding:24px 20px}
	#apg-bottom .apg-pre-btns,#apg-bottom .apg-pre-wa,#apg-bottom .apg-pre-tel{width:100%;justify-content:center}
	#apg-bottom .apg-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;padding-top:40px}
	#apg-bottom .apg-foot-visit{grid-column:1/-1}
	.admin-bar #apg-top .apg-island-wrap{top:0}
}
@media (prefers-reduced-motion:reduce){#apg-top *,#apg-bottom *,#apg-bottom.apg-footer::before{transition:none!important;animation:none!important}}

/* Encabezado fijo (al bajar): barra sólida y fina, igual en todas las páginas, incluido el inicio */
#apg-top .apg-island-wrap.is-scrolled,body.home #apg-top .apg-island-wrap.is-scrolled{background:#071F29;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 34px -18px rgba(4,21,28,.75)}
#apg-top .apg-island-wrap.is-scrolled::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(173,212,0,.75) 25%,rgba(48,159,197,.75) 75%,transparent)}
#apg-top .apg-island-wrap.is-scrolled .apg-island,body.home #apg-top .apg-island-wrap.is-scrolled .apg-island{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.home #apg-top .apg-island-wrap.is-scrolled .apg-cmdk{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}

/* Showroom: contorno y sombra para que nunca se pierda sobre el contenido */
#apg-top .apg-sr{box-shadow:0 0 0 1px rgba(10,32,38,.08),0 2px 6px rgba(4,21,28,.08),0 30px 60px -20px rgba(4,21,28,.55),0 60px 120px -40px rgba(4,21,28,.5)}
#apg-top .apg-sr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--lime),var(--sky));opacity:.9;pointer-events:none}
/* Botón «Ver todo» */
#apg-top .apg-sr-all{align-self:stretch;justify-content:space-between;gap:10px;margin-top:auto;padding:8px 8px 8px 16px;border-radius:14px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;transition:background-color var(--t),transform var(--t) var(--ease),box-shadow var(--t)}
#apg-top .apg-sr-all:hover{background:var(--ink-2);color:#fff;transform:translateY(-1px);box-shadow:0 12px 24px -14px rgba(4,21,28,.7)}
#apg-top .apg-sr-all span{flex:1}
#apg-top .apg-sr-all b{background:var(--lime);color:var(--ink);border-radius:999px;padding:2px 9px;font-size:12px}
#apg-top .apg-sr-all i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-style:normal}
#apg-top .apg-sr-all i svg{width:16px;height:16px;color:var(--lime)}
#apg-top .apg-sr-all:hover i svg{transform:translateX(3px)}

/* Una sola barra (sin «dos fondos»): fuera del inicio la isla toma el color de la banda */
body:not(.home) #apg-top .apg-island-wrap{background:#071F29;box-shadow:0 1px 0 rgba(255,255,255,.05)}
body:not(.home) #apg-top .apg-island{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
#apg-top .apg-sr.no-dest{grid-template-columns:290px minmax(0,1fr)}

/* Carruseles de Elementor/WooLentor se salían 5 px y la página se movía de lado (auditoría M2). clip no rompe position:sticky. */
html,body{overflow-x:clip}