/* inicio.css — Estilos de la página de Inicio (dashboard común).
   Antes vivía inyectado en JS (pages/inicio.js); ahora es CSS de verdad. */

.inicio-root{display:flex;flex-direction:column;gap:20px;}
.ini-banner{position:relative;width:100%;border-radius:16px;overflow:hidden;
background:#0a0a0a;
border:1px solid rgba(255,255,255,.08);padding:clamp(24px,3vw,44px);
min-height:clamp(140px,18vw,220px);
display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
box-shadow:none;}
.ini-banner-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
object-position:center 50%;z-index:0;pointer-events:none;opacity:.7;}
.ini-banner-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.25) 100%);}
.ini-banner h1,.ini-banner p{position:relative;z-index:2;}
.ini-banner h1{text-shadow:0 2px 16px rgba(0,0,0,.6);}
.ini-banner h1{font-family:var(--f-display);font-size:clamp(38px,5vw,68px);font-weight:400;
letter-spacing:.04em;line-height:.95;}
.ini-banner p{color:var(--txt2);font-size:clamp(12px,1.1vw,15px);letter-spacing:.12em;
text-transform:uppercase;margin-top:6px;}
.ini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.ini-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
@media(max-width:900px){.ini-grid,.ini-grid-3{grid-template-columns:1fr;}}
.ini-estado-row{display:flex;align-items:center;gap:10px;padding:10px 0;
border-bottom:1px solid var(--line);}
.ini-estado-row:last-child{border-bottom:0;}
.ini-estado-label{flex:1;font-size:13px;color:var(--txt);}
.ini-estado-val{font-size:12px;color:var(--txt2);}
.ini-pend-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;
border-bottom:1px solid var(--line);cursor:pointer;}
.ini-pend-row:last-child{border-bottom:0;}
.ini-pend-row:hover{background:rgba(255,255,255,.02);margin:0 -10px;padding:10px;}
.ini-pend-body{flex:1;}
.ini-pend-title{font-size:13px;color:var(--txt);}
.ini-pend-sub{font-size:11px;color:var(--txt2);margin-top:2px;}
.ini-ev-row{display:flex;align-items:center;gap:10px;padding:9px 0;
border-bottom:1px solid var(--line);}
.ini-ev-row:last-child{border-bottom:0;}
.ini-ev-fecha{font-family:var(--f-display);font-size:22px;letter-spacing:.02em;
color:var(--rojo);line-height:1;min-width:28px;text-align:center;}
.ini-ev-body{flex:1;}
.ini-ev-title{font-size:13px;color:var(--txt);}
.ini-ev-tipo{font-size:10px;color:var(--txt3);text-transform:uppercase;letter-spacing:.08em;}
.ini-acciones{display:flex;flex-wrap:wrap;gap:12px;}
.ini-accion-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
padding:16px 20px;background:var(--card2);border:1px solid var(--line2);border-radius:14px;
color:var(--txt2);font-size:12px;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;
transition:border-color .15s,color .15s,background .15s;min-width:110px;min-height:var(--btn-h-lg);}
.ini-accion-btn:hover{border-color:var(--rojo);color:var(--txt);background:rgba(224,45,0,.06);}
.ini-accion-btn svg{width:24px;height:24px;flex-shrink:0;transition:stroke .15s;}
.dir-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px;}
.dir-search{flex:1;min-width:140px;background:var(--card2);border:1px solid var(--line);
border-radius:8px;padding:7px 11px;color:var(--txt);font-size:13px;outline:none;}
.dir-search:focus{border-color:var(--rojo);}
.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;}
.dir-card{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:14px;
display:flex;flex-direction:column;gap:6px;}
.dir-card-empresa{font-size:14px;font-weight:700;color:var(--txt);}
.dir-card-contacto{font-size:12px;color:var(--txt2);}
.dir-card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.dir-card-canal{font-size:10px;padding:2px 7px;border-radius:20px;border:1px solid var(--line2);color:var(--txt3);}
.dir-card-dueno{font-size:10px;padding:2px 7px;border-radius:20px;color:#fff;}
.dir-card-dueno.mike{background:rgba(58,90,122,.4);border:1px solid rgba(58,90,122,.5);}
.dir-card-dueno.valeria{background:rgba(201,168,0,.25);border:1px solid rgba(201,168,0,.4);}
.dir-card-tags{display:flex;flex-wrap:wrap;gap:4px;}
@media(max-width:768px){
.ini-acciones{gap:10px}
.ini-accion-btn{flex:1 1 calc(50% - 5px);min-width:0;box-sizing:border-box;padding:14px 12px}
.ini-banner{padding:22px 18px;min-height:96px}
.ini-banner h1{font-size:34px}
.ini-banner p{font-size:11px;letter-spacing:.1em}
}