/* =====================================================
   OMEGA DASHBOARD · MENÚ INICIO TIPO APP
   Integrado con variables existentes
   ===================================================== */

/* Contenedor general */
.omega-dashboard{
  max-width:1100px;
  margin:0 auto;
  padding:1.25rem .75rem;
}

/* Encabezado del dashboard */
.omega-dashboard .omega-head{
  background:#fff;
  border-radius:18px;
  padding:1.25rem 1.25rem 1rem;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 18px rgba(0,0,0,.06);
}

.omega-dashboard .omega-head h2{
  margin:0;
  font-weight:800;
  letter-spacing:.3px;
  color:#222;
}

.omega-dashboard .omega-head p{
  margin:.35rem 0 .75rem;
  color:#6b7280;
  font-size:.95rem;
}

/* Línea de énfasis (estilo app) */
.omega-dashboard .omega-line{
  height:4px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    var(--omega-primary),
    #06b6d4,
    var(--omega-accent),
    #ef4444
  );
}

/* =====================================================
   TARJETAS (CARDS)
   ===================================================== */

.omega-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:1.25rem;
  border-radius:22px;
  min-height:170px;
  text-decoration:none;
  color:#fff;
  box-shadow:0 12px 22px rgba(0,0,0,.08);
  transition:transform .08s ease, box-shadow .12s ease;
  position:relative;
  overflow:hidden;
}

.omega-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 26px rgba(0,0,0,.10);
}

.omega-card:active{
  transform:scale(.99);
}

/* Icono superior */
.omega-card .icon{
  width:44px;
  height:44px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(4px);
  font-size:20px;
}

/* Texto */
.omega-card .title{
  font-size:1.1rem;
  font-weight:900;
  letter-spacing:.3px;
  margin-top:.9rem;
}

.omega-card .subtitle{
  font-size:.86rem;
  opacity:.88;
  margin-top:.35rem;
}

/* =====================================================
   COLORES DE TARJETAS
   (coherentes con Omega)
   ===================================================== */

.omega-c1{background:var(--omega-primary);}          /* Himnos */
.omega-c2{background:#0f766e;}                       /* Texto del día */
.omega-c3{background:#ea580c;}                       /* Escuela Sabática */
.omega-c4{background:#7c3aed;}                       /* Iglesias */
.omega-c5{background:#475569;}                       /* Recursos */
.omega-c6{background:#ef4444;}                       /* Favoritos */

/* =====================================================
   RESPONSIVE
   ===================================================== */

@media (min-width: 992px){
  .omega-card{
    min-height:190px;
  }
}

/* =====================================================
   FIN OMEGA DASHBOARD
   ===================================================== */