/* ===========================================================
   CABLESTAR PANEL – ESTILOS UNIFICADOS
   =========================================================== */

/* Fuente general */


body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Títulos */
h1, h2, h3 {
    font-weight: 600;
    color: #222;
}

/* --------------------------------------
   TARJETAS DE SERVICIO
   -------------------------------------- */

.card {
    max-width: 280px;        /* antes eran muy anchas */
    margin-left: auto;
    margin-right: auto;
}
/* Reduce padding interno */
.card .card-body {
    padding: 18px;
}

/* Sombra elegante */
.card.shadow-sm {
    box-shadow: 0 3px 8px rgba(233, 240, 228, 0.08);
}

.card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(113, 126, 238, 0.15);
}

/* Altura uniforme en descripciones */
.card-text {
    min-height: 70px;        /* antes 90px */
}

.card .btn {
    padding: 10px 14px;
    font-size: 0.9rem;
}

/* Botón azul uniforme (Cablestar) */
.btn-primary,
.btn-outline-primary,
.btn-outline-dark,
a.btn-primary,
a.btn-outline-primary,
a.btn-outline-dark {
    background-color: #005ad6 !important;
    border-color: #005ad6 !important;
    color: white !important;
}

.btn-primary:hover,
.btn-outline-primary:hover,
.btn-outline-dark:hover {
    background-color: #004bb5 !important;
    border-color: #004bb5 !important;
    transform: scale(1.04);
}


/* --------------------------------------
   BADGES GENERALES
   -------------------------------------- */

.badge-activa {
    background: #28a745;
    color: white;
}

.badge-inactiva {
    background: #6c757d;
    color: white;
}

/* --------------------------------------
   TABLAS UNIFORMES
   -------------------------------------- */

.table th {
    background: #f4f4f4;
    font-weight: bold;
}

.table td {
    vertical-align: middle !important;
}

/* --------------------------------------
   ESTILO DE SUBTÍTULOS
   -------------------------------------- */

.card-subtitle {
    font-size: 0.9rem;
    color: #777 !important;
}

/* --------------------------------------
   MÁRGENES ENTRE SECCIONES
   -------------------------------------- */

.page-section {
    margin-top: 35px;
}

/* Barra superior derecha */
.top-user-bar {
    color: #ccc;
    font-size: 14px;
    margin-left: auto;
}