.olo { --azul:var(--marca-principal,#1F2CAA); --azul2:var(--marca-principal-2,#6670CF); --azul3:var(--marca-principal-3,#D7DAF3); --olivo:var(--marca-acento,#747438); --olivo2:var(--marca-acento-2,#B3B37A); --tinta:#14183D; --gris:#5B5F78; --linea:#E3E5F0; --panel:#F6F7FB;
  font-family:'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif; color:var(--tinta); background:#FFFFFF; font-style:normal;
  padding:0 0 48px; min-height:100%; }
.olo * { font-style:normal; box-sizing:border-box; }
.olo-head { background:var(--azul); color:#FFFFFF; padding:22px clamp(16px,4vw,40px) 0; }
.olo-head-row { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.olo-marca { font-weight:600; font-size:22px; letter-spacing:.32em; }
.olo-marca span { font-weight:400; letter-spacing:.12em; opacity:.8; font-size:14px; margin-left:10px; }
.olo-firma { font-size:12px; letter-spacing:.14em; text-transform:uppercase; opacity:.85; }
.olo-title { font-weight:500; font-size:clamp(26px,3.4vw,36px); margin:26px 0 6px; line-height:1.1; }
.olo-lead { margin:0; max-width:760px; font-size:16px; line-height:1.5; opacity:.92; }
.olo-lead b { font-weight:600; }
.olo-tabs { display:flex; gap:2px; margin-top:24px; overflow-x:auto; scrollbar-width:none; }
.olo-tab { appearance:none; border:0; background:transparent; color:#FFFFFF; opacity:.72; font:inherit; font-size:14px; font-weight:500; padding:12px 16px 14px; cursor:pointer; white-space:nowrap; border-bottom:3px solid transparent; display:flex; align-items:center; gap:8px; }
.olo-tab:hover { opacity:1; }
.olo-tab[aria-selected="true"] { opacity:1; border-bottom-color:#FFFFFF; }
.olo-dot { width:7px; height:7px; border-radius:50%; background:var(--olivo2); display:inline-block; }
.olo-tab.is-vacio .olo-dot { background:rgba(255,255,255,.35); }
.olo-body { padding:28px clamp(16px,4vw,40px) 0; }
.olo-sec > h2 { font-weight:500; font-size:22px; margin:0 0 4px; }
.olo-sec > .olo-bajada { color:var(--gris); margin:0 0 22px; font-size:15px; }
.olo-h3 { font-weight:500; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color:var(--gris); margin:34px 0 12px; }
.olo-kpis { display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:12px; }
.olo-kpi { border:1px solid var(--linea); border-radius:4px; padding:16px 16px 14px; background:#FFFFFF; border-top:3px solid var(--azul); }
.olo-kpi.is-ventas { border-top-color:var(--olivo); }
.olo-kpi-l { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris); }
.olo-kpi-v { display:block; font-weight:500; font-size:26px; margin-top:6px; font-variant-numeric:tabular-nums; line-height:1.15; }
.olo-kpi-n { font-size:12px; color:var(--gris); margin-top:4px; }
.olo-reads { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:12px; }
.olo-read { background:var(--panel); border-left:3px solid var(--olivo); padding:14px 16px; border-radius:0 4px 4px 0; }
.olo-read-l { font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--gris); }
.olo-read-v { display:block; font-weight:500; font-size:18px; margin-top:4px; }
.olo-read-v small { font-weight:400; font-size:14px; color:var(--gris); margin-left:6px; font-variant-numeric:tabular-nums; }
.olo-chart { position:relative; min-height:240px; border:1px solid var(--linea); border-radius:4px; padding:12px 8px 4px; }
.olo-chart svg { display:block; width:100%; overflow:visible; }
.olo-chart text { font-family:'Jost', system-ui, sans-serif; font-size:11px; fill:var(--gris); }
.olo-chart .olo-falla { color:var(--gris); font-size:14px; padding:90px 0; text-align:center; }
.olo-chart-top { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.olo-toggle { display:flex; gap:4px; }
.olo-toggle button { appearance:none; font:inherit; font-size:13px; border:1px solid var(--linea); background:#FFFFFF; color:var(--gris); padding:5px 12px; border-radius:4px; cursor:pointer; }
.olo-toggle button[aria-pressed="true"] { background:var(--azul); border-color:var(--azul); color:#FFFFFF; }
.olo-ley { display:flex; gap:16px; flex-wrap:wrap; font-size:13px; color:var(--gris); }
.olo-ley i { display:inline-block; width:10px; height:10px; margin-right:6px; vertical-align:-1px; }
.olo-ley .c-meta { background:var(--azul); } .olo-ley .c-google { background:var(--olivo); } .olo-ley .c-prog { background:var(--azul2); }
.olo-ley .c-cambio { width:2px; height:12px; background:var(--olivo); }
.olo-tip { position:absolute; pointer-events:none; background:#FFFFFF; border:1px solid var(--linea); box-shadow:0 6px 18px rgba(20,24,61,.12); border-radius:4px; padding:8px 10px; font-size:13px; line-height:1.4; max-width:260px; z-index:5; color:var(--tinta); }
.olo-tip b { font-weight:600; }
.olo-tip .t-g { color:var(--gris); }
.olo-tabla-w { overflow-x:auto; border:1px solid var(--linea); border-radius:4px; }
.olo-tabla { width:100%; border-collapse:collapse; font-size:14px; font-variant-numeric:tabular-nums; }
.olo-tabla th { text-align:right; font-weight:500; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--gris); padding:10px 12px; border-bottom:1px solid var(--linea); background:var(--panel); white-space:nowrap; }
.olo-tabla td { text-align:right; padding:10px 12px; border-bottom:1px solid var(--linea); white-space:nowrap; }
.olo-tabla th:first-child, .olo-tabla td:first-child { text-align:left; }
.olo-tabla td.t-wrap { white-space:normal; text-align:left; min-width:260px; }
.olo-tabla th.t-left { text-align:left; }
.olo-tabla tr:last-child td { border-bottom:0; }
.olo-bar { display:inline-block; height:6px; background:var(--azul); vertical-align:middle; margin-left:8px; }
.olo-vacio { border:1px dashed var(--azul3); border-radius:4px; padding:28px 20px; color:var(--gris); background:var(--panel); font-size:15px; }
.olo-vacio b { color:var(--tinta); font-weight:500; }
.olo-zona { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.olo-zona > div { border:1px solid var(--linea); border-top:3px solid var(--azul); border-radius:4px; padding:16px; }
.olo-zona > div.is-ventas { border-top-color:var(--olivo); }
.olo-zona h4 { margin:0 0 6px; font-weight:500; font-size:16px; }
.olo-zona p { margin:0; color:var(--gris); font-size:14px; line-height:1.5; }
.olo [data-dash-source-state=refreshing] { opacity:.5; }
@media (max-width:520px){ .olo-kpi-v { font-size:22px; } .olo-title { margin-top:18px; } }
.olo-dos { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px 32px; }
.olo-dos.is-ancho { grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); align-items:stretch; }
.olo-dos.is-ancho .olo-vacio { display:flex; align-items:center; }
.olo-dos.is-hitos { grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); align-items:start; }
.olo-toggles { display:flex; gap:12px; flex-wrap:wrap; }
.olo-torta { display:flex; align-items:center; gap:24px; flex-wrap:wrap; min-height:170px; }
.olo-torta-svg { width:168px; height:168px; flex:0 0 168px; }
.olo-torta .olo-falla { color:var(--gris); font-size:14px; padding:20px 0; }
.olo-torta-ley { list-style:none; margin:0; padding:0; display:grid; gap:10px; min-width:180px; flex:1; }
.olo-torta-ley li { display:grid; grid-template-columns:12px 1fr auto; column-gap:10px; align-items:baseline; font-size:15px; }
.olo-torta-ley i { width:12px; height:12px; display:inline-block; }
.olo-torta-ley b { font-weight:600; font-variant-numeric:tabular-nums; }
.olo-torta-ley small { grid-column:2 / 4; color:var(--gris); font-size:13px; font-variant-numeric:tabular-nums; }
.olo-hitos { list-style:none; margin:0; padding:0 0 0 0; position:relative; }
.olo-hitos li { display:grid; grid-template-columns:56px 1fr; gap:16px; padding:0 0 22px; position:relative; }
.olo-hitos li::before { content:""; position:absolute; left:66px; top:6px; width:9px; height:9px; background:var(--olivo); }
.olo-hitos li::after { content:""; position:absolute; left:70px; top:16px; bottom:0; width:1px; background:var(--linea); }
.olo-hitos li:last-child::after { display:none; }
.olo-hito-f { font-weight:500; font-variant-numeric:tabular-nums; color:var(--azul); font-size:15px; }
.olo-hito-t { padding-left:20px; }
.olo-hito-t b { display:block; font-weight:500; font-size:15px; line-height:1.4; }
.olo-hito-t span { display:block; color:var(--gris); font-size:13px; margin-top:2px; }
.olo-phone { width:min(300px,100%); margin:0 auto; background:#14183D; border-radius:40px; padding:12px; box-shadow:0 18px 40px rgba(20,24,61,.18); }
.olo-phone-pantalla { background:#FFFFFF; border-radius:30px; overflow:hidden; padding-bottom:14px; }
.olo-ig-top { height:30px; display:flex; align-items:center; padding:0 22px; font-size:12px; font-weight:600; color:#111; }
.olo-ig-head { display:flex; align-items:center; gap:10px; padding:8px 12px; }
.olo-ig-head b { display:block; font-size:13px; font-weight:600; color:#111; }
.olo-ig-head small { display:block; font-size:11px; color:#555; }
.olo-ig-av { width:32px; height:32px; border-radius:50%; background:var(--azul); color:#FFFFFF; font-size:9px; font-weight:600; letter-spacing:.08em; display:flex; align-items:center; justify-content:center; flex:0 0 32px; }
.olo-ig-mas { margin-left:auto; color:#111; letter-spacing:1px; }
.olo-kv { width:100%; aspect-ratio:4 / 5; background-size:cover; background-position:center; background-color:#F2D6B8; }
.olo-ig-acciones { display:flex; gap:14px; padding:10px 12px 4px; }
.olo-ig-acciones svg { width:22px; height:22px; fill:none; stroke:#111; stroke-width:1.6; stroke-linejoin:round; }
.olo-ig-acciones .olo-ig-guardar { margin-left:auto; }
.olo-ig-caption { margin:4px 12px 0; font-size:13px; color:#111; line-height:1.4; }
.olo-ig-caption b { font-weight:600; margin-right:4px; }

.olo-kpis.is-trp { grid-template-columns:1fr; align-content:start; }

.olo-head-row { align-items:flex-start; }
.olo-firma { display:flex; align-items:center; gap:10px; }
.olo-firma span { font-size:11px; letter-spacing:.18em; text-transform:uppercase; opacity:.8; }

.olo-kpis { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }
.olo-kpi { container-type:inline-size; min-width:0; }
.olo-kpi-v { font-size:22px; font-size:min(26px, 15cqi); white-space:nowrap; overflow:hidden; text-overflow:clip; }
@media (max-width:520px){ .olo-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@font-face{font-family:'Manrope';src:url(/sentry-app/assets/fuentes/manrope.woff2) format('woff2');font-weight:200 800;font-style:normal;font-display:swap;}
@font-face{font-family:'Jost';src:url(/sentry-app/assets/fuentes/jost.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:swap;}
*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#FFFFFF;}
body{font-family:'Jost',system-ui,-apple-system,'Segoe UI',sans-serif;color:#14183D;}
[hidden]{display:none !important;}
.olo-logo-cliente{height:86px;width:auto;display:block;}
img.olo-logo-vilkas{width:92px;height:auto;display:block;}
.olo-salir{appearance:none;border:1px solid rgba(255,255,255,.45);background:transparent;color:#FFFFFF;font:inherit;font-size:12px;letter-spacing:.08em;padding:5px 12px;border-radius:4px;cursor:pointer;margin-left:6px;}
.olo-salir:hover{background:rgba(255,255,255,.14);}
.olo-actualizado{margin:10px 0 0;font-size:13px;opacity:.75;}
img.olo-ig-av{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:0 0 32px;background:#EEE;}
img.olo-kv{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block;background:#F2D6B8;}
.sr-centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#F6F5FB;}
.sr-card{width:min(400px,100%);background:#FFFFFF;border:1px solid #E6E3F2;border-radius:10px;padding:32px 28px;box-shadow:0 18px 44px rgba(28,16,64,.08);}
.sr-chip{display:inline-flex;align-items:center;background:#0C0914;border-radius:8px;padding:10px 14px;}
.sr-chip img{height:20px;width:auto;display:block;}
.sr-card h1{font-weight:600;font-size:24px;margin:22px 0 4px;color:#14112B;}
.sr-card p.sr-sub{margin:0 0 22px;color:#5F5A78;font-size:15px;}
.sr-campo{display:block;margin:0 0 14px;}
.sr-campo span{display:block;font-size:13px;color:#5F5A78;margin-bottom:6px;}
.sr-campo input{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #D5D1E6;border-radius:6px;background:#FFFFFF;color:#14112B;}
.sr-campo input:focus{outline:2px solid #7C3AED;outline-offset:1px;border-color:#7C3AED;}
.sr-boton{width:100%;appearance:none;border:0;border-radius:6px;background:#7C3AED;color:#FFFFFF;font:inherit;font-size:16px;font-weight:600;padding:12px;cursor:pointer;margin-top:6px;}
.sr-boton:disabled{opacity:.6;cursor:default;}
.sr-error{color:#B42318;font-size:14px;margin:14px 0 0;min-height:20px;}
.sr-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.sr-lista button{width:100%;text-align:left;appearance:none;border:1px solid #D5D1E6;background:#FFFFFF;border-radius:6px;padding:12px 14px;font:inherit;font-size:16px;cursor:pointer;color:#14112B;}
.sr-lista button:hover{border-color:#7C3AED;}
.sr-enlace{appearance:none;border:0;background:none;color:#5F5A78;font:inherit;font-size:14px;text-decoration:underline;cursor:pointer;margin-top:16px;padding:0;}
@media (max-width:520px){.olo-logo-cliente{height:68px;} img.olo-logo-vilkas{width:74px;}}

.sr-centro{background:#F6F5FA;font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;}
.sr-card{border-color:#E3E0EE;border-radius:12px;box-shadow:none;}
.sr-logo{height:24px;width:auto;display:block;}
.sr-card h1{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;}
.sr-lista button{font-family:'Manrope',system-ui,sans-serif;font-weight:600;border-color:#E3E0EE;}
.sr-lista button:hover{border-color:#6E2BD0;}