/*estilo global*/
/* Botón Primario */

.btn{
    border-radius: 0px;
}

.btn-primary {
    background-color: #4A6E91 !important;
    color: #fff !important;
    font-weight: 650;
    background-image: none;
    border-color: transparent;
    transition: filter 0.3s ease;
}
.btn-primary:hover {
    filter: brightness(120%);
}

/* Botón Secundario / Default */
.btn-default{
  background-image: none;
  background-color: #666 !important;
  color: #fff !important;
  font-weight: 450;
  transition: filter 0.3s ease;
  border: none;
  padding: 7px;
 }

.btn-default:hover {
    filter: brightness(120%);
}

/* Botón Éxito */
.btn-success {
    background-color: #27AE60 !important;
    color: #fff !important;
    font-weight: 650;
    transition: filter 0.3s ease;
}
.btn-success:hover {
    filter: brightness(120%);
}

/* Botón Peligro */
.btn-danger {
    background-color: #C0392B !important;
    color: #fff !important;
    font-weight: 650;
    transition: filter 0.3s ease;
}
.btn-danger:hover {
    filter: brightness(120%);
}

/* Botón Advertencia */
.btn-warning {
    background-color: #f0ad4e !important;
    color: #fff !important;
    font-weight: 650;
    transition: filter 0.3s ease;
}
.btn-warning:hover {
    filter: brightness(120%);
}

/* Botón Informativo */
.btn-info {
    background-color: #008CBA !important;
    color: #fff !important;
    padding: 5px;
    font-weight: 650;
    transition: filter 0.3s ease;
}
.btn-info:hover {
    filter: brightness(120%);
}

/* Botón para documentos (CV) */
.btn-documento {
    background-color: #8E44AD !important;
    color: #fff !important;
    transition: filter 0.3s ease;
}
.btn-documento:hover {
    filter: brightness(120%);
}

.tooltip-button {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #005a8d; /* Azul oscuro institucional */
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
    padding: 0;
    transition: background-color 0.3s ease;
}

.tooltip-button:hover {
    background-color: #0072b0; /* Azul más claro al pasar el mouse */
}

/* PANEL DEFAULT (gris - neutro) */
.panel-default {
    border-color: #C4C4C4;
}
.panel-default > .panel-heading {
    background-color: #7F8C8D;
    color: #494949;
    border-color: #C4C4C4;
    font-weight: 600;
}
.panel-default > .panel-footer {
    background-color: #f0f0f0;
    border-top: 1px solid #d0d0d0;
    color: #555;
}

/* PANEL PRIMARY (azul institucional oscuro) */
.panel-primary {
    border-color: #1A242F;
}
.panel-primary > .panel-heading {
    background-color: #2C3E50;
    color: #fff;
    border-color: #1A242F;
    font-weight: 600;
}
.panel-primary > .panel-footer {
    background-color: #f0f4f7;
    border-top: 1px solid #d0dce5;
    color: #444;
}

/* PANEL SUCCESS (verde - éxito) */
.panel-success {
    border-color: #219150;
}
.panel-success > .panel-heading {
    background-color: #27AE60;
    color: #fff;
    border-color: #219150;
    font-weight: 600;
}
.panel-success > .panel-footer {
    background-color: #eaf7ef;
    border-top: 1px solid #d1eede;
    color: #444;
}

/* PANEL DANGER (rojo - alerta crítica) */
.panel-danger {
    border-color: #A93226;
}
.panel-danger > .panel-heading {
    background-color: #C0392B;
    color: #fff;
    border-color: #A93226;
    font-weight: 600;
}
.panel-danger > .panel-footer {
    background-color: #faeae8;
    border-top: 1px solid #f1d2cf;
    color: #444;
}

/* PANEL WARNING (naranja - advertencia) */
.panel-warning {
    border-color: #CA6F1E;
}
.panel-warning > .panel-heading {
    background-color: #E67E22;
    color: #fff;
    border-color: #CA6F1E;
    font-weight: 600;
}
.panel-warning > .panel-footer {
    background-color: #fff5e9;
    border-top: 1px solid #f8e0c3;
    color: #444;
}

/* PANEL INFO (celeste - informativo) */
.panel-info {
    border-color: #2E86C1;
}
.panel-info > .panel-heading {
    background-image: none;
    background-color: #3498DB;
    color: #fff;
    border-color: #2E86C1;
    font-weight: 600;
}
.panel-info > .panel-footer {
    background-color: #e8f4fb;
    border-top: 1px solid #d0e8f5;
    color: #444;
}

/*fin estilo global*/



.badge {
  border-radius: 0px;
}   
   







h5{
    font-weight: 500;
}


.alert {
    margin-bottom: 0px;
}




/* Estilo general del logo en el menú */
.r-left img.menu-icon {
  max-width: 120px;
  padding: 0px;
  display: block;
  transition: all 0.3s ease;
}

/* Estilo cuando el menú está colapsado */
.r-left-collapsed img.menu-icon {
  max-width: 50px;   /* o el tamaño que quieras */
  margin-left: -15px;     /* lo acercamos a la izquierda */
  padding-left: 0;
}