/* Sitio publico de Rackly. GENERADO por docs/ux/rediseno_sep2026/sitio_construir.py a partir de
   proto2/estilos.css (el diseno aprobado por Alan el 16 sep 2026). No editar a mano: cambia el
   prototipo y vuelve a construir. */

:root{
  --bg:#F1F2F4; --surface:#FFFFFF; --surface-2:#F7F8F9; --surface-3:#EEF0F2; --border:#DFE2E6; --border-2:#CDD2D8; --grid:#ECEEF1;
  --ink:#1A1D21; --muted:#5F6670; --faint:#676E78;
  --accent:#1771D1; --accent-ink:#FFFFFF; --accent-soft:#E7F0FB; --accent-hover:#125FB3; --link:#125FB3;
  --side-bg:#F1F2F4; --side-active:#FFFFFF; --side-ink:#30353B;
  --shadow:0 1px 0 rgba(26,29,33,.04),0 1px 3px rgba(26,29,33,.07);
  --shadow-lg:0 12px 40px -12px rgba(26,29,33,.28);
  --liq-fg:#A32C1E; --liq-bg:#FCEBE8; --red-fg:#8A5300; --red-bg:#FDF0D5;
  --reo-fg:#1459A8; --reo-bg:#E4EFFB; --ok-fg:#2D6A3E; --ok-bg:#E3F1E6;
  --neu-fg:#475467; --neu-bg:#EEF0F3; --vio-fg:#5B45B0; --vio-bg:#EEEBFB;
  --z-negro:#1A1D21; --z-rojo:#C8412E; --z-amarillo:#D9A21B; --z-verde:#3F8F55; --z-cian:#2A9FB8; --z-azul:#3563C9;
  --s1:#1771D1; --s2:#1F9E89; --s3:#D38B16; --s4:#8A5CD1;
  --overlay:rgba(16,19,23,.38); --hero-bg:#FFFFFF;
  --font:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;
  --r:10px; --r-sm:7px;
  --navy:#0F2A4A;
  --font-pub:"Geist","Helvetica Neue",Arial,sans-serif; --font-tit:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0D0F12; --surface:#15181C; --surface-2:#1A1E23; --surface-3:#20252B; --border:#262B32; --border-2:#353B43; --grid:#1E2228;
    --ink:#E9ECEF; --muted:#8E96A0; --faint:#838B95;
    --accent:#5CB8F5; --accent-ink:#06131D; --accent-soft:rgba(92,184,245,.13); --accent-hover:#7CC6F7; --link:#5CB8F5;
    --side-bg:#0A0C0E; --side-active:#1C2026; --side-ink:#C9CED4;
    --shadow:0 0 0 1px rgba(255,255,255,.02); --shadow-lg:0 16px 48px -12px rgba(0,0,0,.7);
    --liq-fg:#FF9585; --liq-bg:#3A1C18; --red-fg:#F2BE5C; --red-bg:#352912;
    --reo-fg:#86CBFF; --reo-bg:#132A3E; --ok-fg:#84D49D; --ok-bg:#15301F;
    --neu-fg:#AEB6C2; --neu-bg:#242A31; --vio-fg:#B9A6FF; --vio-bg:#261F3D;
    --z-negro:#E9ECEF; --z-rojo:#FF7A66; --z-amarillo:#F2C14E; --z-verde:#6CC98A; --z-cian:#5FD0E6; --z-azul:#7FA2FF;
    --s1:#5CB8F5; --s2:#4FD1B5; --s3:#F2B84B; --s4:#B79BFF;
    --overlay:rgba(0,0,0,.6); --hero-bg:#0D0F12; --navy:#0C223D;
  }
}
:root[data-theme="dark"]{
  --bg:#0D0F12; --surface:#15181C; --surface-2:#1A1E23; --surface-3:#20252B; --border:#262B32; --border-2:#353B43; --grid:#1E2228;
  --ink:#E9ECEF; --muted:#8E96A0; --faint:#838B95;
  --accent:#5CB8F5; --accent-ink:#06131D; --accent-soft:rgba(92,184,245,.13); --accent-hover:#7CC6F7; --link:#5CB8F5;
  --side-bg:#0A0C0E; --side-active:#1C2026; --side-ink:#C9CED4;
  --shadow:0 0 0 1px rgba(255,255,255,.02); --shadow-lg:0 16px 48px -12px rgba(0,0,0,.7);
  --liq-fg:#FF9585; --liq-bg:#3A1C18; --red-fg:#F2BE5C; --red-bg:#352912;
  --reo-fg:#86CBFF; --reo-bg:#132A3E; --ok-fg:#84D49D; --ok-bg:#15301F;
  --neu-fg:#AEB6C2; --neu-bg:#242A31; --vio-fg:#B9A6FF; --vio-bg:#261F3D;
  --z-negro:#E9ECEF; --z-rojo:#FF7A66; --z-amarillo:#F2C14E; --z-verde:#6CC98A; --z-cian:#5FD0E6; --z-azul:#7FA2FF;
  --s1:#5CB8F5; --s2:#4FD1B5; --s3:#F2B84B; --s4:#B79BFF;
  --overlay:rgba(0,0,0,.6); --hero-bg:#0D0F12; --navy:#0C223D;
}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink)}
body{margin:0;font:400 14px/1.5 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums}
h1,h2,h3{margin:0;text-wrap:balance}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::placeholder{color:var(--faint);opacity:1}
svg{flex:none}

/* botones, chips, campos */
.btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.3}
.btn:hover{border-color:var(--border-2);text-decoration:none;background:var(--surface-2)}
.btn-p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.btn-p:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-ink{background:var(--ink);border-color:var(--ink);color:var(--bg);font-weight:600}
.btn-ink:hover{background:var(--ink);opacity:.9}
.btn-lg{padding:12px 18px;font-size:15px}
.btn-sm{padding:4px 9px;font-size:12.5px}
.btn-ghost{border-color:transparent;background:transparent}
.btn-ghost:hover{background:var(--surface-2);border-color:transparent}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn .cuenta{background:var(--accent);color:var(--accent-ink);border-radius:999px;font-size:12px;font-weight:700;padding:0 6px;min-width:18px;text-align:center}
.chip{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:600;white-space:nowrap;line-height:1.6}
.chip i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.c-liq{background:var(--liq-bg);color:var(--liq-fg)} .c-red{background:var(--red-bg);color:var(--red-fg)}
.c-reo{background:var(--reo-bg);color:var(--reo-fg)} .c-ok{background:var(--ok-bg);color:var(--ok-fg)}
.c-neu{background:var(--neu-bg);color:var(--neu-fg)} .c-vio{background:var(--vio-bg);color:var(--vio-fg)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:12.5px;font-weight:500;white-space:nowrap}
.pill .d{width:7px;height:7px;border-radius:50%;background:var(--ok-fg)} .pill .d.off{background:var(--faint)}
.canal-sh{--c:var(--s2)} .canal-mercadolibre{--c:var(--s3)} .canal-amazon{--c:var(--s1)} .canal-walmart{--c:var(--s4)} .canal-shopify{--c:var(--s2)}
.canal{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.canal::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c,var(--faint))}
.zona{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle}
.z-negro{background:var(--z-negro)} .z-rojo{background:var(--z-rojo)} .z-amarillo{background:var(--z-amarillo)} .z-verde{background:var(--z-verde)} .z-cian{background:var(--z-cian)} .z-azul{background:var(--z-azul)}
.campo{display:flex;align-items:center;gap:8px;padding:0 10px;height:34px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-width:0}
.campo:focus-within{border-color:var(--accent)}
.campo input{border:0;background:transparent;outline:none;width:100%;min-width:0;font-size:13.5px}
.entrada{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-size:14px}
.entrada:focus{outline:none;border-color:var(--accent)}
.etq{font-size:13px;font-weight:600;display:block;margin-bottom:6px}
.nota{font-size:12.5px;color:var(--faint);margin:0}
.propuesta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--vio-fg);background:var(--vio-bg);padding:2px 9px;border-radius:999px}

/* tarjetas */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow)}
.card-h{display:flex;align-items:center;gap:10px;padding:14px 18px;flex-wrap:wrap}
.card-h h2{font-size:14px;font-weight:600}
.card-h .sub{font-size:12.5px;color:var(--faint)}
.card-h .der{margin-left:auto;display:flex;align-items:center;gap:8px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.kpi{padding:15px 17px;display:flex;flex-direction:column;gap:5px;min-width:0}
.kpi span.l{font-size:13px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}
.kpi b{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2}
.kpi small{font-size:12.5px;color:var(--faint)}
.kpi .barra{height:6px;border-radius:3px;background:var(--grid);overflow:hidden;margin-top:4px}
.kpi .barra i{display:block;height:100%;background:var(--accent);border-radius:3px}
.kpi.clic{cursor:pointer;text-decoration:none;color:inherit} .kpi.clic:hover{border-color:var(--border-2)}
.fila2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px}
.fila2b{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lista-v{display:flex;flex-direction:column}
.lista-v>div,.lista-v>a{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--grid);color:var(--ink);text-decoration:none}
.lista-v>*:last-child{border-bottom:0}
.lista-v .v{margin-left:auto;font-weight:600}


/* accesibilidad: salto al contenido, texto solo para lector de pantalla y foco programático */
.saltar{position:absolute;left:12px;top:-80px;z-index:60;background:var(--ink);color:var(--bg);padding:9px 14px;border-radius:8px;font-weight:600;border:0;cursor:pointer}
.saltar:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#contenido:focus,h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}

.marca{display:flex;align-items:center;gap:10px;padding:2px 8px;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.marca:hover{text-decoration:none}
.icono-btn{width:36px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--muted)}
.icono-btn.idioma-btn{width:auto;min-width:36px;padding:0 8px;font-size:12.5px;font-weight:600;letter-spacing:.02em;color:var(--muted)}
.icono-btn:hover{background:var(--surface-2);border-color:var(--border)}
.modal-velo{position:fixed;inset:0;background:var(--overlay);z-index:40;display:flex;align-items:center;justify-content:center;padding:20px}
.modal{width:min(480px,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh}
.modal.ancho{width:min(720px,100%)}
.modal h2{font-size:17px;font-weight:600;padding:20px 22px 0}
.modal .cuerpo{padding:14px 22px 6px;display:flex;flex-direction:column;gap:12px;font-size:14px;overflow:auto}
.modal .pie{padding:16px 22px;display:flex;gap:8px;justify-content:flex-end}
.avisos{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.aviso{background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;animation:sube .2s ease-out}
@keyframes sube{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}

/* sitio público */
.pub-nav{height:68px;display:flex;align-items:center;gap:32px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--border);background:var(--hero-bg);position:sticky;top:0;z-index:10}
.pub-nav nav{display:flex;gap:24px}
.pub-nav nav a{color:var(--ink);font-size:14.5px;font-weight:500}
.pub-nav nav a[aria-current="page"]{color:var(--accent)}
.pub-nav .der{margin-left:auto;display:flex;align-items:center;gap:14px}
.envase{max-width:1180px;margin:0 auto;padding:0 24px}
.hero{background:var(--hero-bg)}
.hero .envase{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:76px;padding-bottom:84px}
.hero h1{font-size:clamp(34px,4.3vw,52px);line-height:1.06;font-weight:600;letter-spacing:-.025em}
.lead{font-size:18px;line-height:1.6;color:var(--muted);margin:22px 0 0;max-width:34em}
.lead + .lead{margin-top:10px}
.ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.muestra{display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.seccion{padding:80px 0}
.seccion + .seccion{border-top:1px solid var(--border)}
.seccion .titulo{max-width:680px;margin:0 auto 40px;text-align:center}
.seccion .titulo h1,.seccion .titulo h2{font-size:32px;font-weight:600;letter-spacing:-.02em}
.seccion .titulo p{margin:12px 0 0;color:var(--muted);font-size:16.5px;line-height:1.6}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.giro{padding:24px;display:flex;flex-direction:column;gap:14px}
.giro h3{font-size:19px;font-weight:600}
.giro p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.giro ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}
.giro li{display:flex;gap:9px;align-items:flex-start}
.giro li svg{margin-top:2px;color:var(--ok-fg)}
.giro .pie-g{margin-top:auto;padding-top:6px}
.clientes-caja{max-width:980px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}
.ranuras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%}
.ranura{height:84px;border:1px dashed var(--border-2);border-radius:var(--r);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:13px;text-align:center;padding:0 12px;background:var(--surface)}
.cita{width:100%;padding:26px 28px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}
.cita p{margin:0;font-size:19px;line-height:1.5;color:var(--faint);max-width:40em}
.cita span{font-size:13.5px;color:var(--faint)}
.marcas{display:flex;gap:30px;flex-wrap:wrap;align-items:center;justify-content:center;color:var(--muted);font-size:17px;font-weight:600;letter-spacing:-.01em}
.marcas .t{font-size:13px;font-weight:600;color:var(--faint);width:100%;text-align:center}
.marcas img{display:block;width:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .marcas img{filter:brightness(0) invert(1);opacity:.8}}
:root[data-theme="dark"] .marcas img{filter:brightness(0) invert(1);opacity:.8}
.pasos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.paso{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:2px solid var(--ink)}
.paso b{font-size:14px;color:var(--muted);font-weight:600}
.paso p{margin:0;font-size:16px;line-height:1.55}
.banda{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 28px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface)}
.banda p{margin:0;font-size:16px}
.pie-pub{padding:32px 0 48px;border-top:1px solid var(--border);font-size:13.5px;color:var(--muted)}
.pie-pub .envase{display:flex;gap:24px;flex-wrap:wrap}
.pie-marcas{margin:14px auto 0;max-width:1180px;padding:0 24px;font-size:11px;color:var(--faint)}
.persona{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start}
.persona img{width:100%;border-radius:var(--r);object-fit:cover;aspect-ratio:4/5;object-position:center 20%}
.persona p{font-size:16.5px;line-height:1.65;color:var(--ink);margin:0 0 14px;max-width:38em}
.principios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.principio{padding:22px;display:flex;flex-direction:column;gap:8px}
.principio h3{font-size:17px;font-weight:600}
.principio p{margin:0;color:var(--muted);line-height:1.6;font-size:15px}
.cifra{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.forma{display:flex;flex-direction:column;gap:14px;padding:24px}
.semana{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px;align-items:start}
.semana h2,.h2-izq{font-size:32px;font-weight:600;letter-spacing:-.02em}
.semana p{margin:0 0 14px;font-size:18px;line-height:1.6;max-width:36em}
.semana p:last-child{margin-bottom:0}
.h2-izq{margin-bottom:28px}
.areas{border-top:1px solid var(--border)}
.area{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:28px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--border)}
.area h3{font-size:17px;font-weight:600}
.area p{margin:0;color:var(--muted);font-size:15.5px;line-height:1.6;max-width:40em}
.area a{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px;justify-self:end}
.pasos.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.cierre{margin-top:40px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* sitio público: títulos en Schibsted Grotesk y texto en Geist (votos de Alan, 14 sep) */
.pub-nav,.p-hero,.seccion,.pie-pub{font-family:var(--font-pub)}
.p-hero h1,.seccion h1,.seccion h2,.area h3,.persona h3{font-family:var(--font-tit)}
.pub-nav .entrar{color:var(--ink);font-weight:500}
.pub-nav.azul{background:var(--navy);border-bottom-color:rgba(255,255,255,.1)}
.pub-nav.azul .marca,.pub-nav.azul nav a,.pub-nav.azul .entrar,.pub-nav.azul .icono-btn{color:#FFFFFF}
.pub-nav.azul .btn-ink{background:#FFFFFF;border-color:#FFFFFF;color:var(--navy)}
.p-hero{background:var(--navy);color:#FFFFFF}
.pub-nav.azul :focus-visible,.p-hero .p-hero-txt :focus-visible{outline-color:#FFFFFF}
.p-hero .envase{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-block:72px 84px}
.p-hero h1{font-size:clamp(36px,4.4vw,54px);line-height:1.02;font-weight:800;letter-spacing:-.025em}
.p-hero-txt p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.8);margin:20px 0 0;max-width:34em}
.p-hero-txt p + p{margin-top:10px}
.p-btn-claro{background:#FFFFFF;border-color:#FFFFFF;color:var(--navy);font-weight:600}
.p-btn-claro:hover{background:#E8EEF6;border-color:#E8EEF6}
.p-btn-linea{background:transparent;border-color:rgba(255,255,255,.4);color:#FFFFFF}
.p-btn-linea:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
.p-agenda{background:var(--surface);color:var(--ink);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 28px 56px -20px rgba(0,0,0,.55)}
.p-agenda header{padding:18px 22px 14px;border-bottom:1px solid var(--border)}
.p-agenda header b{display:block;font:700 20px/1.2 var(--font-tit);letter-spacing:-.01em}
.p-agenda header span{font-size:13px;color:var(--muted)}
.p-agenda ol{list-style:none;margin:0;padding:0}
.p-agenda li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding:14px 22px;border-bottom:1px solid var(--grid);align-items:start}
.p-agenda .n{font:700 15px var(--font-tit);color:var(--muted);font-variant-numeric:tabular-nums}
.p-agenda li b{font-weight:600;font-size:14.5px}
.p-agenda li p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.5}
.p-agenda footer{padding:12px 22px;font-size:13px;color:var(--muted);background:var(--surface-2)}
.p-agenda footer a{color:var(--ink);font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.p-agenda footer a:hover{text-decoration:underline}
.p-clientes{margin:22px 0 0;max-width:38em;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.62)}
.p-est,.p-pill{font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}
.p-pill{font-weight:500;border-radius:999px;padding:3px 9px}
.p-est.ok,.p-pill.ok{background:var(--ok-bg);color:var(--ok-fg)}
.p-est.pend,.p-pill.pend{background:var(--red-bg);color:var(--red-fg)}
.p-semana{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center}
.p-semana h2{font-size:32px;font-weight:700;letter-spacing:-.02em}
.p-semana p{font-size:18px;line-height:1.6;margin:14px 0 0;max-width:34em}
.p-feed{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.p-feed-cab{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13.5px;color:var(--muted)}
.p-feed-cab b{color:var(--ink);font-weight:500}
.p-feed-cab .mono{margin-left:auto}
.p-feed .punto{width:8px;height:8px;border-radius:50%;background:var(--ok-fg);box-shadow:0 0 0 3px var(--ok-bg)}
.p-feed ul{list-style:none;margin:0;padding:0}
.p-feed li{display:grid;grid-template-columns:44px 84px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--grid)}
.p-feed li:last-child{border-bottom:0}
.p-feed time,.p-feed .mono{font-family:"Geist Mono",ui-monospace,Menlo,monospace;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.p-feed-logo{width:auto;max-width:80px;justify-self:start}
.p-feed li b{display:block;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-feed li div span{font-size:12.5px;color:var(--muted)}
.p-feed li.entra{animation:p-entra .5s ease-out}
@keyframes p-entra{from{opacity:.25;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .p-feed-logo{filter:brightness(0) invert(1);opacity:.85}}
:root[data-theme="dark"] .p-feed-logo{filter:brightness(0) invert(1);opacity:.85}
@media (prefers-reduced-motion:reduce){ .p-feed li.entra{animation:none} }

/* entrar y empresas */
.login{min-height:100vh;display:flex;background:var(--surface)}
.login .forma-l{width:min(540px,100%);flex:none;padding:44px 64px;display:flex;flex-direction:column}
.login .mitad{margin:auto 0;display:flex;flex-direction:column;gap:18px}
.login h1{font-size:30px;font-weight:600;letter-spacing:-.02em}
.login .lado{flex:1;margin:16px;border-radius:var(--r);background:var(--navy);color:#FFFFFF;padding:44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;overflow:hidden}
.login .lado p.g{margin:0;max-width:18em;font-family:var(--font-tit);font-size:27px;line-height:1.22;font-weight:700;letter-spacing:-.02em}
.login .lado-cab{display:flex;flex-direction:column;gap:30px}
.login .lado .p-feed{color:var(--ink);border-color:rgba(255,255,255,.08);box-shadow:0 24px 48px -20px rgba(0,0,0,.5)}
.login .lado-pie b{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.login .lado-pie p{margin:0;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.72);max-width:36em}
.empresas{max-width:900px;margin:0 auto;padding:64px 24px;display:flex;flex-direction:column;gap:24px}
.empresa-op{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 20px;text-align:left;cursor:pointer;color:inherit;text-decoration:none}
.empresa-op:hover{border-color:var(--accent);text-decoration:none}
.empresa-op .ico{width:48px;height:48px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}
.empresa-op b{font-size:16px} .empresa-op span{display:block;color:var(--muted);font-size:13.5px}

/* reporte de la tienda: canales, periodo, pendientes, desglose */
.fila2>*,.fila2b>*{min-width:0}
.t-canales{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
.t-canal{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface);color:var(--ink);text-decoration:none;min-width:0}
.t-canal:hover{border-color:var(--border-2);text-decoration:none}
.t-canal[aria-current="page"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.t-canal-n{height:22px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--muted)}
.t-canal-logo{width:auto;max-width:100%}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t-canal-logo{filter:brightness(0) invert(1);opacity:.85}}
:root[data-theme="dark"] .t-canal-logo{filter:brightness(0) invert(1);opacity:.85}
.t-canal b{font-size:19px;font-weight:600;letter-spacing:-.01em}
.t-canal small{font-size:12.5px;color:var(--faint)}
.t-seg{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}
.t-seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:500;padding:6px 12px;border-radius:6px;cursor:pointer}
.t-seg button:hover{color:var(--ink)}
.t-seg button[aria-pressed="true"]{background:var(--surface-3);color:var(--ink)}
.t-cambio{font-weight:600} .t-cambio.sube{color:var(--ok-fg)} .t-cambio.baja{color:var(--liq-fg)}
.t-alto{color:var(--liq-fg)}
.error-campo{color:var(--liq-fg);margin-top:6px}
.t-pend{display:flex;align-items:stretch;flex-wrap:wrap;overflow:hidden}
.t-pend h2{font-size:14px;font-weight:600;margin:0;padding:14px 18px;display:flex;align-items:center;border-right:1px solid var(--border)}
.t-pend-l{display:flex;flex-wrap:wrap;flex:1;min-width:0}
.t-pend-l a{flex:1 1 190px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;row-gap:2px;align-items:baseline;padding:12px 18px;border-right:1px solid var(--grid);color:var(--ink);text-decoration:none}
.t-pend-l a:last-child{border-right:0}
.t-pend-l a:hover{background:var(--surface-2);text-decoration:none}
.t-pend-l b{font-size:18px;font-weight:600} .t-pend-l b.alerta{color:var(--liq-fg)}
.t-pend-l span{font-size:13px}
.t-pend-l small{grid-column:1/-1;font-size:12px;color:var(--faint)}
.t-ley{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);padding:0 4px 6px}
.t-ley span{display:inline-flex;align-items:center;gap:6px}
.t-ley-l{width:18px;border-top:2.5px solid var(--accent)} .t-ley-l.ant{border-top:2px dashed var(--faint)}
.t-desg{padding:0 18px 16px;display:flex;flex-direction:column;gap:12px}
.t-desg .nota{margin:0}
.t-barra{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--grid)}
.t-barra i{display:block;height:100%;flex-grow:0;flex-shrink:0}
.t-desg-l{display:flex;flex-direction:column}
.t-desg-l>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto minmax(100px,auto);gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--grid);font-size:13.5px}
.t-desg-l>.t-desg-tot{grid-template-columns:minmax(0,1fr) auto;font-weight:600}
.t-desg-l>.t-desg-margen{border-bottom:0;font-weight:600;font-size:14.5px}
.t-desg-l b{text-align:right}
.t-sw{width:10px;height:10px;border-radius:2px}
.t-bar{display:block;height:6px;border-radius:3px;background:var(--grid);overflow:hidden;min-width:60px}
.t-bar i{display:block;height:100%;width:var(--p);background:var(--c,var(--accent));border-radius:3px}
.t-bar.t-bar-g{height:8px;border-radius:4px;min-width:0} .t-bar.t-bar-g i{border-radius:4px}
.t-lista{padding:0 18px 12px}
.t-lista>a,.t-lista>div{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) 60px;gap:14px;align-items:center}
.t-lista>a:hover .canal{text-decoration:underline}
.t-lista-n{display:flex;flex-direction:column;gap:2px;min-width:0}
.t-lista-n small{font-size:12px;color:var(--faint)}
.t-lista b{text-align:right}
.t-rep-wrap{overflow-x:auto;position:relative;border-radius:0 0 var(--r) var(--r)}
.t-rep{width:100%;border-collapse:collapse;font-size:13.5px}
.t-rep th,.t-rep td{padding:9px 12px;border-bottom:1px solid var(--grid);text-align:left;white-space:nowrap;vertical-align:middle}
.t-rep th:first-child,.t-rep td:first-child{padding-left:18px}
.t-rep thead th{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--border)}
.t-rep tbody th{font-weight:500}
.t-rep .der{text-align:right}
.t-rep tfoot th,.t-rep tfoot td{font-weight:600;background:var(--surface-2);border-bottom:0}
.t-rep tr.clic{cursor:pointer} .t-rep tr.clic:hover>*{background:var(--surface-2)}
.t-rep a{color:inherit;text-decoration:none} .t-rep a:hover{text-decoration:underline}
.t-rep .fin{width:32px;padding-left:0;color:var(--faint)}
.t-rep .prod{display:flex;flex-direction:column;gap:1px} .t-rep .prod span{font-size:12px;color:var(--faint);font-weight:400}
.t-rep-pie{margin:0;padding:10px 18px 12px}
.t-rep td.envuelve{white-space:normal;min-width:130px}
.t-matriz td.t-calor{background:color-mix(in srgb,var(--accent) var(--calor),transparent)}
.t-matriz td small{margin-left:6px;font-size:11.5px;color:var(--ink)}


/* móvil */
.abajo{display:none}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){ .fila2{grid-template-columns:1fr} .tres,.principios{grid-template-columns:1fr} .kpis.k3{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .kpis.k3{grid-template-columns:1fr} .datos.tres{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:860px){
  .lista-v>div,.lista-v>a{flex-wrap:wrap;row-gap:4px}
  .lista-v [style*="width:"]{width:auto!important;min-width:0}
  .pub-nav .der .btn-ink{display:none}
  .banda .btn{margin-left:0!important}
}
@media (max-width:860px){
  .side{display:none} .lado-btn{display:none}
  .top{padding:0 14px;position:relative} .proto{display:none}
  .top .ruta>span{flex:none} .top .ruta b{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .pagina{padding:18px 14px 96px}
  .abajo{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:var(--surface);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .abajo a,.abajo button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;color:var(--muted);padding:6px 0;text-decoration:none;border:0;background:transparent;cursor:pointer}
  .abajo [aria-current="page"]{color:var(--accent);font-weight:600}
  .abajo a,.abajo button{position:relative} .abajo .n{position:absolute;top:2px;left:calc(50% + 8px);font-size:11px;font-weight:700;color:var(--muted)} .abajo .n.alerta{color:var(--liq-fg)}
  .menu .n{margin-left:auto;font-size:12px;color:var(--faint)} .menu .n.alerta{color:var(--liq-fg);font-weight:600}
  .avisos{left:12px;right:12px;transform:none;bottom:calc(76px + env(safe-area-inset-bottom));align-items:stretch}
  .chat{height:calc(100dvh - 246px - env(safe-area-inset-bottom));min-height:360px}
  /* al desplazar la tabla de lado, la casilla y la columna que dice qué renglón es se quedan fijas */
  .tb td.sel,.tb th.sel{position:sticky;left:0;z-index:1;background:var(--surface);width:64px;min-width:64px}
  .tb thead th.sel{z-index:3;background:var(--surface-2)}
  .tb td.fija{position:sticky;left:64px;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--border);max-width:150px;white-space:normal}
  .tb td.fija b{white-space:normal}
  /* el nombre largo se parte dentro de su columna fija y no se encima con la siguiente (hallazgo del 17 sep) */
  .tb td.fija{min-width:150px;overflow-wrap:anywhere} .tb td.fija .prod{min-width:0}
  .tb thead th.fija{position:sticky;left:64px;z-index:3;box-shadow:1px 0 0 var(--border)}
  .tb tbody tr.marcada td.sel,.tb tbody tr.marcada td.fija{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
  .tb tbody tr:hover td.sel,.tb tbody tr:hover td.fija{background:var(--surface-2)}
  .tb-grupo-in{left:76px}
  .hero .envase{grid-template-columns:1fr;padding-top:40px;padding-bottom:48px}
  .pasos,.fila2b,.dos-col{grid-template-columns:1fr} .ranuras{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* el sitio público también tiene menú en celular: un segundo renglón que se recorre de lado */
  .pub-nav{flex-wrap:wrap;height:auto;padding:8px 16px 0;row-gap:0;position:relative}
  .pub-nav nav{display:flex;order:3;width:100%;overflow-x:auto;gap:20px}
  .pub-nav nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
  .pub-nav .entrar{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
  .login .lado{display:none} .login .forma-l{padding:32px 24px}
  .tb-barra .campo{width:100%}
  .pop-fechas,.pop-filtros,.pop-cols{left:8px;right:8px;width:auto}
  .cal-cuerpo{grid-template-columns:1fr}
  .persona{grid-template-columns:1fr}
  .seccion{padding:56px 0}
}
@media (max-width:1100px){ .pasos.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))} .area{grid-template-columns:180px minmax(0,1fr)} .area a{grid-column:2;justify-self:start} }
@media (max-width:860px){
  .semana{grid-template-columns:1fr;gap:18px} .semana p{font-size:16.5px}
  .area{grid-template-columns:1fr;gap:8px} .area a{grid-column:auto}
  .pasos.cuatro{grid-template-columns:1fr}
  .p-hero .envase{grid-template-columns:1fr;padding-block:40px 48px;gap:32px}
  .p-agenda li{padding:12px 16px} .p-agenda header,.p-agenda footer{padding-inline:16px}
  .p-semana{grid-template-columns:1fr;gap:24px} .p-semana p{font-size:16.5px}
  .p-feed li{grid-template-columns:40px 64px minmax(0,1fr)} .p-feed .p-pill{display:none}
  /* objetivos táctiles más grandes en celular */
  .btn{min-height:44px} .btn-sm{min-height:40px} .icono-btn{width:44px;height:44px} .rapido{min-height:40px} .campo{height:44px}
  .tb input[type="checkbox"]{width:20px;height:20px} .tb td.sel,.tb th.sel{padding-inline:10px}
  /* calendario: el pie baja a dos renglones para que Aplicar quede dentro */
  .cal-pie{flex-wrap:wrap} .cal-pie .der{margin-left:0;width:100%} .cal-pie .der .btn{flex:1;justify-content:center}
  /* 44 px en lo que más se toca: casillas, ordenar, columnas, paginar, cuenta y menús */
  .btn-sm,.rapido,.tb th .th-in,.menu a,.menu button,.entrada,.tb-pie select{min-height:44px}
  .avatar,.cols-btn{width:44px;height:44px}
  .tb td.sel,.tb th.sel{width:48px} .tb td.sel input,.tb th.sel input{margin:12px}
  .tb th .ayuda{min-width:32px;min-height:44px;justify-content:center;align-items:center}
}
@media (max-width:1100px){ .t-canales{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:860px){
  .t-canales{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .t-canal{flex:0 0 150px;scroll-snap-align:start}
  .t-pend,.t-pend-l{display:block}
  .t-pend h2{border-right:0;border-bottom:1px solid var(--border)}
  .t-pend-l a{border-right:0;border-bottom:1px solid var(--grid)} .t-pend-l a:last-child{border-bottom:0}
  .t-seg button{min-height:40px}
}
@media (prefers-reduced-motion:reduce){ .panel,.aviso{animation:none} }

/* ================================================================ portada A (escogida por Alan el 16 sep) */
.portada{font-family:var(--font-pub);background:var(--hero-bg)}
.portada h1,.portada h2,.portada h3,.a-odoo-t,.a-v-tit b,.a-v-kpis b,.a-v-pend b,.a-nodo,.a-inv-cal b,.a-doc-cab b{font-family:var(--font-tit)}
.portada h2{font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-.03em;font-weight:800;color:var(--navy)}
.a-hero{background:var(--hero-bg);padding-block:72px 52px}
.a-hero-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:64px;align-items:start}
.a-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:var(--navy)}
.a-hero-t{display:flex;flex-direction:column;gap:14px;padding-bottom:6px}
/* Datos duros del hero (21 sep): medidos en clientes reales, no promesas. */
.a-cifras{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--border)}
.a-cifra{margin:0;display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap}
.a-cifra b{font-size:clamp(28px,2.8vw,38px);line-height:1.1;font-weight:800;letter-spacing:-.025em;color:var(--navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.a-cifra span{font-size:16.5px;line-height:1.5;color:var(--muted);max-width:40ch}
.a-cifras-nota{margin:0 0 0 auto;font-size:12.5px;color:var(--faint)}
.a-hero-t p{margin:0;font-size:17.5px;line-height:1.6;color:var(--muted)}
.a-hero .ctas{margin-top:12px}
.a-clientes{margin:40px 0 0;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:15px}
.a-escena{background:linear-gradient(var(--hero-bg) 0 42%,var(--navy) 42%)}
.a-azul{background:var(--navy);color:#FFFFFF}
.a-azul h2{color:#FFFFFF}
.a-azul :focus-visible{outline-color:#FFFFFF}

/* la pantalla del producto */
.a-ventana{background:var(--surface);color:var(--ink);border:1px solid var(--border-2);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(15,42,74,.08),0 30px 70px -28px rgba(4,14,28,.55);font-family:var(--font);font-size:13.5px}
.a-v-barra{display:flex;align-items:center;gap:16px;height:52px;padding:0 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}
.a-v-emp{display:inline-flex;align-items:center;gap:8px;font-weight:600;white-space:nowrap}
.a-v-buscar{flex:1;max-width:420px;margin-left:20px;height:32px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--faint);white-space:nowrap;overflow:hidden}
.a-v-fecha{margin-left:auto;color:var(--muted);font-size:12.5px;white-space:nowrap}
.a-v-cuerpo{display:grid;grid-template-columns:190px minmax(0,1fr)}
.a-v-lado{border-right:1px solid var(--border);padding:14px 10px;display:flex;flex-direction:column;gap:2px;background:var(--side-bg)}
.a-v-lado span{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;border-radius:7px;color:var(--side-ink)}
.a-v-lado span.act{background:var(--side-active);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}
.a-v-lado em{font-style:normal;font-size:12px;color:var(--faint)}
.a-v-main{padding:20px 22px 22px;background:var(--bg);display:flex;flex-direction:column;gap:12px;min-width:0}
.a-v-tit{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.a-v-tit b{font-size:21px;font-weight:700}
.a-v-tit span{color:var(--muted);font-size:12.5px}
.a-v-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--border);border-radius:var(--r)}
.a-v-kpis>div{padding:12px 16px;display:flex;flex-direction:column;gap:2px;min-width:0}
.a-v-kpis>div+div{border-left:1px solid var(--border)}
.a-v-kpis span{color:var(--muted);font-size:12.5px}
.a-v-kpis b{font-size:22px;font-weight:700;letter-spacing:-.01em}
.a-v-kpis small{font-size:12px;color:var(--faint)}
.a-v-dos{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:12px}
.a-v-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px;min-width:0}
.a-v-card-t{display:block;font-weight:600;margin-bottom:6px}
.a-v-pend{display:flex;flex-direction:column}
.a-v-pend a{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 2px;color:var(--ink);text-decoration:none;border-top:1px solid var(--grid)}
.a-v-pend a:first-child{border-top:0}
.a-v-pend a:hover{background:var(--surface-2);text-decoration:none}
.a-v-pend b{font-size:18px;font-weight:700}
.a-v-pend b.alerta{color:var(--liq-fg)}
.a-v-pend span{display:flex;flex-direction:column;line-height:1.35}
.a-v-pend small{color:var(--faint);font-size:12px}
.a-v-pend svg{color:var(--faint)}

/* se conecta con: logos en blanco sobre el azul */
.a-azul .envase{padding-block:40px 0}
.a-conecta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:48px;align-items:center}
.a-conecta h2{font-size:20px;font-weight:700;letter-spacing:-.01em}
/* Banda que se desliza (18 sep, Alan): corre sola en circulo (publico.js) y se puede
   arrastrar o deslizar con el dedo. La pista trae dos copias; la segunda es aria-hidden. */
.a-logos{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 56px,#000 calc(100% - 56px),transparent 100%)}
.a-logos::-webkit-scrollbar{display:none}
.a-logos.arrastrando{cursor:grabbing}
.a-logos:focus-visible{outline:2px solid rgba(255,255,255,.7);outline-offset:4px;border-radius:8px}
.a-logos-pista{display:flex;width:max-content}
.a-logos-grupo{display:flex;align-items:center;gap:56px;padding:8px 28px}
.a-logos img{display:block;flex:none;width:auto;filter:brightness(0) invert(1);opacity:.9;user-select:none;-webkit-user-drag:none;pointer-events:none}
.a-conecta-nota{margin:18px 0 0;color:rgba(255,255,255,.7);font-size:14.5px}
/* dos filas (3 oct): tu ERP y tus canales */
.a-bandas{min-width:0;display:grid;gap:10px}
.a-banda-fila{min-width:0;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px}
.a-banda-et{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}

/* cómo trabajamos */
.a-como .envase{padding-block:64px 88px}
.a-como-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:72px;align-items:start;border-top:1px solid rgba(255,255,255,.14)}
.a-como-l{display:flex;flex-direction:column;gap:28px}
.a-como-t{display:flex;flex-direction:column;gap:18px}
.a-como-t p{margin:0;font-size:17.5px;line-height:1.6;color:rgba(255,255,255,.78)}
.a-como-t .grande{font-family:var(--font-tit);font-size:clamp(22px,2.2vw,28px);line-height:1.3;font-weight:500;color:#FFFFFF;letter-spacing:-.01em}

/* qué hace rackly: pestañas */
.a-que{background:var(--bg);padding-block:96px}
/* 6 pestañas (17 sep): en pantallas medianas los nombres largos bajan a dos renglones en vez de desbordar */
.a-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,max-content)) 1fr;column-gap:28px;margin-top:34px}
.a-tab{appearance:none;background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;font:600 16px/1.2 var(--font-pub);color:var(--muted);cursor:pointer;text-align:left;position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px}
.a-tab .a-chev{display:none}
.a-tab:hover{color:var(--ink)}
.a-tab[aria-expanded="true"]{color:var(--navy);border-bottom-color:var(--navy)}
.a-panel[hidden]{display:none}
.a-panel{grid-column:1/-1;grid-row:2;margin-top:-1px;border-top:1px solid var(--border);padding-top:34px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:56px;align-items:start}
.a-panel-t{display:flex;flex-direction:column;gap:14px}
.a-panel-t h3{font-size:26px;letter-spacing:-.02em;font-weight:700}
.a-panel-t p{margin:0;font-size:16.5px;line-height:1.6;color:var(--muted)}
.a-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:15px;margin-top:4px}
.a-recorte{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(15,42,74,.05),0 12px 32px -18px rgba(15,42,74,.25);font-family:var(--font)}
.a-rec-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 18px;border-bottom:1px solid var(--border)}
.a-rec-cab b{font-weight:600}
.a-rec-cab span{color:var(--muted);font-size:12.5px}
.a-rec-graf{padding:12px 14px 8px}
.a-canal{display:inline-flex;align-items:center;gap:10px}
.a-canal img{width:auto}
.a-grupo th{background:var(--surface-3);font-weight:600}
.a-grupo-in{display:flex;align-items:center;justify-content:space-between;gap:12px}
.a-grupo-in small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.a-sub{display:block;color:var(--faint);font-size:12px}
.a-odoo{padding:18px}
.a-odoo-est{display:flex;justify-content:flex-end;margin-bottom:14px;font-size:12px}
.a-odoo-est span{padding:5px 12px 5px 16px;background:var(--surface-3);color:var(--muted);white-space:nowrap;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%)}
.a-odoo-est span.act{background:var(--navy);color:#FFFFFF}
.a-odoo-t{display:block;font-size:22px;font-weight:700;margin-bottom:12px}
.a-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px}
.a-campos>div{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--grid)}
.a-campos span:first-child{color:var(--muted);font-size:13px}
.a-campos .nuevo{grid-column:1/-1;grid-template-columns:110px minmax(0,1fr) auto;background:var(--reo-bg);border:1px solid color-mix(in srgb,var(--reo-fg) 30%,transparent);border-radius:8px;padding:10px 12px;margin-top:6px}

/* las órdenes de tus canales */
.a-ord{background:var(--hero-bg);padding-block:96px}
.a-ord-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:56px;align-items:center}
.a-ord-t p{margin:16px 0 0;font-size:17.5px;line-height:1.6;color:var(--muted)}

/* cómo empezamos: línea de tiempo (de la versión B) */
.a-emp{background:var(--bg);padding-block:96px}
.a-emp-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}
.a-emp-l{position:sticky;top:92px;display:flex;flex-direction:column;gap:26px}
.a-emp-d{display:flex;flex-direction:column;gap:28px}
.a-cierre{display:flex;flex-wrap:wrap;gap:12px;margin-left:62px}
.a-ref{margin:0;color:var(--muted);font-size:15px}
.a-linea{list-style:none;margin:0;padding:0;position:relative}
.a-linea::before{content:"";position:absolute;left:19px;top:30px;bottom:30px;width:2px;background:var(--border-2)}
.a-linea>li{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:22px;padding-bottom:20px}
.a-linea>li:last-child{padding-bottom:0}
.a-nodo{margin-top:22px;width:40px;height:40px;border-radius:10px;background:var(--navy);color:#FFFFFF;display:grid;place-items:center;font-size:17px;font-weight:700;position:relative;z-index:1;box-shadow:0 0 0 6px var(--bg)}
.a-paso{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 32px;align-items:center}
.a-paso-doc{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.a-paso-t h3{font-size:21px;letter-spacing:-.015em;color:var(--navy);line-height:1.2;font-weight:700}
.a-paso-t p{margin:6px 0 0;font-size:16px;line-height:1.55;color:var(--muted)}
.a-inv{display:flex;align-items:center;gap:14px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--surface-2)}
.a-inv-cal{flex:none;width:52px;border-radius:8px;overflow:hidden;border:1px solid var(--border-2);text-align:center;background:var(--surface)}
.a-inv-cal i{display:block;height:10px;background:var(--navy)}
.a-inv-cal b{display:block;font-size:20px;line-height:1.1;padding-top:4px}
.a-inv-cal small{display:block;font-size:12px;color:var(--muted);padding-bottom:4px}
.a-inv>span:last-child{display:flex;flex-direction:column;line-height:1.35}
.a-inv small{color:var(--muted);font-size:13.5px}
.a-revisa{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.a-revisa li{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14.5px;font-weight:500;line-height:1.2;background:var(--surface-2)}
.a-revisa svg{color:var(--ok-fg)}
.a-doc{border:1px solid var(--border-2);border-radius:10px;padding:18px 20px;background:var(--surface);display:flex;flex-direction:column;gap:12px;font-size:14px;box-shadow:0 14px 30px -20px rgba(15,42,74,.35)}
.a-doc-cab{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.a-doc-cab b{font-size:16px}
.a-doc-r{display:flex;justify-content:space-between;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.a-doc-r span{color:var(--muted)}
.a-doc-r b{font:600 15px/1 "Geist Mono",ui-monospace,monospace;color:var(--navy);white-space:nowrap}
.a-doc-l{display:flex;flex-direction:column;gap:7px}
.a-doc-l i{display:block;height:7px;border-radius:4px;background:var(--surface-3)}
.a-con{display:grid;grid-template-columns:auto minmax(20px,1fr) auto;align-items:center;gap:10px}
.a-erp{border:1px solid var(--border-2);border-radius:8px;padding:12px 14px;font-weight:600;background:var(--surface-2);white-space:nowrap}
.a-guiones{height:2px;background:repeating-linear-gradient(90deg,var(--faint) 0 6px,transparent 6px 11px)}
.a-canales{display:flex;flex-direction:column;gap:8px}
.a-canales span{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;height:38px;padding:0 12px;background:var(--surface)}
.a-canales img{width:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .portada h2:not(.a-azul h2),:root:not([data-theme="light"]) .a-hero h1,:root:not([data-theme="light"]) .a-cifra b,:root:not([data-theme="light"]) .a-tab[aria-expanded="true"],:root:not([data-theme="light"]) .a-paso-t h3,:root:not([data-theme="light"]) .a-doc-r b{color:var(--ink)}}
:root[data-theme="dark"] .portada h2:not(.a-azul h2),:root[data-theme="dark"] .a-hero h1,:root[data-theme="dark"] .a-cifra b,:root[data-theme="dark"] .a-tab[aria-expanded="true"],:root[data-theme="dark"] .a-paso-t h3,:root[data-theme="dark"] .a-doc-r b{color:var(--ink)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .a-tab[aria-expanded="true"]{border-bottom-color:var(--ink)}}
:root[data-theme="dark"] .a-tab[aria-expanded="true"]{border-bottom-color:var(--ink)}
@media (max-width:1100px){
  .a-hero-g,.a-como-g,.a-ord-g{grid-template-columns:1fr;gap:32px}
  .a-panel{grid-template-columns:1fr;gap:26px}
  .a-v-cuerpo{grid-template-columns:1fr} .a-v-lado{display:none}
  .a-conecta{grid-template-columns:1fr;gap:18px} .a-logos-grupo{gap:40px} .a-banda-fila{grid-template-columns:1fr;gap:2px}
  .a-emp-g{grid-template-columns:1fr;gap:28px}
  .a-emp-l{display:contents} .a-emp-l h2{order:1} .a-emp-d{order:2} .a-ref{order:3}
}
@media (max-width:860px){
  .a-hero{padding-block:36px 32px}
  .a-cifras{margin-top:28px;padding-top:20px}
  .a-cifra span{font-size:15px}
  .a-cifras-nota{margin-left:0}
  .a-hero .ctas .btn{flex:1 1 100%;justify-content:center}
  .a-clientes{margin-top:26px}
  .a-escena{background:linear-gradient(var(--hero-bg) 0 20%,var(--navy) 20%)}
  .a-v-barra{gap:10px;padding:0 12px} .a-v-buscar{display:none}
  .a-v-main{padding:14px 12px}
  .a-v-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .a-v-kpis>div:nth-child(3){border-left:0} .a-v-kpis>div:nth-child(n+3){border-top:1px solid var(--border)}
  .a-v-dos{grid-template-columns:1fr}
  .a-como .envase{padding-block:48px 60px}
  .a-que,.a-ord,.a-emp{padding-block:56px}
  .a-tabs{grid-template-columns:1fr;margin-top:22px}
  .a-tab{padding:16px 0;border-bottom:1px solid var(--border);min-height:56px;font-size:17px}
  .a-tab .a-chev{display:block;transition:transform .2s}
  .a-tab[aria-expanded="true"]{border-bottom-color:transparent}
  .a-tab[aria-expanded="true"] .a-chev{transform:rotate(180deg)}
  .a-panel{grid-row:auto;margin-top:0;border-top:0;padding:0 0 26px;border-bottom:1px solid var(--border)}
  .a-panel-t h3{display:none}
  .a-campos{grid-template-columns:1fr} .a-campos>div,.a-campos .nuevo{grid-template-columns:96px minmax(0,1fr)} .a-campos .nuevo .chip{grid-column:1/-1;justify-self:start}
  .a-linea>li{grid-template-columns:32px minmax(0,1fr);gap:12px} .a-linea::before{left:15px}
  .a-nodo{width:32px;height:32px;font-size:15px;margin-top:18px}
  .a-paso,.a-paso-doc{grid-template-columns:1fr;padding:18px 16px}
  .a-cierre{margin-left:0;flex-direction:column} .a-cierre .btn{justify-content:center}
}
@media (prefers-reduced-motion:reduce){.a-tab .a-chev{transition:none}}

/* ================================================================ quiénes somos (16 sep) */
.q-hero{background:var(--hero-bg);padding-block:80px 72px}
.q-hero-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.q-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:var(--navy)}
.q-hero-t{display:flex;flex-direction:column;gap:18px}
.q-hero-t p{margin:0;font-size:17.5px;line-height:1.6;color:var(--muted)}
.q-hero-t .grande{font-family:var(--font-tit);font-size:clamp(22px,2.3vw,30px);line-height:1.25;font-weight:700;color:var(--ink);letter-spacing:-.015em;max-width:22em}
.q-rumbo{background:var(--bg);padding-block:88px}
.q-rumbo-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:start}
.q-rumbo-t{display:flex;flex-direction:column;gap:16px}
.q-rumbo-t p{margin:0;font-size:17.5px;line-height:1.6;color:var(--muted);max-width:36em}
.q-datos{margin:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.q-datos>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center;padding:16px 20px}
.q-datos>div+div{border-top:1px solid var(--grid)}
.q-datos dt{color:var(--muted);font-size:13.5px}
.q-datos dd{margin:0;font-weight:600;font-size:15.5px}
.q-logos{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.q-logos img{display:block;width:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .q-logos img{filter:brightness(0) invert(1);opacity:.85}}
:root[data-theme="dark"] .q-logos img{filter:brightness(0) invert(1);opacity:.85}
.q-cierre{background:var(--bg);padding-block:64px;border-top:1px solid var(--border)}
.q-cierre-g{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.q-cierre-g p{margin:0;font-size:19px;line-height:1.5;max-width:30em;font-family:var(--font-tit);font-weight:500}
.q-cierre .a-cierre{margin-left:0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .q-hero h1{color:var(--ink)}}
:root[data-theme="dark"] .q-hero h1{color:var(--ink)}
@media (max-width:1100px){
  .q-hero-g,.q-rumbo-g{grid-template-columns:1fr;gap:28px}
}
@media (max-width:860px){
  .q-hero{padding-block:40px 44px}
  .q-rumbo{padding-block:56px}
  .q-datos>div{grid-template-columns:1fr;gap:6px}
  .q-cierre .a-cierre{flex-direction:column;width:100%} .q-cierre .a-cierre .btn{justify-content:center}
}

/* el video de la portada (16 sep): la portada del video debajo del correo, clic y se abre */
.a-video-sec{background:var(--bg);padding-block:0 96px}
.a-video-portada{display:block;position:relative;width:100%;max-width:960px;margin:0 auto;padding:0;border:1px solid var(--border-2);border-radius:12px;overflow:hidden;background:var(--navy);cursor:pointer;aspect-ratio:16/9;box-shadow:0 1px 2px rgba(15,42,74,.08),0 18px 40px -22px rgba(4,14,28,.5)}
.a-video-portada img{display:block;width:100%;height:100%;object-fit:cover}
.a-video-portada .a-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--navy);color:#FFFFFF;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -8px rgba(4,14,28,.6);transition:transform .15s ease}
.a-video-portada .a-play svg{margin-left:4px;fill:#FFFFFF;stroke:none}
.a-video-portada:hover .a-play{transform:scale(1.06)}
.modal video{max-height:70vh}
@media (prefers-reduced-motion:reduce){.a-video-portada .a-play{transition:none}}

/* correo en la portada (16 sep) */
/* Paso 1: campo, aviso de privacidad de Legal (Texto C, literal) y botón, en ese orden (16 sep) */
.a-lead{margin-top:14px;max-width:560px}
.a-lead-in{display:flex;gap:8px;flex-wrap:wrap}
.a-lead-in .entrada{flex:1 1 240px;min-width:0;height:50px;font-size:16px;padding:0 14px}
.a-lead .error-campo{flex-basis:100%;margin-top:2px}
.a-lead-aviso{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.a-lead-aviso summary{cursor:pointer;list-style:none}
.a-lead-aviso summary::-webkit-details-marker{display:none}
.a-lead-aviso summary span{color:var(--link);text-decoration:underline;text-underline-offset:2px}
.a-lead-aviso p{margin:8px 0 0;font-size:12.5px}
.a-lead-aviso a{color:var(--link)}
html:not([lang="en"]) .solo-en{display:none}
@media (max-width:860px){ .a-lead-in .btn{flex:1 1 100%;justify-content:center} }
/* un solo "Pide tu análisis gratis" a la vista (16 sep). Mientras se ve el de la página, el del menú
   se cierra y "Entrar" crece a botón en su lugar; al pasarlo, "Entrar" regresa a su tamaño y aparece el de análisis */
@media (min-width:861px){
  .pub-nav .entrar{display:inline-flex;align-items:center;border:1px solid transparent;border-radius:var(--r-sm);padding:7px 2px;line-height:1.3;transition:padding .25s ease,border-color .25s ease,background-color .25s ease}
  .pub-nav .nav-cta{max-width:260px;overflow:hidden;transition:opacity .2s ease,visibility .2s ease,max-width .25s ease,padding .25s ease,margin .25s ease,border-width .25s ease}
  .cta-en-pagina .pub-nav .nav-cta{opacity:0;visibility:hidden;pointer-events:none;max-width:0;padding-left:0;padding-right:0;border-width:0;margin-left:-14px}
  .cta-en-pagina .pub-nav .entrar{padding:7px 18px;border-color:var(--border-2);background:var(--surface);font-weight:600}
  .cta-en-pagina .pub-nav .entrar:hover{background:var(--surface-2);text-decoration:none}
}
@media (max-width:860px){ .cta-en-pagina .pub-nav .nav-cta{visibility:hidden} }
/* 17 sep: con EN y tema en el menú, entre 861 y 1000 px el botón del menú se salía de la pantalla al bajar */
@media (min-width:861px) and (max-width:1000px){ .pub-nav{gap:20px} .pub-nav nav{gap:16px} .pub-nav .der{gap:10px} }
@media (prefers-reduced-motion:reduce){.pub-nav .nav-cta,.pub-nav .entrar{transition:none}}

/* quiénes somos: las tres razones (16 sep, con las palabras de Alan) */
.q-razones{background:var(--bg);padding-block:96px}
.q-razones-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}
.q-razones-l{position:sticky;top:92px}
.q-razones-l2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.q-razones-l2>li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;padding-block:32px;border-top:1px solid var(--border)}
.q-razones-l2>li:first-child{padding-top:0;border-top:0}
.q-num{font-family:var(--font-tit);font-size:40px;line-height:1;font-weight:800;color:var(--navy)}
.q-razones-l2 h3{font-size:24px;line-height:1.2;letter-spacing:-.015em;font-weight:700;margin:0 0 12px}
.q-razones-l2 p{margin:0 0 12px;font-size:17px;line-height:1.6;color:var(--muted);max-width:38em}
.q-razones-l2 p:last-child{margin-bottom:0}
.q-rumbo{background:var(--hero-bg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .q-num{color:var(--ink)}}
:root[data-theme="dark"] .q-num{color:var(--ink)}
@media (max-width:1100px){ .q-razones-g{grid-template-columns:1fr;gap:28px} .q-razones-l{position:static} }
@media (max-width:860px){ .q-razones{padding-block:56px} .q-razones-l2>li{grid-template-columns:36px minmax(0,1fr);gap:12px;padding-block:26px} .q-num{font-size:30px} .q-razones-l2 h3{font-size:21px} .q-razones-l2 p{font-size:16.5px} }

/* ================================================================ referidos (16 sep, estilo de la portada A) */
.r-hero{background:var(--hero-bg);padding-block:72px 80px}
.r-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.r-hero-t{display:flex;flex-direction:column;gap:16px;position:sticky;top:92px}
.r-hero h1{font-size:clamp(36px,4.3vw,60px);line-height:1.02;font-weight:800;letter-spacing:-.035em;color:var(--navy);margin-bottom:10px}
.r-hero-t p{margin:0;font-size:17.5px;line-height:1.6;color:var(--muted);max-width:34em}
.r-hero-t .grande{font-family:var(--font-tit);font-size:clamp(22px,2.3vw,30px);line-height:1.25;font-weight:700;color:var(--ink);letter-spacing:-.015em;max-width:20em}
.r-forma{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 2px rgba(15,42,74,.05),0 18px 40px -24px rgba(15,42,74,.3)}
.r-forma-t{font-family:var(--font-tit);font-size:21px;font-weight:700;letter-spacing:-.01em}
.r-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.r-acepto{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.r-acepto input{margin-top:3px;accent-color:var(--accent)}
.r-forma .btn{justify-content:center}
.r-como{background:var(--bg);padding-block:96px}
.r-como-g{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:64px;align-items:start}
.r-como-l{position:sticky;top:92px}
.r-paso .a-revisa{grid-template-columns:1fr}
.r-paso .a-revisa li{min-width:0}
.r-meses{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.r-meses i{font-style:normal;display:grid;place-items:center;height:34px;border-radius:7px;background:var(--ok-bg);color:var(--ok-fg);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}
.r-meses small{grid-column:1/-1;color:var(--muted);font-size:13px;margin-top:2px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .r-hero h1{color:var(--ink)}}
:root[data-theme="dark"] .r-hero h1{color:var(--ink)}
@media (max-width:1100px){ .r-hero-g,.r-como-g{grid-template-columns:1fr;gap:32px} .r-hero-t,.r-como-l{position:static} }
@media (max-width:860px){ .r-hero{padding-block:36px 48px} .r-como{padding-block:56px} .r-forma{padding:18px 16px} .r-dos{grid-template-columns:1fr} }
@media (max-width:860px){ .pie-pub .envase a{display:inline-flex;align-items:center;min-height:44px} }

/* ================================================================ conector para Odoo (18 sep) */
/* la entrada a la pagina desde "Se conecta con" (portada y Quienes somos). Alan: "aqui algo que se pueda abrir" */
.a-conecta-link{margin-top:10px;color:#FFFFFF;font-size:14.5px}
.a-conecta-link:hover{color:#FFFFFF}
.q-ver{margin-top:14px;font-size:14.5px}
.o-canales>div{grid-template-columns:140px minmax(0,1fr)}
.o-canales img{display:block;width:auto}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .o-canales img{filter:brightness(0) invert(1);opacity:.85}}
:root[data-theme="dark"] .o-canales img{filter:brightness(0) invert(1);opacity:.85}
.o-faq>li{grid-template-columns:minmax(0,1fr)}
.o-faq h3{font-size:21px}
@media (max-width:860px){ .o-canales>div{grid-template-columns:1fr;gap:8px} .o-faq>li{grid-template-columns:minmax(0,1fr)} .o-faq h3{font-size:19px} }


/* lo que el sitio real necesita y el prototipo no */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.r-legal{display:flex;flex-direction:column;gap:10px}
.r-aviso{margin:0;font-size:13px;line-height:1.55;color:var(--muted)}
.r-aviso a{color:var(--link)}
.aviso-info{background:var(--surface);color:var(--ink);border:1px solid var(--border)}
.a-lead .hp{display:none}