/* ============================================================================
   noir-components.css — Librería Noir unificada (sistema .aa-*)
   Activa SOLO en páginas con body.aa-noir-page. Scope: #content
   Reemplaza el <style> inline duplicado de las 26 landings + outliers.
   Botón primario: texto oscuro sobre lima (estándar canónico).
   ============================================================================ */

body.aa-noir-page #content{
  --aa-green:#C6F806; --aa-green-2:#BBCD07; --aa-ink:#17231C; --aa-text:#39463E;
  --aa-muted:#6E7C6C; --aa-soft:#EAEFE1; --aa-card:#FFFFFF; --aa-bg:#F4F7EF;
  --aa-border:rgba(23,35,28,.12); --aa-radius:14px;
  color:var(--aa-text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  line-height:1.7;
}
body.aa-noir-page{ background:#F4F7EF !important; }
body.aa-noir-page #content, body.aa-noir-page #content.site-content{ background:#F4F7EF !important; }

/* Container */
body.aa-noir-page #content .aa-wrap{ max-width:1200px; margin:40px auto; padding:0 1rem; }

/* Typography (display = Space Grotesk; body = system stack) */
body.aa-noir-page #content h1,
body.aa-noir-page #content h2{ color:var(--aa-ink); font-weight:700; text-align:center; margin:0; font-family:"Space Grotesk",system-ui,sans-serif; }
body.aa-noir-page #content h1{ font-size:clamp(1.85rem,3.2vw,2.7rem); margin-bottom:.55rem; letter-spacing:.01em; }
body.aa-noir-page #content h2{ font-size:clamp(1.3rem,2.2vw,1.85rem); margin:1.6rem 0 .9rem; }
body.aa-noir-page #content h3{ margin:0 0 .25rem; font-size:1.03rem; color:var(--aa-ink); text-align:left; font-weight:700; font-family:"Space Grotesk",system-ui,sans-serif; }
body.aa-noir-page #content p,
body.aa-noir-page #content li{ font-size:clamp(1rem,1.6vw,1.12rem); text-align:left; margin:.55rem 0; color:var(--aa-text); }
body.aa-noir-page #content a{ color:var(--aa-green); }
body.aa-noir-page #content img{ max-width:100%; height:auto; border-radius:10px; display:block; }

/* Grids */
body.aa-noir-page #content .aa-grid{ display:grid; gap:1.2rem; }
@media(min-width:768px){
  body.aa-noir-page #content .aa-grid-2{ grid-template-columns:repeat(2,1fr); }
  body.aa-noir-page #content .aa-grid-3{ grid-template-columns:repeat(3,1fr); }
  body.aa-noir-page #content .aa-grid-4{ grid-template-columns:repeat(4,1fr); }
}

/* Breadcrumbs */
body.aa-noir-page #content .aa-bc{ display:flex; gap:.5rem; flex-wrap:wrap; font-size:.95rem; justify-content:center; margin:.4rem 0 1rem; }
body.aa-noir-page #content .aa-bc a{ color:var(--aa-muted); text-decoration:none; }
body.aa-noir-page #content .aa-bc span{ opacity:.6; }

/* Chips */
body.aa-noir-page #content .chips{ display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin:.55rem 0 1.1rem; }
body.aa-noir-page #content .chip{ border:1px solid rgba(198,248,6,.45); background:rgba(198,248,6,.12); color:var(--aa-ink); padding:.25rem .6rem; border-radius:999px; font-weight:700; font-size:.83rem; }
body.aa-noir-page #content .chip a{ color:inherit; text-decoration:none; }
body.aa-noir-page #content .chip a:hover{ text-decoration:underline; }

/* Tabs */
body.aa-noir-page #content .aa-tabs{ display:flex; gap:.5rem; flex-wrap:wrap; justify-content:center; margin:10px 0 14px; }
body.aa-noir-page #content .aa-tab{ display:inline-flex; align-items:center; gap:.45rem; padding:.5rem .8rem; border:1px solid var(--aa-border); border-radius:999px; background:var(--aa-card); color:var(--aa-text); text-decoration:none; }
body.aa-noir-page #content .aa-tab:hover{ background:var(--aa-soft); }

/* Banner */
body.aa-noir-page #content .aa-banner{ max-width:1200px; margin:0 auto 12px; padding:0 1rem; }
body.aa-noir-page #content .aa-banner picture{ display:block; }
body.aa-noir-page #content .aa-banner img{ width:100%; height:auto; border-radius:12px; aspect-ratio:16/6; object-fit:cover; }

/* Separator */
body.aa-noir-page #content .aa-sep{ border:none; border-top:1px solid var(--aa-border); margin:1.95rem 0; }

/* Video */
body.aa-noir-page #content .aa-video{ position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:12px; overflow:hidden; }
@supports not (aspect-ratio:16/9){ body.aa-noir-page #content .aa-video{ height:0; padding-bottom:56.25%; } }
body.aa-noir-page #content .aa-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }
@media (max-width:600px){ body.aa-noir-page #content .aa-video{ aspect-ratio:8/5; } }

/* Cards */
body.aa-noir-page #content .card{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:14px; overflow:hidden; box-shadow:none; text-decoration:none; color:inherit; display:block; transition:transform .16s ease, border-color .16s ease; }
body.aa-noir-page #content .card:hover{ transform:translateY(-1px); border-color:rgba(198,248,6,.40); }
body.aa-noir-page #content .card .media{ aspect-ratio:16/9; width:100%; overflow:hidden; }
body.aa-noir-page #content .card .media img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:0; }
body.aa-noir-page #content .card .body{ padding:1rem 1rem 1.05rem; }
body.aa-noir-page #content .card h3{ color:var(--aa-ink); }
body.aa-noir-page #content .card p{ margin:0; font-size:1rem; color:var(--aa-muted); text-align:left; }
body.aa-noir-page #content .card--square .media{ aspect-ratio:1/1; }
body.aa-noir-page #content .card--square .media img{ object-fit:contain; background:#fff; }

/* Accordion */
body.aa-noir-page #content details{ background:var(--aa-soft); border:1px solid var(--aa-border); border-radius:10px; padding:.85rem; margin:.65rem 0; }
body.aa-noir-page #content summary{ cursor:pointer; font-weight:700; color:var(--aa-ink); outline:none; }
body.aa-noir-page #content details p{ margin:.45rem 0; }

/* CTA + Buttons (primario: oscuro sobre lima) */
body.aa-noir-page #content .aa-cta{ display:flex; justify-content:center; gap:.75rem; flex-wrap:wrap; margin:1.6rem 0; }
body.aa-noir-page #content .aa-btn{ display:inline-flex; align-items:center; gap:.55rem; background:var(--aa-green); color:#F4F7EF; text-decoration:none; padding:.78rem 1.15rem; border-radius:999px; font-weight:700; border:2px solid var(--aa-green); }
body.aa-noir-page #content .aa-btn:hover{ filter:brightness(1.06); }
body.aa-noir-page #content .aa-btn--ghost{ background:transparent; color:var(--aa-ink); border:2px solid var(--aa-green); }
body.aa-noir-page #content .aa-btn--ghost:hover{ background:rgba(198,248,6,.10); }
body.aa-noir-page #content .aa-btn--dark{ background:#FFFFFF; color:#fff; border:2px solid rgba(255,255,255,.18); }
body.aa-noir-page #content .aa-btn--dark:hover{ border-color:var(--aa-green); }

/* Notes */
body.aa-noir-page #content .aa-note{ color:var(--aa-muted); font-size:.95rem; text-align:center; margin-top:.55rem; }

/* Hero */
body.aa-noir-page #content .aa-hero{ background:linear-gradient(180deg, rgba(198,248,6,.10), rgba(12,20,14,0)); border:1px solid rgba(198,248,6,.28); border-radius:14px; padding:1.25rem 1.15rem 1.05rem; box-shadow:none; margin-top:.9rem; }
body.aa-noir-page #content .aa-hero p{ margin:.45rem auto 0; max-width:980px; text-align:center; color:var(--aa-text); font-size:clamp(1rem,1.4vw,1.1rem); }
body.aa-noir-page #content .aa-hero .aa-cta{ margin:1.05rem 0 .3rem; }

/* Snapshot / facts */
body.aa-noir-page #content .aa-snapshot{ background:linear-gradient(180deg, rgba(198,248,6,.08), rgba(12,20,14,0)); border:1px solid rgba(198,248,6,.26); border-radius:14px; padding:1.2rem 1.15rem 1.05rem; box-shadow:none; }
body.aa-noir-page #content .aa-snapshot h3{ margin:0 0 .7rem; font-size:1.12rem; color:var(--aa-ink); font-weight:700; display:flex; align-items:center; justify-content:center; gap:.55rem; text-align:center; }
body.aa-noir-page #content .aa-facts-grid{ display:grid; gap:.75rem; }
@media(min-width:768px){ body.aa-noir-page #content .aa-facts-grid{ grid-template-columns:repeat(3,1fr); } }
body.aa-noir-page #content .aa-fact{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:12px; padding:.85rem .95rem; }
body.aa-noir-page #content .aa-fact .k{ font-weight:700; color:var(--aa-ink); font-size:.96rem; margin:0 0 .15rem; text-align:left; }
body.aa-noir-page #content .aa-fact .v{ color:var(--aa-muted); font-size:.98rem; margin:0; line-height:1.45; text-align:left; }

/* Mini CTA */
body.aa-noir-page #content .aa-mini-cta{ display:flex; justify-content:center; gap:.65rem; flex-wrap:wrap; margin-top:1rem; }
body.aa-noir-page #content .aa-mini-link{ display:inline-flex; align-items:center; gap:.45rem; font-weight:700; text-decoration:none; color:var(--aa-ink); padding:.6rem .92rem; border-radius:999px; background:rgba(198,248,6,.14); border:1px solid rgba(198,248,6,.32); white-space:nowrap; }
body.aa-noir-page #content .aa-mini-link:hover{ filter:brightness(1.08); text-decoration:underline; }

/* Takeaways */
body.aa-noir-page #content .aa-takeaways{ margin-top:1rem; background:var(--aa-card); border:1px solid var(--aa-border); border-radius:14px; padding:1.1rem 1.15rem 1rem; box-shadow:none; }
body.aa-noir-page #content .aa-takeaways h3{ margin:0 0 .55rem; font-size:1.1rem; color:var(--aa-ink); font-weight:700; display:flex; align-items:center; justify-content:center; gap:.55rem; text-align:center; }
body.aa-noir-page #content .aa-takeaways ul{ margin:.55rem 0 0; padding-left:1.15rem; }
body.aa-noir-page #content .aa-takeaways li{ text-align:left; margin:.4rem 0; }

/* FAQ */
body.aa-noir-page #content .aa-faq{ margin-top:1rem; background:var(--aa-card); border:1px solid var(--aa-border); border-radius:14px; padding:1.15rem 1.15rem 1rem; box-shadow:none; }
body.aa-noir-page #content .aa-qa{ display:grid; gap:.75rem; margin-top:.9rem; }
@media(min-width:768px){ body.aa-noir-page #content .aa-qa{ grid-template-columns:1fr 1fr; } }
body.aa-noir-page #content .aa-q{ border:1px solid var(--aa-border); border-radius:12px; padding:.9rem .95rem; background:linear-gradient(180deg, rgba(198,248,6,.07), rgba(12,20,14,0)); }
body.aa-noir-page #content .aa-q .q{ font-weight:700; color:var(--aa-ink); margin:0 0 .35rem; text-align:left; }
body.aa-noir-page #content .aa-q .a{ color:var(--aa-text); margin:0; text-align:left; }

/* Table */
body.aa-noir-page #content .aa-table{ width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:12px; border:1px solid var(--aa-border); background:var(--aa-card); box-shadow:none; margin-top:.9rem; }
body.aa-noir-page #content .aa-table th,
body.aa-noir-page #content .aa-table td{ padding:.85rem .9rem; border-bottom:1px solid var(--aa-border); vertical-align:top; text-align:left; font-size:1rem; color:var(--aa-text); }
body.aa-noir-page #content .aa-table th{ background:rgba(198,248,6,.12); font-weight:700; color:var(--aa-ink); }
body.aa-noir-page #content .aa-table tr:last-child td{ border-bottom:none; }

/* Check list */
body.aa-noir-page #content .aa-check{ list-style:none; padding:0; margin:.6rem auto; max-width:900px; }
body.aa-noir-page #content .aa-check li{ position:relative; padding-left:1.35rem; margin:.45rem 0; }
body.aa-noir-page #content .aa-check li:before{ content:"\2714"; position:absolute; left:0; color:var(--aa-green); font-weight:700; }

/* Icon grid/box */
body.aa-noir-page #content .aa-icongrid{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); margin-top:.6rem; }
body.aa-noir-page #content .aa-iconbox{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:var(--aa-radius); padding:1rem; text-align:center; }
body.aa-noir-page #content .aa-iconbox i{ font-size:2rem; color:var(--aa-green); margin-bottom:.45rem; display:block; }
body.aa-noir-page #content .aa-iconbox p{ margin:.2rem 0 0; }

/* Logos */
body.aa-noir-page #content .logos,
body.aa-noir-page #content .aa-logos{ display:flex; flex-wrap:wrap; gap:.85rem; justify-content:center; }
body.aa-noir-page #content .logos img,
body.aa-noir-page #content .aa-logos img{ width:110px; height:110px; object-fit:contain; background:#fff; border:1px solid var(--aa-border); border-radius:10px; padding:.55rem; }
@media(max-width:600px){ body.aa-noir-page #content .logos img{ width:90px; height:90px; } }

/* Carousel */
body.aa-noir-page #content .carousel{ position:relative; overflow:hidden; border-radius:12px; }
body.aa-noir-page #content .carousel .track{ display:flex; gap:0; animation:sachaSlide 24s linear infinite; }
body.aa-noir-page #content .carousel:hover .track{ animation-play-state:paused; }
body.aa-noir-page #content .carousel figure{ flex:0 0 25%; margin:0; }
body.aa-noir-page #content .carousel img{ width:100%; height:260px; object-fit:cover; display:block; border-radius:0; }
@keyframes sachaSlide{ to{ transform:translateX(-50%); } }

/* Equal-height image column (desktop) */
@media(min-width:768px){
  body.aa-noir-page #content .aa-equal{ align-items:stretch; }
  body.aa-noir-page #content .aa-equal figure{ height:100%; }
  body.aa-noir-page #content .aa-equal figure img{ height:100%; width:100%; object-fit:cover; border-radius:12px; }
}

/* ---- Componentes de cola larga (cobertura completa de las 26 landings) ---- */
/* Tips */
body.aa-noir-page #content .aa-tips{ color:var(--aa-muted); font-size:.98rem; margin-top:.9rem; text-align:center; }
/* Links list (unifica el #0f8f66 suelto a lima) */
body.aa-noir-page #content .aa-links{ color:var(--aa-green); font-weight:700; text-align:center; margin-top:.4rem; }
body.aa-noir-page #content .aa-links a{ color:var(--aa-green); }
/* Explore wrap */
body.aa-noir-page #content .aa-explore{ margin-top:1rem; }
/* Card image panel */
body.aa-noir-page #content .aa-cardimg{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:var(--aa-radius); padding:1rem; }
body.aa-noir-page #content .aa-cardimg img{ width:100%; height:auto; object-fit:cover; border-radius:8px; }
/* Cards (variante imagen + variante texto, unificadas) */
body.aa-noir-page #content .aa-cards{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
body.aa-noir-page #content .aa-card{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:14px; overflow:hidden; display:flex; flex-direction:column; min-height:100%; }
body.aa-noir-page #content .aa-card img{ width:100%; height:170px; object-fit:cover; border-radius:14px 14px 0 0; }
body.aa-noir-page #content .aa-card .aa-card-body{ padding:.9rem; }
body.aa-noir-page #content .aa-card h3{ text-align:left; color:var(--aa-ink); }
body.aa-noir-page #content .aa-card a{ text-decoration:none; color:inherit; }
body.aa-noir-page #content .aa-card ul{ margin:.5rem 0 0; padding-left:1.1rem; }
body.aa-noir-page #content .aa-card li{ margin:.25rem 0; }
body.aa-noir-page #content .aa-card:not(:has(.aa-card-body)){ padding:1.05rem; }
/* Badges */
body.aa-noir-page #content .aa-badges{ display:flex; gap:.35rem; flex-wrap:wrap; margin-top:.4rem; }
body.aa-noir-page #content .aa-badge{ display:inline-flex; align-items:center; gap:.35rem; background:var(--aa-soft); border:1px solid var(--aa-border); border-radius:999px; padding:.2rem .55rem; font-size:.85rem; color:var(--aa-text); }
/* Cert chips + galleries (logos en blanco por transparencias) */
body.aa-noir-page #content .aa-certs{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin-top:.6rem; }
body.aa-noir-page #content .aa-cert{ display:inline-flex; align-items:center; gap:.45rem; padding:.55rem .85rem; border-radius:999px; background:rgba(198,248,6,.14); border:1px solid rgba(198,248,6,.35); font-weight:700; color:var(--aa-ink); font-size:.95rem; white-space:nowrap; }
body.aa-noir-page #content .aa-cert i{ font-size:1rem; color:var(--aa-green); }
body.aa-noir-page #content .aa-cert-vert,
body.aa-noir-page #content .aa-certA4{ display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); margin-top:1rem; }
body.aa-noir-page #content .aa-cert-vert img,
body.aa-noir-page #content .aa-certA4 img{ width:100%; height:auto; object-fit:contain; border:1px solid var(--aa-border); border-radius:8px; background:#fff; padding:.5rem; }
/* Partner image */
body.aa-noir-page #content .aa-partner-img{ border-radius:10px; }

/* ---- Banda B2B inferior (.below-content) dark en todas las aa-noir-page (fuera de #content) ---- */
body.aa-noir-page .below-content,
body.aa-noir-page .below-content .col-full,
body.aa-noir-page .below-content .widget{ background:#F4F7EF !important; }
body.aa-noir-page .below-content,
body.aa-noir-page .below-content p,
body.aa-noir-page .below-content li,
body.aa-noir-page .below-content span{ color:#39463E !important; }
body.aa-noir-page .below-content .widget-title,
body.aa-noir-page .below-content .gamma,
body.aa-noir-page .below-content h2,
body.aa-noir-page .below-content h3,
body.aa-noir-page .below-content strong{ color:#ffffff !important; }
body.aa-noir-page .below-content i,
body.aa-noir-page .below-content [class*="icon"]{ color:#C6F806 !important; }
body.aa-noir-page{ background:#F4F7EF !important; }

/* ---- Lead (intro centrado) + Thumb-card (tarjeta-imagen compacta) ---- */
body.aa-noir-page #content .lead{ max-width:980px; margin:.25rem auto 1rem; color:var(--aa-muted); text-align:center; }
body.aa-noir-page #content .thumb-card{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:14px; padding:1rem; text-align:center; display:flex; flex-direction:column; align-items:stretch; min-height:230px; text-decoration:none; color:inherit; transition:border-color .2s; }
body.aa-noir-page #content .thumb-card:hover{ border-color:rgba(198,248,6,.45); }
body.aa-noir-page #content .thumb-card figure{ margin:-1rem -1rem .6rem; height:160px; overflow:hidden; border-radius:14px 14px 0 0; background:#0b150e; }
body.aa-noir-page #content .thumb-card img{ width:100%; height:100%; object-fit:cover; display:block; border:0; border-radius:0; }
body.aa-noir-page #content .thumb-card h3{ margin-top:.1rem; color:var(--aa-ink); }
body.aa-noir-page #content .thumb-card p{ margin:.2rem .35rem; font-size:1rem; color:var(--aa-muted); }

/* ---- Cert gallery (tiles blancos para logos de certificación) ---- */
body.aa-noir-page #content .cert-gallery{ display:grid; gap:.8rem; grid-template-columns:repeat(auto-fit,minmax(90px,1fr)); align-items:center; justify-items:center; margin:.8rem 0 0; }
body.aa-noir-page #content .cert-gallery figure{ margin:0; padding:.6rem; background:#fff; border:1px solid var(--aa-border); border-radius:10px; width:100%; display:grid; place-items:center; min-height:110px; }
body.aa-noir-page #content .cert-gallery img{ width:auto; height:48px; object-fit:contain; border-radius:0; }
body.aa-noir-page #content .cert-gallery figcaption{ font-size:.8rem; color:var(--aa-muted); margin-top:.35rem; text-align:center; }

/* ---- .card variante simple (producto: img contenida, sin .media/.body) ---- */
body.aa-noir-page #content .card:not(:has(.media)):not(:has(.body)){ padding:1rem; text-align:center; display:flex; flex-direction:column; justify-content:space-between; min-height:210px; }
body.aa-noir-page #content .card:not(:has(.media)) > img{ width:auto; max-width:100%; height:140px; object-fit:contain; margin:0 auto .6rem; border-radius:8px; }
body.aa-noir-page #content .card:not(:has(.media)) a{ color:var(--aa-ink); text-decoration:none; font-weight:700; }

/* ---- Componentes especializados (Sustainability): accent, kpi, accordion, lightbox, full-gallery ---- */
body.aa-noir-page #content .accent{ color:var(--aa-green); }
body.aa-noir-page #content .kpi{ background:var(--aa-card); border:1px solid var(--aa-border); border-radius:12px; padding:1.2rem; text-align:center; }
body.aa-noir-page #content .kpi i{ font-size:1.9rem; color:var(--aa-green); display:block; margin-bottom:.35rem; }
body.aa-noir-page #content .kpi span{ font-size:2.1rem; font-weight:800; line-height:1; color:var(--aa-green); }
body.aa-noir-page #content .kpi p{ margin-top:.6rem; text-align:center; color:var(--aa-text); }
/* Accordion checkbox-hack */
body.aa-noir-page #content .accordion{ background:var(--aa-soft); border:1px solid var(--aa-border); border-radius:8px; margin:.6rem 0; }
body.aa-noir-page #content .accordion input{ display:none; }
body.aa-noir-page #content .accordion label{ display:block; padding:1rem 1.2rem; font-weight:700; cursor:pointer; color:var(--aa-ink); }
body.aa-noir-page #content .accordion label i{ color:var(--aa-green); margin-right:.45rem; }
body.aa-noir-page #content .accordion article{ max-height:0; overflow:hidden; transition:max-height .35s ease-out; padding:0 1.2rem; }
body.aa-noir-page #content .accordion input:checked~article{ max-height:1200px; padding:1rem 1.2rem; }
/* Lightbox modal (display:none por defecto = CRÍTICO) */
body.aa-noir-page #content .lightbox{ position:fixed; inset:0; width:100%; height:100%; background:rgba(0,0,0,.85); display:none; align-items:center; justify-content:center; z-index:9999; }
body.aa-noir-page #content .lightbox.active{ display:flex; }
body.aa-noir-page #content .lightbox img{ max-width:90%; max-height:80vh; border-radius:6px; }
body.aa-noir-page #content .lightbox .close{ position:absolute; top:40px; right:50px; font-size:2rem; color:#fff; cursor:pointer; }
/* Full-width auto-scroll gallery */
body.aa-noir-page #content .full-gallery{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow:hidden; margin-bottom:10px; }
body.aa-noir-page #content .full-gallery ul{ display:flex; gap:0; margin:0; padding:0; list-style:none; animation:scrollX 30s linear infinite; }
body.aa-noir-page #content .full-gallery ul:hover{ animation-play-state:paused; }
body.aa-noir-page #content .full-gallery li{ list-style:none; flex:0 0 20%; }
body.aa-noir-page #content .full-gallery img{ width:100%; height:220px; object-fit:cover; display:block; border-radius:0; }
@keyframes scrollX{ 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
/* Cert gallery por ID (logos en blanco) */
body.aa-noir-page #content #certGallery{ display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
body.aa-noir-page #content #certGallery img{ width:130px; height:130px; object-fit:contain; cursor:pointer; border-radius:8px; background:#fff; border:1px solid var(--aa-border); }

/* ---- Lightbox: override a opacity-based dual (.active + .open) p/ ambos patrones ---- */
body.aa-noir-page #content .lightbox{ display:flex !important; opacity:0; pointer-events:none; transition:opacity .3s; }
body.aa-noir-page #content .lightbox.active,
body.aa-noir-page #content .lightbox.open{ opacity:1 !important; pointer-events:auto !important; }
body.aa-noir-page #content .lightbox .close-btn{ position:absolute; top:2%; right:2%; color:#fff; font-size:2.2rem; text-decoration:none; cursor:pointer; }
body.aa-noir-page #content .lightbox img{ border:6px solid #fff; }

/* ---- Certifications: pills, filter-bar, gallery, thumb-actions, filtro ---- */
body.aa-noir-page #content .pills{ display:flex; flex-wrap:wrap; gap:.5rem; justify-content:center; margin:.6rem 0 1.2rem; }
body.aa-noir-page #content .pills a{ display:inline-block; background:rgba(198,248,6,.14); color:var(--aa-ink); border:1px solid rgba(198,248,6,.40); border-radius:999px; padding:.35rem .7rem; font-size:.9rem; font-weight:700; text-decoration:none; }
body.aa-noir-page #content .pills a:hover{ filter:brightness(1.1); }
body.aa-noir-page #content .filter-bar{ display:flex; flex-wrap:wrap; gap:.6rem; justify-content:center; margin:1.4rem 0; }
body.aa-noir-page #content .filter-bar button{ background:transparent; color:var(--aa-ink); border:1px solid rgba(198,248,6,.40); border-radius:8px; padding:.55rem 1.1rem; cursor:pointer; font-weight:700; }
body.aa-noir-page #content .filter-bar button.active,
body.aa-noir-page #content .filter-bar button:hover{ background:var(--aa-green); color:#F4F7EF; }
body.aa-noir-page #content .gallery{ display:flex; flex-wrap:wrap; gap:1rem; justify-content:center; }
body.aa-noir-page #content .gallery figure{ flex:1 1 150px; max-width:190px; margin:0; cursor:pointer; }
body.aa-noir-page #content .gallery figure:not(.show){ display:none; }
body.aa-noir-page #content .gallery img{ width:100%; height:170px; object-fit:contain; border:1px solid var(--aa-border); background:#fff; border-radius:8px; padding:6px; transition:transform .22s; }
body.aa-noir-page #content .gallery figure:hover img{ transform:scale(1.04); }
body.aa-noir-page #content .gallery figcaption{ text-align:center; font-size:.98rem; margin-top:.45rem; color:var(--aa-text); }
body.aa-noir-page #content .thumb-actions{ display:flex; justify-content:center; gap:.6rem; margin-top:.35rem; }
body.aa-noir-page #content .thumb-actions a{ text-decoration:none; font-size:.88rem; font-weight:700; color:var(--aa-green); }
body.aa-noir-page #content .thumb-actions a i{ color:var(--aa-green); margin-right:.25rem; }

/* ---- Choose Your Country: store selector (cards oscuras con banderas) ---- */
body.aa-noir-page #content .aa-select-store-wrap{ max-width:960px; margin:0 auto; padding:8px 0 40px; }
body.aa-noir-page #content .aa-select-store-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:16px; margin-top:24px; }
body.aa-noir-page #content .aa-select-store-card{ display:flex; flex-direction:column; gap:8px; align-items:center; text-align:center; padding:24px 18px; border:1px solid var(--aa-border); border-radius:10px; text-decoration:none; color:var(--aa-text); background:var(--aa-card); transition:transform .18s ease, border-color .18s ease; }
body.aa-noir-page #content .aa-select-store-card:hover{ transform:translateY(-3px); border-color:var(--aa-green); color:var(--aa-text); }
body.aa-noir-page #content .aa-select-store-card .flag{ font-size:2.4em; line-height:1; }
body.aa-noir-page #content .aa-select-store-card .name{ font-weight:700; font-size:17px; margin-top:4px; color:var(--aa-ink); }
body.aa-noir-page #content .aa-select-store-card .sub{ font-size:12px; color:var(--aa-muted); text-transform:uppercase; letter-spacing:.04em; }
body.aa-noir-page #content .aa-select-store-card .cta{ display:inline-block; margin-top:10px; font-size:13px; font-weight:600; color:var(--aa-ink); padding:6px 14px; background:rgba(198,248,6,.14); border:1px solid rgba(198,248,6,.30); border-radius:20px; }
body.aa-noir-page #content .aa-select-store-card.is-worldwide{ border-color:var(--aa-green); background:linear-gradient(180deg, var(--aa-card) 55%, rgba(198,248,6,.08) 100%); }
body.aa-noir-page #content .aa-select-store-card.is-worldwide .cta{ background:var(--aa-green); color:#F4F7EF; }
body.aa-noir-page #content .aa-select-store-card.is-worldwide .name::after{ content:" 🌍"; font-size:.85em; }
body.aa-noir-page #content .aa-select-store-foot{ margin-top:32px; padding:18px 20px; background:var(--aa-soft); border:1px solid var(--aa-border); border-radius:8px; font-size:14px; color:var(--aa-text); }
body.aa-noir-page #content .aa-select-store-foot strong{ color:var(--aa-green); }

/* ===== Footer lima (igual al ecommerce) en todas las aa-noir-page ===== */
body.aa-noir-page .site-footer, body.aa-noir-page footer.copyright{ background:#BBCD07 !important; }
body.aa-noir-page .site-footer .widget-title, body.aa-noir-page .site-footer .gamma{ color:#39463E !important; }
body.aa-noir-page .site-footer .widget a, body.aa-noir-page .site-footer a, body.aa-noir-page footer.copyright, body.aa-noir-page footer.copyright a{ color:#473d1c !important; }
body.aa-noir-page .site-footer .widget a:hover, body.aa-noir-page footer.copyright a:hover{ color:#F4F7EF !important; }
body.aa-noir-page .site-footer .widget-title::after, body.aa-noir-page .site-footer .gamma::after{ display:none !important; }