/* centros.css */

/* Aplica solo al contenedor de esta vista */
.centros-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

    /* Título principal */
    .centros-container h2 {
        color: #0d6efd; /* Azul bootstrap primary */
        font-weight: 700;
        text-align: center;
    }

    /* Tabla principal */
    .centros-container .table {
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(13, 110, 253, 0.15);
        margin-top: 20px;
    }

        /* Encabezado de tabla */
        .centros-container .table thead {
            background: #e7f1ff; /* azul claro suave */
        }

        /* Celdas */
        .centros-container .table th,
        .centros-container .table td {
            vertical-align: middle !important;
            text-align: center;
            padding: 12px;
        }

    /* Fila zebra */
    .centros-container .table-striped tbody tr:nth-of-type(odd) {
        background-color: #f0f8ff; /* azul muy claro */
    }

    /* Botón editar */
    .centros-container .btn-success {
        background-color: #4dabf7;
        border-color: #4dabf7;
        transition: background-color 0.3s ease, border-color 0.3s ease;
    }

        .centros-container .btn-success:hover {
            background-color: #339af0;
            border-color: #339af0;
        }

    /* Botón eliminar */
    .centros-container .btn-danger {
        background-color: #f03e3e;
        border-color: #f03e3e;
        transition: background-color 0.3s ease, border-color 0.3s ease;
        padding: 8px 16px;
    }

        .centros-container .btn-danger:hover {
            background-color: #c92a2a;
            border-color: #c92a2a;
        }

    /* Formulario de botones en la celda */
    .centros-container td form.d-inline {
        margin: 0;
    }

    /* Asegura que la tabla no se rompa en pantallas pequeñas */
    .centros-container .table-responsive {
        overflow-x: auto;
    }