@charset "UTF-8";
/* ================================ */
/*          Página "Perfil"         */
/* ================================ */
.page-id-644 {
  /*! .um-profile */
  /**
	*	Modal para cambiar la foto de perfil y de portada (banner) 
	*/
}
.page-id-644 .um-profile {
  /** Banner (imagen de portada uml) **/
  /* La altura está fija en distintos componentes */
  /** Foto de perfil y datos principales **/
  /** Barra de pestanias **/
  /*! Barra pestanias */
  /** Contenido pestanias **/
}
.page-id-644 .um-profile .um-cover, .page-id-644 .um-profile .um-cover-e, .page-id-644 .um-profile .um-cover-e .um-cover-add, .page-id-644 .um-profile .um-cover-e img {
  /* Contenedor */
  /* Banner */
  /* Botón para añadirla */
  /* Imagen establecida */
  height: 201px !important;
  /* 180px (antes, 201px es lo mínimo para hacerla menos alta y que no pierda la nítidez) */
}
.page-id-644 .um-profile .um-header {
  /* Boton "Engranaje" de edicion */
  /* Foto de perfil */
  /** Metadata del usuario: redes sociales, biografia... **/
}
.page-id-644 .um-profile .um-header .um-profile-edit a:hover {
  color: var(--c1);
}
.page-id-644 .um-profile .um-header .um-profile-photo .um-profile-photo-img {
  width: 100px !important;
  height: 100px !important;
  border: 2px var(--c1) solid !important;
  border-radius: var(--br-2) !important;
}
.page-id-644 .um-profile .um-header .um-profile-photo .um-profile-photo-img .um-profile-photo-overlay {
  background: rgba(77, 77, 77, 0.4) !important;
}
.page-id-644 .um-profile .um-header .um-profile-photo .um-profile-photo-img .um-profile-photo-overlay, .page-id-644 .um-profile .um-header .um-profile-photo .um-profile-photo-img img {
  /* Para añadir imagen */
  /* Imagen establecida */
  border-radius: 0px !important;
}
.page-id-644 .um-profile .um-header .um-profile-meta {
  padding-left: 165px !important;
  /* Nombre usuario y redes sociales */
}
.page-id-644 .um-profile .um-header .um-profile-meta .um-main-meta {
  max-width: 94%;
  display: flex;
  justify-content: space-between;
  /* Nombre */
}
.page-id-644 .um-profile .um-header .um-profile-meta .um-main-meta .um-name {
  pointer-events: none;
}
.page-id-644 .um-profile .um-profile-nav {
  background-color: white;
  border-top: 1px var(--c1) solid;
  border-bottom: 1px var(--c1) solid;
}
.page-id-644 .um-profile .um-profile-nav .um-profile-nav-item {
  /* Pestania activa */
  /* Todas las pestanias y no activas */
}
.page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.active a {
  color: var(--white) !important;
}
.page-id-644 .um-profile .um-profile-nav .um-profile-nav-item a {
  color: var(--c1) !important;
  /* #666 */
  min-width: 110px;
}
.page-id-644 .um-profile .um-profile-nav .um-profile-nav-item a:hover {
  color: var(--white) !important;
  /* var(--c1-ls) */
}
.page-id-644 .um-profile .um-profile-body {
  /* Pestania "Listado análisis" */
}
.page-id-644 .um-profile .um-profile-body .listado-analisis {
  padding-top: 15px;
  /* Separación icono archivo */
  /* Tabla con el listado de análisis con el mismo estilo que las de "Rankings" */
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-heading .panel-icon {
  margin-right: 8px;
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody {
  /* Todas las filas */
  /* Filas impares e hijas */
  /* Hover filas impares e hijas */
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody tr:hover {
  background-color: var(--c1);
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody tr:hover a, .page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody tr:hover span {
  color: var(--white);
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody tr:nth-of-type(odd) > * {
  background-color: var(--c1-ls);
  --bs-table-accent-bg: transparent;
  /* Variable de "WCA" no se puede sobrescribir */
}
.page-id-644 .um-profile .um-profile-body .listado-analisis .panel-body table tbody tr:nth-of-type(odd):hover > * {
  background-color: var(--c1);
}
.page-id-644 .um-modal {
  /** Footer **/
}
.page-id-644 .um-modal .um-modal-footer .um-modal-right {
  display: flex;
  flex-direction: row-reverse;
  gap: 14px;
}
.page-id-644 .um-modal .um-modal-footer .um-modal-right a {
  color: var(--white);
  /* Botón "Cancelar" */
  /* Botón "Aplicar" */
}
.page-id-644 .um-modal .um-modal-footer .um-modal-right a:hover {
  color: var(--white);
}
.page-id-644 .um-modal .um-modal-footer .um-modal-right a[data-action="um_remove_modal"] {
  background-color: var(--c1-l) !important;
}
.page-id-644 .um-modal .um-modal-footer .um-modal-right a.um-finish-upload {
  background-color: var(--c1) !important;
  opacity: 1;
  cursor: pointer !important;
}
/* =================================== */
/*            MEDIA QUERIES            */
/* =================================== */
@media (max-width: 850px) {
  .page-id-644 .um-profile {
    /** Barra de pestanias **/
  }
  .page-id-644 .um-profile .um-profile-nav {
    /* Mostramos los nombres en lugar de los iconos */
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item {
    /**
					* Pestania "Información",
					* Pestania "Listado de análisis"
					*/
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis {
    /* Ocultamos el icono */
    /* Mostramos el icono con el nombre */
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main .uimob340-show, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis .uimob340-show {
    display: none;
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main .uimob340-hide, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis .uimob340-hide {
    display: flex;
    align-items: center;
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main .uimob340-hide i, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis .uimob340-hide i {
    margin-right: 12px;
  }
}
@media (max-width: 600px) {
  .page-id-644 .um-profile {
    /** Banner (imagen de portada uml) **/
    /** Foto de perfil y datos principales **/
  }
  .page-id-644 .um-profile .um-cover, .page-id-644 .um-profile .um-cover-e, .page-id-644 .um-profile .um-cover-e .um-cover-add, .page-id-644 .um-profile .um-cover-e img {
    /* Contenedor */
    /* Banner */
    /* Botón para añadirla */
    /* Imagen establecida */
    height: 102px !important;
    /* 102px es por defecto */
    /* 130px (antes) */
    /* unset <-- No se ve bien si no tiene imagen */
  }
  .page-id-644 .um-profile .um-header {
    /* Foto de perfil */
    /** Metadata del usuario: redes sociales, biografia... **/
  }
  .page-id-644 .um-profile .um-header .um-profile-photo {
    top: -36px;
    /* -40px (por defecto) */
  }
  .page-id-644 .um-profile .um-header .um-profile-meta {
    /* Nombre usuario y redes sociales */
  }
  .page-id-644 .um-profile .um-header .um-profile-meta .um-main-meta {
    flex-direction: column;
  }
}
@media (max-width: 480px) {
  .page-id-644 .um-profile {
    /** Foto de perfil y datos principales **/
    /** Barra de pestanias **/
  }
  .page-id-644 .um-profile .um-header {
    /* Foto de perfil */
    /** Metadata del usuario: redes sociales, biografia... **/
  }
  .page-id-644 .um-profile .um-header .um-profile-meta {
    padding-left: 0px !important;
    /* Nombre usuario y redes sociales */
  }
  .page-id-644 .um-profile .um-header .um-profile-meta .um-main-meta {
    max-width: 100%;
  }
  .page-id-644 .um-profile .um-profile-nav {
    /* Mostramos los nombres en lugar de los iconos */
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item {
    /**
					* Pestania "Información",
					* Pestania "Listado de análisis"
					*/
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis {
    /* Ocultamos el icono */
    /* -> Media query 840px */
    /* Mostramos el icono con el nombre */
  }
  .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-main .uimob340-hide, .page-id-644 .um-profile .um-profile-nav .um-profile-nav-item.um-profile-nav-listado_analisis .uimob340-hide {
    width: 50%;
    max-height: 40px;
    justify-content: center;
  }
}