/* Capa visual Bendito sobre el workspace de Jonas. Va después de workspace.css y growth.css.
   Colores: bendito-tema-colores.css (generado). Tipografía: Poppins + Lora itálica, como en las redes de Bendito. */
@font-face{font-family:"Poppins";src:url(fuentes/Poppins-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url(fuentes/Poppins-Medium.ttf) format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Poppins";src:url(fuentes/Poppins-Bold.ttf) format("truetype");font-weight:600 800;font-display:swap}
@font-face{font-family:"Lora";src:url(fuentes/Lora-Italic-Variable.ttf) format("truetype");font-weight:400 700;font-style:italic;font-display:swap}

:root{--b-rojo:#c2301f;--b-ok:#2f7a45;--b-ok-suave:#e2f2e6;--b-alerta:#8f5b00;--b-alerta-suave:#fbefd6;--b-crit:#9e1c2c;--b-crit-suave:#fbe1e4;
  --b-serif:"Lora",Georgia,serif;--b-sans:"Poppins","Helvetica Neue",Arial,sans-serif;
  font-family:var(--b-sans);--shadow:0 1px 2px #1412120f,0 2px 6px #14121210}
:root[data-tema="oscuro"]{--b-rojo:#f26a55;--b-ok:#6ccb8a;--b-ok-suave:#12301b;--b-alerta:#f0b84a;--b-alerta-suave:#3a2a0a;--b-crit:#ff8a96;--b-crit-suave:#3d1218;--shadow:0 1px 3px #00000080}
body{background:var(--paper)}

/* Tipografía: títulos en Poppins firme, la voz de la casa en Lora itálica. */
h1{font-weight:700;letter-spacing:-.04em}
h2{font-weight:600;letter-spacing:-.02em}
h3,strong,b{font-weight:600}
.page-head .eyebrow,.bl-pre{font-family:var(--b-serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;font-size:16px;color:var(--b-rojo)}
.brand{font-weight:700;letter-spacing:-.04em}
.brand small{font-family:var(--b-serif);font-style:italic;letter-spacing:0}
.stat strong,.money-wrap,.be-linea b,.be-row span:last-child{font-variant-numeric:tabular-nums}
/* Una sola acción principal por vista, en tinta (la guía: aprobar nunca es rojo). */
.button.primary{background:var(--b-tinta);border-color:var(--b-tinta);color:var(--b-superficie)}
.button.primary:hover{background:var(--b-tintaSuave);border-color:var(--b-tintaSuave)}
:focus-visible{outline-color:var(--b-rojo)!important}
.sidebar nav a.active{box-shadow:inset 3px 0 0 var(--b-rojo);font-weight:600}

/* Botón de modo claro / oscuro */
.bendito-tema svg{width:19px;height:19px}

/* ---------- Panel "Por aprobar" de Loreto ---------- */
.bendito-loreto{border-color:var(--b-fuerte)}
.bendito-loreto .card-head{align-items:flex-start;gap:16px;flex-wrap:wrap}
.bendito-loreto h2{margin-bottom:6px;display:flex;align-items:center;gap:10px}
.bl-pre{margin:0 0 2px}
.bl-total{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:99px;background:var(--b-tinta);color:var(--b-superficie);font-size:14px;font-weight:600}
.bl-resumen{display:flex;gap:8px;flex-wrap:wrap}
.bl-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;padding:6px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface)}
.bl-chip i{width:9px;height:9px;border-radius:50%;background:currentColor}
.bl-fila{display:grid;grid-template-columns:14px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}
.bl-luz{width:14px;height:14px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 4px var(--luz-suave)}
.bl-rojo{--luz:var(--b-crit);--luz-suave:var(--b-crit-suave)}
.bl-ambar{--luz:var(--b-alerta);--luz-suave:var(--b-alerta-suave)}
.bl-verde{--luz:var(--b-ok);--luz-suave:var(--b-ok-suave)}
.bl-gris{--luz:var(--b-medio);--luz-suave:var(--b-suave)}
.bl-chip.bl-rojo,.bl-chip.bl-ambar,.bl-chip.bl-verde{color:var(--luz);background:var(--luz-suave);border-color:transparent}
.bl-texto{display:flex;flex-direction:column;gap:2px;min-width:0}
.bl-estado{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--luz)}
.bl-texto strong{font-size:15px;line-height:1.35}
.bl-texto small{color:var(--muted)}
.bl-acciones{display:flex;gap:8px;align-items:center}
.bl-acciones .button{min-height:40px;padding:8px 13px}
.bl-acciones svg{width:17px;height:17px}
.bl-si{background:var(--b-ok-suave);border-color:transparent;color:var(--b-ok)}
.bl-si:hover{background:var(--b-ok);color:var(--b-superficie)}
.bl-no{background:transparent;color:var(--b-tintaSuave)}
.bl-no:hover{background:var(--b-crit-suave);color:var(--b-crit);border-color:transparent}
@media(max-width:760px){.bl-fila{grid-template-columns:14px 1fr}.bl-acciones{grid-column:2;flex-wrap:wrap}.bl-acciones .button span{display:inline}}

/* ---------- Evento con página pública: extras y reparto ---------- */
.tag-simulado{display:inline-block;vertical-align:middle;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:var(--b-ambarSuave);color:var(--b-ambar);margin-left:6px}
.be-tabla{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.be-cab,.be-row{display:grid;grid-template-columns:1.6fr 1.2fr .5fr .9fr;gap:10px;padding:10px 14px;align-items:center}
.be-cab{background:var(--b-suave);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.be-row{border-top:1px solid var(--line);font-size:13px}
.be-row small{display:block;color:var(--muted)}
.be-row span:nth-child(3),.be-row span:nth-child(4),.be-cab span:nth-child(3),.be-cab span:nth-child(4){text-align:right}
.be-row.total{font-weight:600;background:var(--b-fondo)}
.be-nota{font-size:12px;margin:0}
.be-reparto{border:1px solid var(--line);border-radius:12px;padding:6px 16px}
.be-linea{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.be-linea:first-child{border-top:0}
.be-linea.fuerte{font-weight:600;font-size:14px}
.be-barra{display:flex;height:8px;border-radius:99px;overflow:hidden;margin:8px 0 4px;gap:2px}
.be-barra i:nth-child(1){background:var(--b-tinta)}.be-barra i:nth-child(2){background:var(--b-rojo)}.be-barra i:nth-child(3){background:var(--b-fuerte)}
@media(max-width:600px){.be-cab,.be-row{grid-template-columns:1.4fr 1fr .5fr .9fr;padding:9px 10px;font-size:12px}}

/* Vista del evento en tamaño celular */
.bendito-telefono{width:min(390px,100%);height:min(800px,calc(100vh - 220px));min-height:560px;margin:0 auto;border-radius:40px;padding:10px;background:#0a0908;box-shadow:0 20px 60px #0000004d}
.bendito-telefono iframe{width:100%;height:100%;border:0;border-radius:31px;background:#080706}
.be-equilibrio{margin:6px 0 10px;padding:10px 12px;border-radius:10px;background:var(--b-suave);font-size:13px;font-weight:500}

/* ---------- v6.1 · Auditoría para Loreto ---------- */
/* Tareas: el texto nunca se aplasta en columna (antes se leía letra por letra). */
.list-row{flex-wrap:wrap}
.list-row>div:first-child{flex:1 1 220px;min-width:min(220px,100%)}
.list-row>.chips{flex:0 1 auto;justify-content:flex-start}
.grid-three .list-row>.chips{flex-basis:100%}
.grid-three .list-row>div:first-child strong,.list-row>div:first-child strong{overflow-wrap:normal;word-break:normal}
/* Estados con color: aprobado verde, rechazado rojo, pendiente ámbar. */
.badge.success{background:var(--b-ok-suave);color:var(--b-ok);font-weight:600}
.badge.success::before{content:"✓ "}
.badge.danger{background:var(--b-crit-suave);color:var(--b-crit);font-weight:600}
.badge.danger::before{content:"✕ "}
/* Calendario: cada evento con su nombre y hora, no solo un número. */
.calendar-cell{min-height:86px!important;gap:4px}
.cal-ev{display:block;width:100%;text-align:left;font-size:11px;line-height:1.3;padding:4px 6px;border-radius:6px;background:var(--b-suave2);color:var(--b-tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--b-medio)}
.cal-ev b{font-weight:600}
.cal-ev.ev-ok{background:var(--b-ok-suave);border-left-color:var(--b-ok)}
.cal-ev.ev-pend{background:var(--b-alerta-suave);border-left-color:var(--b-alerta)}
.calendar-cell.selected .cal-ev{color:var(--b-tinta)}
@media(max-width:760px){.cal-ev{font-size:0;padding:0;height:6px;border-left-width:0;background:var(--b-medio)}.cal-ev.ev-ok{background:var(--b-ok)}.cal-ev.ev-pend{background:var(--b-alerta)}.calendar-cell{min-height:58px!important}}
/* Campana de notificaciones */
.bendito-campana{position:relative}
.bendito-campana svg{width:19px;height:19px}
.bc-num{position:absolute;top:-4px;right:-4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--b-rojo);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;line-height:1}
.ba-lista{display:flex;flex-direction:column;gap:6px;max-height:min(62vh,560px);overflow:auto;margin:0 -4px;padding:0 4px}
.ba-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:11px 12px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--surface)}
.ba-item:hover{border-color:var(--b-fuerte)}
.ba-item.nuevo{box-shadow:inset 3px 0 0 var(--b-rojo)}
.ba-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--b-suave);color:var(--b-tintaSuave)}
.ba-rojo .ba-ico{background:var(--b-crit-suave);color:var(--b-crit)}
.ba-ambar .ba-ico{background:var(--b-alerta-suave);color:var(--b-alerta)}
.ba-verde .ba-ico{background:var(--b-ok-suave);color:var(--b-ok)}
.ba-rechazo .ba-ico{background:var(--b-crit-suave);color:var(--b-crit)}
.ba-txt{font-size:13.5px;line-height:1.4;font-weight:500}
.ba-txt small{display:block;color:var(--muted);font-weight:400;margin-top:2px}
/* Ya decidiste */
.bl-decididas{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.bl-decididas h3{width:100%;margin:0 0 2px;font-size:13px;color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.bl-hecha{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border-radius:99px;text-decoration:none;font-size:12.5px;color:var(--ink);border:1px solid var(--line)}
.bl-sello{font-weight:700;font-size:11px;padding:3px 8px;border-radius:99px}
.bl-hecha.ok{background:var(--b-ok-suave);border-color:transparent}.bl-hecha.ok .bl-sello{background:var(--b-ok);color:var(--b-superficie)}
.bl-hecha.no{background:var(--b-crit-suave);border-color:transparent}.bl-hecha.no .bl-sello{background:var(--b-crit);color:var(--b-superficie)}
/* Próximos eventos */
.be-prox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.be-prox{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:14px;border-radius:14px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:var(--surface)}
.be-prox:hover{border-color:var(--b-fuerte)}
.be-fecha{border-radius:12px;background:var(--b-tinta);color:var(--b-superficie);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0;height:68px}
.be-fecha b{font-size:28px;line-height:1;font-weight:700}.be-fecha span{font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.be-prox-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.be-prox-txt strong{font-size:16px;line-height:1.25}
.be-prox-txt small{color:var(--muted)}
.be-estado{align-self:flex-start;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:var(--b-suave);color:var(--b-tintaSuave)}
.ev-ok .be-estado{background:var(--b-ok-suave);color:var(--b-ok)}
.ev-pend .be-estado{background:var(--b-alerta-suave);color:var(--b-alerta)}
.be-mini{height:6px;border-radius:99px;background:var(--b-suave2);overflow:hidden;margin-top:6px}
.be-mini i{display:block;height:100%;background:var(--b-tinta);border-radius:99px}
.be-mini.ok i{background:var(--b-ok)}.be-mini.alerta i{background:var(--b-alerta)}
/* Proyección de ingresos */
.bp-ev{border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.bp-cab{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.bp-cab strong{display:block;font-size:16px}.bp-cab small{color:var(--muted)}
.bp-fecha{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--b-rojo);margin-bottom:2px}
.bp-ok{font-size:12px;font-weight:600;color:var(--b-ok);background:var(--b-ok-suave);padding:7px 12px;border-radius:99px}
.bp-cifras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bp-cifras div{background:var(--b-fondo);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.bp-cifras span{font-size:11.5px;color:var(--muted)}.bp-cifras b{font-size:17px;font-variant-numeric:tabular-nums}
.bp-cifras .casa{background:var(--b-ok-suave)}.bp-cifras .casa b{color:var(--b-ok)}
@media(max-width:760px){.bp-cifras{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Passline o Bendito */
.bc-tabla{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.bc-cab,.bc-fila{display:grid;grid-template-columns:1fr 1fr}
.bc-cab span{padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bc-cab span:first-child{background:var(--b-suave);color:var(--muted)}.bc-cab span:last-child{background:var(--b-tinta);color:var(--b-superficie)}
.bc-fila span{padding:11px 14px;border-top:1px solid var(--line);font-size:13px;line-height:1.45}
.bc-p{color:var(--muted)}.bc-b{font-weight:500;background:color-mix(in srgb,var(--b-ok-suave) 55%,transparent)}
.bc-b::before{content:"✓ ";color:var(--b-ok);font-weight:700}
@media(max-width:600px){.bc-fila span,.bc-cab span{padding:9px 10px;font-size:12px}}
.be-equilibrio.alerta{background:var(--b-alerta-suave);color:var(--b-alerta)}
@media(max-width:600px){.mobile-brand{font-size:0;gap:0}.bl-acciones{flex-wrap:nowrap;gap:6px}.bl-acciones .button{padding:8px 10px;min-height:38px}.bl-acciones .button.quiet{padding:8px 6px}}