/* LLOG Manuales 1.5.1 — prefijo .llogman — mismo lenguaje visual que llog-guias */
.llogman{--lm-acento:#c8102e;--lm-cols:3;--lm-ratio:16/9;--lm-gap:22px;--lm-radio:14px;--lm-tinta:#1c1c1e;--lm-gris:#6b6b70;--lm-borde:#e6e6ea;--lm-fondo:#f5f5f7;font-size:16px;line-height:1.4;color:var(--lm-tinta);box-sizing:border-box;min-width:0;max-width:100%}
.llogman [hidden]{display:none!important}
.llogman *,.llogman *::before,.llogman *::after{box-sizing:border-box}
.llogman button{font:inherit;color:inherit;cursor:pointer}

/* Barra: buscador + filtros */
.llogman-barra{display:flex;flex-direction:column;gap:14px;margin:0 0 26px}
.llogman-buscar{display:flex;align-items:center;gap:10px;max-width:520px;padding:0 14px;height:48px;border:1.5px solid var(--lm-borde);border-radius:999px;background:#fff;color:var(--lm-gris);transition:border-color .15s,box-shadow .15s}
.llogman-buscar svg{width:18px;height:18px;flex:none}
.llogman-buscar:focus-within{border-color:var(--lm-acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--lm-acento) 15%,transparent)}
.llogman-buscar input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font:inherit;font-size:16px;color:var(--lm-tinta)}
.llogman-buscar input::-webkit-search-cancel-button{display:none}
.llogman-filtros{display:flex;flex-direction:column;gap:10px}
.llogman-fila{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.llogman-chips{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
.llogman-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid var(--lm-borde);background:#fff;font-size:14px;line-height:1;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}
.llogman-chip b{font-weight:700;letter-spacing:.02em}
.llogman-chip:hover{border-color:var(--lm-acento);color:var(--lm-acento)}
.llogman-chip.es-activo{background:var(--lm-acento);border-color:var(--lm-acento);color:#fff}
.llogman-chip:focus-visible{outline:2px solid var(--lm-acento);outline-offset:2px}
.llogman-chips--tecnica{padding-left:12px;border-left:3px solid var(--lm-acento)}
.llogman-chip--sub{height:32px;font-size:13px;background:var(--lm-fondo);border-color:transparent}
.llogman-chip--sub.es-activo{background:var(--lm-tinta);border-color:var(--lm-tinta)}
.llogman-chip:not(.es-activo) .llogman-ico--chip{color:var(--lm-met,var(--lm-acento))}
.llogman-orden{height:36px;padding:0 34px 0 14px;border:1.5px solid var(--lm-borde);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6' fill='none' stroke='%231c1c1e' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center/16px;-webkit-appearance:none;appearance:none;font:inherit;font-size:14px;color:var(--lm-tinta);cursor:pointer;margin-left:auto}
.llogman-orden:focus{outline:2px solid var(--lm-acento);outline-offset:2px}

/* Icono como máscara: toma el color del texto */
.llogman-ico{display:inline-block;width:24px;height:24px;flex:none;background-color:currentColor;-webkit-mask-image:var(--llogman-ico);mask-image:var(--llogman-ico);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}
.llogman-ico--chip{width:18px;height:18px;margin-right:2px}
.llogman-ico--sm{width:18px;height:18px;vertical-align:middle}
.llogman-ico--badge{width:26px;height:26px}
.llogman-ico--grande{width:42%;height:42%;color:#fff;opacity:.92}
.llogman-ico--btn{width:22px;height:22px}

/* Grid */
.llogman-marco{position:relative;min-width:0}
.llogman-v-grid .llogman-lista{display:grid;grid-template-columns:repeat(var(--lm-cols),minmax(0,1fr));gap:var(--lm-gap);min-width:0}
@media (max-width:1024px){.llogman-v-grid .llogman-lista{grid-template-columns:repeat(min(var(--lm-cols),3),minmax(0,1fr))}}
@media (max-width:768px){.llogman-v-grid .llogman-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:420px){.llogman-v-grid .llogman-lista{grid-template-columns:1fr}}
.llogman-grupo{grid-column:1/-1;margin:14px 0 0;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--lm-gris)}
.llogman-grupo:first-child{margin-top:0}

/* Tarjeta */
.llogman-item{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;border-radius:var(--lm-radio);overflow:hidden;border:1px solid var(--lm-borde);transition:transform .18s,box-shadow .18s,border-color .18s}
.llogman-item:hover{transform:translateY(-3px);box-shadow:0 14px 30px -14px rgba(0,0,0,.28);border-color:transparent}
.llogman-enlace{display:flex;flex-direction:column;flex:1;text-decoration:none!important;color:inherit!important}
.llogman-media{position:relative;aspect-ratio:var(--lm-ratio);background:var(--lm-fondo);overflow:hidden}
.llogman-media img{width:100%!important;height:100%!important;object-fit:cover;display:block;margin:0!important;border-radius:0!important;transition:transform .35s}
.llogman-item:hover .llogman-media img{transform:scale(1.04)}
.llogman-sinimg{width:100%;height:100%;display:grid;place-items:center;background:var(--lm-met,var(--lm-acento));background-image:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.12))}
.llogman-sinimg span{font-size:clamp(28px,6vw,44px);font-weight:800;letter-spacing:.04em;color:rgba(255,255,255,.55)}
.llogman-badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px 5px 7px;background:rgba(255,255,255,.96);border-radius:9px;box-shadow:0 2px 10px rgba(0,0,0,.14);font-size:13px;line-height:1;backdrop-filter:blur(4px);color:var(--lm-met,var(--lm-acento))}
.llogman-badge.tiene-icono{padding:6px;border-radius:10px}
.llogman-badge b{font-weight:800;letter-spacing:.03em}
.llogman-badge i{font-style:normal;color:var(--lm-gris);padding-left:7px;border-left:1px solid var(--lm-borde);font-weight:600}
.llogman-tipo{position:absolute;top:12px;right:12px;padding:4px 9px;border-radius:6px;background:rgba(28,28,30,.78);color:#fff;font-size:11.5px;font-weight:600;line-height:1;letter-spacing:.02em}
.llogman-cuerpo{display:flex;flex-direction:column;gap:8px;padding:14px 16px 8px;flex:1}
.llogman-titulo{margin:0!important;padding:0!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;color:var(--lm-tinta)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.llogman-sub{margin:0!important;font-size:13px;color:var(--lm-gris)}
.llogman-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;color:var(--lm-acento);font-weight:600;font-size:14px}
.llogman-cta svg{transition:transform .18s}
.llogman-item:hover .llogman-cta svg{transform:translateX(4px)}
.llogman-acciones{display:flex;justify-content:flex-end;gap:2px;padding:0 8px 8px;position:relative}
.llogman-ic{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:10px;color:var(--lm-tinta);cursor:pointer;text-decoration:none!important;padding:0}
.llogman-ic:hover{background:var(--lm-fondo);color:var(--lm-acento)}
.llogman-ic:focus-visible{outline:2px solid var(--lm-acento)}
.llogman-ic svg{width:22px;height:22px}
.llogman-off svg{display:none}
.llogman-off[data-estado="no"] .llogman-off-a{display:block}
.llogman-off[data-estado="si"] .llogman-off-b{display:block;color:var(--lm-acento)}
.llogman-off[data-estado="bajando"] .llogman-off-c{display:block;animation:llogman-giro .9s linear infinite}
@keyframes llogman-giro{to{transform:rotate(360deg)}}

/* Lista */
.llogman-v-lista .llogman-lista{display:flex;flex-direction:column;gap:14px}
.llogman-v-lista .llogman-item{flex-direction:row;align-items:stretch}
.llogman-v-lista .llogman-enlace{flex-direction:row;align-items:stretch}
.llogman-v-lista .llogman-media{flex:0 0 min(38%,300px);aspect-ratio:var(--lm-ratio)}
.llogman-v-lista .llogman-cuerpo{padding:18px 20px;justify-content:center}
.llogman-v-lista .llogman-titulo{font-size:19px!important;-webkit-line-clamp:2}
.llogman-v-lista .llogman-acciones{flex-direction:column;justify-content:center;padding:8px 10px 8px 0}
.llogman-v-lista .llogman-grupo{margin-top:12px}
@media (max-width:560px){.llogman-v-lista .llogman-media{flex-basis:42%}.llogman-v-lista .llogman-cuerpo{padding:12px 14px}.llogman-v-lista .llogman-titulo{font-size:15px!important}.llogman-v-lista .llogman-badge{transform:scale(.85);transform-origin:left bottom}.llogman-v-lista .llogman-cta{display:none}}

/* Carrusel */
.llogman-v-carrusel .llogman-lista{display:flex;gap:var(--lm-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0}
.llogman-v-carrusel .llogman-lista::-webkit-scrollbar{display:none}
.llogman-v-carrusel .llogman-item{flex:0 0 calc((100% - var(--lm-gap) * (var(--lm-cols) - 1)) / var(--lm-cols));scroll-snap-align:start}
@media (max-width:1024px){.llogman-v-carrusel .llogman-item{flex-basis:calc((100% - var(--lm-gap) * 2) / 3)}}
@media (max-width:768px){.llogman-v-carrusel .llogman-lista{gap:14px}.llogman-v-carrusel .llogman-item{flex-basis:calc((100% - 14px) / 2)}}
@media (max-width:420px){.llogman-v-carrusel .llogman-item{flex-basis:84%}}
.llogman-flecha{position:absolute;top:50%;z-index:2;width:44px;height:44px;margin-top:-30px;border-radius:50%;border:0;background:#fff;color:var(--lm-tinta);box-shadow:0 4px 16px rgba(0,0,0,.18);display:grid;place-items:center;transition:opacity .15s,background .15s;padding:0}
.llogman-flecha svg{width:22px;height:22px}
.llogman-flecha:hover{background:var(--lm-acento);color:#fff}
.llogman-prev{left:6px}.llogman-next{right:6px}
.llogman-flecha[disabled]{opacity:0;pointer-events:none}
.llogman-puntos{display:flex;justify-content:center;gap:6px;margin-top:4px;min-height:8px}
.llogman-puntos i{width:7px;height:7px;border-radius:50%;background:var(--lm-borde);transition:background .2s,width .2s}
.llogman-puntos i.on{background:var(--lm-acento);width:18px;border-radius:4px}
@media (hover:none){.llogman-flecha{display:none}}

/* Paginación */
.llogman-pag{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:28px}
.llogman-pag button{min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1.5px solid var(--lm-borde);background:#fff;font-size:14px;font-weight:600}
.llogman-pag button:hover:not([disabled]){border-color:var(--lm-acento);color:var(--lm-acento)}
.llogman-pag button[aria-current="page"]{background:var(--lm-tinta);border-color:var(--lm-tinta);color:#fff}
.llogman-pag button[disabled]{opacity:.4;cursor:default}
.llogman-pag span{padding:0 4px;color:var(--lm-gris)}

/* Vacío */
.llogman-vacio{padding:48px 20px;text-align:center;background:var(--lm-fondo);border-radius:var(--lm-radio);color:var(--lm-gris)}
.llogman-vacio p{margin:0 0 14px;font-size:16px}
.llogman-reset{border:0;background:var(--lm-acento);color:#fff;padding:10px 20px;border-radius:999px;font-weight:600}
.llogman-vacio:empty,.llogman-vacio p:empty+.llogman-reset{display:none}
.llogman-aviso{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--lm-tinta,#1c1c1e);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:99999;max-width:90vw;box-shadow:0 8px 24px rgba(0,0,0,.25)}
@media (prefers-reduced-motion:reduce){.llogman *{transition:none!important}.llogman-v-carrusel .llogman-lista{scroll-behavior:auto}}

/* Botón en página de producto */
.llogman-botones{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.llogman-boton-fila{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.llogman-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 12px 14px;border-radius:999px;background:#1c1c1e;color:#fff!important;text-decoration:none!important;font-weight:600;font-size:15px;line-height:1.2;border:0;max-width:100%}
.llogman-btn .llogman-ico,.llogman-btn svg{width:22px;height:22px;flex:none;color:#fff}
.llogman-btn small{font-weight:500;font-size:12px;opacity:.7;margin-left:4px;white-space:nowrap}
.llogman-btn:hover{background:var(--lm-met,#c8102e)}
.llogman-btn:focus-visible{outline:2px solid #1c1c1e;outline-offset:2px}
.llogman-btn-dl{font-size:13px;color:#6b6b70;text-decoration:underline;text-underline-offset:3px}
.llogman-btn-dl:hover{color:#c8102e}
.llogman-botones.es-enlace .llogman-btn{background:transparent;color:#1c1c1e!important;padding:6px 0;border-radius:0;text-decoration:underline!important;text-underline-offset:3px}
.llogman-botones.es-enlace .llogman-btn .llogman-ico{color:var(--lm-met,#c8102e)}
.llogman-botones.es-enlace .llogman-btn:hover{color:#c8102e!important}

/* ---- Tooltips de los botones ---- */
.llogman-ic[data-tip]{position:relative}
.llogman-ic[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);right:0;background:var(--lm-tinta);color:#fff;font-size:12px;line-height:1.3;padding:6px 9px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:5}
.llogman-ic[data-tip]:hover::after,.llogman-ic[data-tip]:focus-visible::after{opacity:1;transform:translateY(0)}
.llogman-acciones{position:relative}
@media (hover:none){.llogman-ic[data-tip]::after{display:none}}

/* ---- Visor integrado ---- */
.llogman-visor-abierto,.llogman-visor-abierto body{overflow:hidden!important}
.llogman-visor{position:fixed;inset:0;z-index:2147483000;background:#1c1c20;display:flex;flex-direction:column;color:#fff}
.llogman-visor[hidden]{display:none}
.llogman-visor-bar{flex:none;display:flex;align-items:center;gap:2px;height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0;background:#111114;border-bottom:1px solid #2a2a30}
.llogman-visor-tit{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:0 6px;line-height:1.2}
.llogman-visor-tit b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llogman-visor-pag{font-size:12px;color:#9a9aa4;font-variant-numeric:tabular-nums}
.llogman-visor-ic{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;border-radius:12px;cursor:pointer;padding:0;text-decoration:none;flex:none}
.llogman-visor-ic:hover{background:#2a2a30}
.llogman-visor-ic svg{width:22px;height:22px}
.llogman-visor-prog{flex:none;height:3px;background:#2a2a30}
.llogman-visor-prog[hidden]{display:none}
.llogman-visor-prog i{display:block;height:100%;width:2%;background:#d81f26;transition:width .2s}
.llogman-visor-msg{padding:40px 24px;text-align:center;color:#ddd;font-size:15px}
.llogman-visor-scroll{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:8px 8px calc(24px + env(safe-area-inset-bottom));touch-action:pan-x pan-y}
.llogman-visor-paginas{margin:0 auto;display:flex;flex-direction:column;gap:10px}
.llogman-visor-pagina{background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.4);position:relative}
.llogman-visor-pagina canvas{display:block}