Sindbad~EG File Manager

.elementor-1064 .elementor-element.elementor-element-e19741e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1064 .elementor-element.elementor-element-b6ee03d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1064 .elementor-element.elementor-element-7a14365{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1064 .elementor-element.elementor-element-7c08e76{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-1064 .elementor-element.elementor-element-b6ee03d{--width:25%;}.elementor-1064 .elementor-element.elementor-element-7a14365{--width:50%;}.elementor-1064 .elementor-element.elementor-element-7c08e76{--width:25%;}}/* Start custom CSS for shortcode, class: .elementor-element-5fd8a8b *//* ==== Botón Organigrama ==== */
.user-profile-card .btn.organigrama {
  background: #10b981; /* verde */
  color: #fff;
}

.user-profile-card .btn.organigrama:hover {
  background: #059669;
}




/* ==== Tarjeta de perfil ==== */
.user-profile-card {
  max-width: 420px;
  margin: 40px auto;
  padding: 25px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  text-align: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #1e293b;

}

/* ==== Avatar ==== */
.user-profile-card .user-avatar img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  object-fit: cover;
  margin-bottom: 15px;
  border: 3px solid #e2e8f0;
}

/* ==== Nombre y cargo ==== */
.user-profile-card .user-name {
  margin: 5px 0;
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
}

.user-profile-card .user-job {
  font-size: 15px;
  color: #64748b;
  margin-bottom: 20px;
}

/* ==== Botones ==== */
.user-profile-card .profile-actions {
  margin-bottom: 20px;
}.user-profile-card .btn {
  display: inline-block;
  padding: 8px 16px;
  margin: 4px;
  border-radius: 10px;
  background: #f1f5f9;
  color: #334155;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}

.user-profile-card .btn:hover {
  background: #e2e8f0;
}

.user-profile-card .btn.primary {
  background: #2563eb;
  color: #ffffff;
}

.user-profile-card .btn.primary:hover {
  background: #1d4ed8;
}

/* ==== Secciones de info ==== */
.user-profile-card .user-info {
  text-align: left;  text-align: left;
  margin-top: 20px;
}

.user-profile-card .user-info h3 {
  font-size: 16px;
  font-weight: 600;
  color: #0f172a;
  margin-top: 20px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 4px;
}

.user-profile-card .user-info p {
  margin: 6px 0;
  font-size: 14px;
  color: #334155;
}

.user-profile-card .user-info strong {
  color: #0f172a;
}/* End custom CSS */