/* flots · css/paginas/est-inicio.css
   Estudio · Inicio (/estudio) — Admin (1440) y MAdmin (390).
   Usa lo común de estudio.css (.est-pagina, .est-cabecera, .est-seccion-titulo, .est-caja, grillas). */

/* ---------- Secciones ---------- */
.est-inicio-seccion{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}
.est-inicio-proyectos{ gap:16px; }

.est-inicio-nota{ font-size:14px; line-height:1.4; color:var(--muted); }

/* "Para hoy" vacío / sin proyectos */
.est-inicio-nada{
  margin:0;
  padding:16px 20px;
  background:var(--surface);
  border-left:4px solid var(--line-list);
  font-size:15px;
  color:var(--muted);
}

/* ---------- Cajas blancas: "Pedidos nuevos" y "Esta semana" ---------- */
.est-inicio-caja{ padding:24px 28px 8px; }
.est-inicio-caja-cabeza{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:4px 16px;
}
.est-inicio-caja-titulo{
  margin:0 0 8px;
  font-size:22px;
  font-weight:500;
  line-height:1.2;
}
.est-inicio-lista{ margin:0; padding:0; list-style:none; }
.est-inicio-vacia{
  margin:0;
  padding:16px 0;
  border-top:1px solid var(--line);
  font-size:15px;
  color:var(--muted);
}
.est-inicio-mas{
  margin:0;
  padding:14px 0;
  border-top:1px solid var(--line);
  font-size:14px;
}
.est-inicio-mas a{ font-weight:500; text-underline-offset:2px; }

/* Pedido nuevo (desktop): marca + etiquetas | "Hoy · Formulario" + Ver brief */
.est-inicio-pedido{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:8px 16px;
  align-items:center;
  padding:16px 0;
  border-top:1px solid var(--line);
}
.est-inicio-pedido-info{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.est-inicio-pedido-marca{
  font-size:18px;
  font-weight:500;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.est-inicio-pedido-lado{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
}
.est-inicio-meta{ font-size:13px; line-height:1.4; color:var(--muted); }
.est-inicio-pedido-lado .est-inicio-meta{ white-space:nowrap; }

/* Reunión de la semana: día/hora | quién/tipo */
.est-inicio-reunion{
  display:grid;
  grid-template-columns:96px minmax(0, 1fr);
  gap:12px;
  padding:14px 0;
  border-top:1px solid var(--line);
}
.est-inicio-reunion-col{ display:flex; flex-direction:column; min-width:0; }
.est-inicio-dia{ font-size:15px; font-weight:600; }
.est-inicio-hora{ font-size:14px; color:var(--muted); }
.est-inicio-quien{ font-size:15px; overflow-wrap:anywhere; }
.est-inicio-tipo{ font-size:14px; color:var(--muted); }

.est-inicio-saldo{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 0;
  border-top:1px solid var(--line);
  font-size:15px;
}
.est-inicio-saldo span{ min-width:0; overflow-wrap:anywhere; }
.est-inicio-saldo strong{ flex-shrink:0; font-weight:600; white-space:nowrap; }

/* ---------- Proyectos en curso ---------- */
.est-inicio-proyectos-cabeza{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:4px 16px;
}
/* En la carpeta la fecha puede partirse en dos líneas; la pastilla no. */
.est-inicio-carpetas .carpeta-estudio-pie{ align-items:flex-end; }
.est-inicio-carpetas .carpeta-estudio-pie > span:first-child{ min-width:0; }
/* Admin.dc: la carpeta sube 10 px al pasar el mouse (el componente compartido sube 6). */
.est-inicio-carpetas a.carpeta-estudio:hover{ transform:translateY(-10px); }

/* Entre 1200 y 1359 px (sidebar de 260 + main) cuatro carpetas quedan muy angostas: van tres. */
@media (min-width: 1200px) and (max-width: 1359px){
  .est-inicio-carpetas{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

/* ---------- Celular (MAdmin) ---------- */
@media (max-width: 767px){
  .est-inicio-seccion{ gap:10px; }
  .est-inicio-caja{ padding:14px 16px 4px; }
  .est-inicio-caja-titulo{ margin:0 0 6px; font-size:19px; }
  .est-inicio-nada{ padding:14px 16px; font-size:14px; }
  .est-inicio-vacia{ padding:14px 0; font-size:14px; }
  .est-inicio-pedido-cel{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:14px 0;
    border-top:1px solid var(--line);
  }
  .est-inicio-pedido-cel .est-inicio-pedido-info{ gap:4px; }
  .est-inicio-pedido-cel .est-inicio-pedido-marca{ font-size:16px; }
  .est-inicio-pedido-cel .btn{ flex-shrink:0; }
  /* Carrusel: sale hasta los bordes de la pantalla (margen -20 / padding 20 del diseño).
     scroll-padding: sin él, el scroll-snap de .carpetas-carrusel pega la 1.a carpeta al borde. */
  .est-inicio-carrusel{ padding-bottom:6px; scroll-padding-inline:20px; }
}