@charset "UTF-8";
/*
 Theme Name: vericentro
 Author: Precio Centro
 Author URI: Precio Centro
 Description: Tema básico para 
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.preciocentro.com
 Tags: simple, minimal, basic

 */
/**************************
 FUENTES
**************************/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 24, 2024 */
@font-face {
  font-family: "swis721_bt_bold";
  src: url("fonts/fontsfree-net-swiss721bt-roman-webfont.eot");
  src: url("fonts/fontsfree-net-swiss721bt-roman-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fontsfree-net-swiss721bt-roman-webfont.woff2") format("woff2"), url("fonts/fontsfree-net-swiss721bt-roman-webfont.woff") format("woff"), url("fonts/fontsfree-net-swiss721bt-roman-webfont.ttf") format("truetype"), url("fonts/fontsfree-net-swiss721bt-roman-webfont.svg#swis721_bt_bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "oswaldregular";
  src: url("fonts/oswald-variablefont_wght-webfont.eot");
  src: url("fonts/oswald-variablefont_wght-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/oswald-variablefont_wght-webfont.woff2") format("woff2"), url("fonts/oswald-variablefont_wght-webfont.woff") format("woff"), url("fonts/oswald-variablefont_wght-webfont.ttf") format("truetype"), url("fonts/oswald-variablefont_wght-webfont.svg#oswaldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "roboto_condensedregular";
  src: url("fonts/robotocondensed-variablefont_wght-webfont.eot");
  src: url("fonts/robotocondensed-variablefont_wght-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/robotocondensed-variablefont_wght-webfont.woff2") format("woff2"), url("fonts/robotocondensed-variablefont_wght-webfont.woff") format("woff"), url("fonts/robotocondensed-variablefont_wght-webfont.svg#roboto_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
/**************************/
/*
 Theme Name: vericentro
 Author: Precio Centro
 Author URI: Precio Centro
 Description: Tema básico para 
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.preciocentro.com
 Tags: simple, minimal, basic

 */
/**************************
 FUENTES
**************************/
/**************************
 VARIABLES
**************************/
/**************************
 FUENTES
**************************/
/**************************
 MIXINS 
**************************/
/**************************
 HEADER ADMIN
**************************/
.noBg {
  background: none !important; /* Elimina cualquier fondo definido */
}

/**************************
 UP FILES 
**************************/
.content-up-admin {
  background-color: #423766;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 80px;
}
.content-up-admin .content-up-file-admin {
  display: flex;
  width: 50%;
  flex-direction: column;
  float: left;
  padding-top: 40px;
}
.content-up-admin .content-up-file-admin #bc3-upload-form {
  margin-bottom: 120px;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  float: left;
}
.content-up-admin .content-up-file-admin #bc3-upload-form .content-btn-subir-ficheros .btn-subir-ficheros {
  background-color: transparent;
  border: none;
  background-image: url("imgs/add_archive.png");
  background-repeat: no-repeat;
  transition: 0.3s all ease;
  width: 250px;
  height: 55px;
}
.content-up-admin .content-up-file-admin #bc3-upload-form .custom-file-upload {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  background-color: transparent;
  display: inline-block;
  color: #b0ceea;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.content-up-admin .content-up-file-admin #bc3-upload-form .custom-file-upload .file-names {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  padding: 0 80px;
}
.content-up-admin .content-afu-upload-form #afu-file {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  background-color: transparent;
  display: inline-block;
  color: #b0ceea;
  border: none;
  cursor: pointer;
}

/**************************
 FORMS 
**************************/
.title-admin-section {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #e59a15;
  font-size: 2rem;
  border-bottom: 1px solid #8c6dca;
  padding-bottom: 10px;
}

#registro-completo-frontend-form {
  display: flex;
  flex-direction: column;
  margin: 20px 0 40px 0;
  width: 100%;
  /* TXTBOX Y LABELS DE REGISTROS */
}
#registro-completo-frontend-form .title-section-form {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #b0ceea;
}
#registro-completo-frontend-form .content-4-1 {
  margin-top: 40px;
}
#registro-completo-frontend-form .content-4 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
#registro-completo-frontend-form .content-4 .content-item-form {
  padding: 20px;
  width: 25%;
}
#registro-completo-frontend-form .content-4 .content-item-form input {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #8c6dca;
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  padding-bottom: 10px;
  color: #b0ceea;
  width: 100%;
}
#registro-completo-frontend-form .content-4 .content-item-form input::-moz-placeholder {
  color: #b0ceea !important;
}
#registro-completo-frontend-form .content-4 .content-item-form input::placeholder {
  color: #b0ceea !important;
}
#registro-completo-frontend-form .content-4 .content-item-form select {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #8c6dca;
  color: #b0ceea;
  padding-bottom: 20px;
  width: 100%;
}
#registro-completo-frontend-form .content-4 .content-item-form select option {
  color: #b0ceea;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
#registro-completo-frontend-form .content-4 .content-name-user {
  padding-left: 0;
}
#registro-completo-frontend-form .content-4 .content-password {
  padding-left: 0;
}
#registro-completo-frontend-form .content-submit-btn-user button {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("imgs/btn_alta_user.png");
  width: 210px;
  height: 55px;
}
#registro-completo-frontend-form .content-submit-btn-user button:hover {
  background-image: url("imgs/btn_alta_user_hover.png");
}

#eliminar-usuario-form {
  margin-bottom: 80px;
}

.registered-users {
  margin-top: 80px;
}

#tabla-usuarios {
  border-top: 2px solid #8b398c;
}
#tabla-usuarios thead tr th {
  border-bottom: 2px solid #8b398c;
  padding-left: 20px;
}
#tabla-usuarios td {
  padding-left: 0;
  border-bottom: 1px solid #524857;
  padding: 20px;
}
#tabla-usuarios td .eliminar-btn {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("imgs/btn_deleted_users.png");
}
#tabla-usuarios td .eliminar-btn:hover {
  background-image: url("imgs/btn_deleted_users_hover.png");
}
#tabla-usuarios td .editar-btn {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("imgs/btn_edit_users.png");
}
#tabla-usuarios td .editar-btn:hover {
  background-image: url("imgs/btn_edit_users_hover.png");
}
#tabla-usuarios td .cambiar-contrasena-btn {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 195px;
  height: 40px;
  background-image: url("imgs/btn_pass_users.png");
}
#tabla-usuarios td .cambiar-contrasena-btn:hover {
  background-image: url("imgs/btn_pass_users_hover.png");
}

.content-menu-admin {
  display: flex;
  justify-content: center;
  width: 33%;
}
.content-menu-admin ul {
  width: 50%;
  display: flex;
  justify-content: space-around;
}
.content-menu-admin ul li a {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #b0ceea;
}

.content-afu-upload-form {
  width: 50%;
  float: left;
}

.content-alta-usuario {
  clear: both;
  width: 100%;
}

.content-alta-base {
  width: 100%;
}
.content-alta-base select {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #8c6dca;
  color: #b0ceea;
  padding-bottom: 10px;
  width: 100%;
}
.content-alta-base select option {
  color: #1a1c2b;
}
.content-alta-base #tabla-base-users {
  border-top: 2px solid #8b398c;
}
.content-alta-base #tabla-base-users thead tr th {
  border-bottom: 2px solid #8b398c;
  padding-left: 20px;
}
.content-alta-base #tabla-base-users td {
  padding-left: 0;
  border-bottom: 1px solid #524857;
  padding: 20px;
}
.content-alta-base #tabla-base-users td .btn-editar {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("imgs/btn_edit_users.png");
}
.content-alta-base #tabla-base-users td .btn-editar:hover {
  background-image: url("imgs/btn_edit_users_hover.png");
}
.content-alta-base #tabla-base-users td .btn-eliminar {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("imgs/btn_deleted_users.png");
}
.content-alta-base #tabla-base-users td .btn-eliminar:hover {
  background-image: url("imgs/btn_deleted_users_hover.png");
}

.alta-base-btn {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background-color: transparent;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: 195px;
  height: 50px;
  background-image: url("imgs/btn_alta_base.png");
}
.alta-base-btn:hover {
  background-image: url("imgs/btn_alta_base_hover.png");
}

.h3-add-file-client {
  width: 100%;
  text-align: center;
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
}

/*pre*/
pre {
  color: greenyellow;
  background-color: black;
}

/**************************
 VARIABLES
**************************/
/**************************
 MIXINS 
**************************/
/**************************
 SCROLL
**************************/
*::-webkit-scrollbar {
  -webkit-appearance: none;
}
*::-webkit-scrollbar:vertical {
  width: 10px;
}
*::-webkit-scrollbar:horizontal {
  height: 10px;
}
*::-webkit-scrollbar-button {
  display: none;
}
*::-webkit-scrollbar-thumb {
  background-color: #8c6dca;
  border-radius: 20px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
*::-webkit-scrollbar-thumb:hover {
  background-color: #8b398c;
  cursor: pointer;
}

/**************************
 PRELOADER
**************************/
#loading-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

#loading-progress {
  color: white;
  font-size: 18px;
  font-weight: bold;
}

#loading-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 5px solid transparent;
  border-top-color: #3498db;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**************************
 GENERAL
**************************/
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.w25 {
  width: 25%;
}

ul li {
  list-style: none;
}

.btn_analizar {
  padding: 10px 20px;
  border-radius: 20px;
  border-width: 1px;
  color: #fff;
  border: 0;
  background-color: transparent;
  width: 210px;
  height: 60px;
  background-image: url("imgs/btn_analizar.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: 0.3s all ease;
}
.btn_analizar:hover {
  cursor: pointer;
  background-image: url("imgs/btn_analizar_hover.png");
}

#download-updated-bc3 {
  padding: 10px 20px;
  border-radius: 20px;
  border-width: 1px;
  color: #fff;
  border: 0;
  background-color: #80c1c0;
  border-color: #80c1c0;
  color: #171c23;
  margin-left: 20px;
}
#download-updated-bc3:hover {
  cursor: pointer;
  background-color: #a4c0d7;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.content-h3-cantidad-info {
  border-bottom: 2px solid #8b398c;
}

/**************************
HEADER
**************************/
.fixed-header {
  position: sticky;
  z-index: 1000; /* Para asegurarse de que esté por encima de otros elementos */
}
.fixed-header th {
  background-color: #1a1c2b;
  color: #c7ce7e;
}

.add-archives-header-page {
  background-image: url("imgs/cabecera.png");
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  display: flex;
  flex-direction: column;
  align-content: center;
  padding: 40px 0 80px 0;
  width: 100%;
}
header .content-logo {
  width: 33%;
}
header h1 {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #fff;
  text-align: center;
}
header .printPDF {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 20px;
  background-image: url("imgs/btn_imprimir.png");
  background-repeat: no-repeat;
  width: 190px;
  height: 53px;
  transition: 0.3s all ease;
}
header .printPDF:hover {
  background-image: url("imgs/btn_imprimir_hover.png");
}
header .printPDF img {
  padding-right: 20px;
  width: 55px;
}
header .content-sup-logogabinete-user .center-content-for-padding {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 110px;
  width: 100%;
}
header .content-sup-logogabinete-user .content-download {
  height: 55px;
  width: 265px;
}
header .content-sup-logogabinete-user .content-download a {
  width: 100%;
  background-image: url("imgs/btn_descargar_manual.png");
  background-position: center;
  background-size: cover;
  position: relative;
  display: inline-block;
  height: 100%;
}
header .content-sup-logogabinete-user .content-download:hover {
  background-image: url("imgs/btn_descargar_manual_hover.png");
}
header .content-sup-logogabinete-user .logged-in {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
}
header .content-sup-logogabinete-user .logged-in a {
  font-family: "roboto_condensedregular";
  color: #c7ce7e;
  font-size: 1.2rem;
  text-transform: uppercase;
  background-image: url("imgs/exit_user_btn.png");
  background-position: center;
  background-size: cover;
  height: 50px;
  width: 150px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 40px;
}
header .content-sup-logogabinete-user .logged-in a:hover {
  background-image: url("imgs/exit_user_btn_hover.png");
  color: #fff;
  transition: 0.3s all ease;
}
header .content-sup-logogabinete-user .content-user-datas {
  width: 43%;
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
}
header .content-sup-logogabinete-user .content-user-datas .user-name {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  font-size: 1rem;
  color: #fff;
  text-transform: uppercase;
  padding-right: 20px;
}
header .content-sup-logogabinete-user .content-user-datas .user-name img {
  border-radius: 50%;
  margin-right: 20px;
  height: 5vh;
  width: 5vh;
}
header .content-logo-vericentro {
  display: flex;
  padding-top: 6%;
  flex-direction: column;
  align-items: center;
}

/**************************
TABLA
**************************/
table {
  border-spacing: 0;
  width: 100%;
}
table thead {
  padding-left: 20px;
  position: sticky;
  top: 61px;
  background-color: #1a1c2b;
}
table tr {
  color: #e8caef;
}
table tr td {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  text-align: left;
  transition: 0.3s all ease;
}
table tr td:hover {
  transition: 0.3s all ease;
}
table tr td:hover {
  color: #fff;
}
table tr th {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  text-align: left;
  color: #fff;
  line-height: 4rem;
}
table tr th:hover {
  transition: 0.3s all ease;
}
table .tr-subtabla-cliente {
  font-size: 1rem;
}
table .cabecera-1 {
  border-bottom: 2px solid #8b398c;
  border-radius: 3px;
  font-size: 1.5rem;
  width: 70%;
}
table .cabecera-1 span {
  color: #b0ceea;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 20px;
}
table .cabecera-2 {
  border-bottom: 2px solid #8b398c;
  border-left: 2px solid #8b398c;
  font-size: 1.5rem;
  width: 30%;
}
table .cabecera-2 span {
  color: #b0ceea;
  width: 100%;
  display: inline-block;
  text-align: left;
  padding-left: 20px;
}
table .fixed-header .sub-tabla-cliente tbody tr th {
  background-color: #1d0533;
}
table .fixed-header .cabecera-1 {
  background-color: #1d0533;
}
table .fixed-header .cabecera-2 {
  background-color: #1d0533;
}
table .fixed-header .cabecera-2 span {
  text-align: left;
}
table .th-common, table .th-common-1 {
  font-size: 1.1rem;
  text-align: left;
  padding-left: 20px;
}
table .first-tr-th-2 {
  padding-left: 0;
}
table .first-tr-th-1 {
  width: 15%;
}
table .first-tr-th-2 {
  width: 10%;
}
table .first-tr-th-3 {
  width: 60%;
}
table .td-first {
  border-bottom: 1px solid #524857;
  border-right: 0;
  padding: 20px;
}
table .td-sub {
  border-bottom: 1px solid #524857;
  border-right: 0;
  padding: 20px;
  padding: 15px;
  width: 25%;
}
table .th-common {
  width: 25%;
}
table .td-table-1 {
  width: 15%;
}
table .td-table-2 {
  width: 10%;
}
table .td-table-3 {
  width: 60%;
}

.content-first-tr {
  border: 1px solid #524857;
}

/**************************************************/
/**************************
 ESTILOS A PLUGINS
**************************/
.wp-block-loginout a {
  color: #d9b32e;
}

/**************************
 BODY 
**************************/
.home {
  background-image: url("imgs/bg_body.jpg");
  height: 100vh;
  background-color: #1a1c2b;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

div#content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 80px;
  width: 90%;
  /* ***********************

  FORMULARIO PARA LISTAR LOS FICHEROS AÑADIDOS POR LOS CLIENTES

  ***********************/
}
div#content h2 {
  display: none;
}
div#content .h2-add-archives {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
}
div#content .content-up-file-client {
  width: 100%;
}
div#content .content-up-file-client .add-files-client {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
  text-align: center;
  padding-bottom: 20px;
}
div#content .content-up-file-client #bc3-upload-form {
  background-color: #423766;
  margin-bottom: 2px;
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  float: left;
}
div#content .content-up-file-client #bc3-upload-form .content-p {
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #585e81;
}
div#content .content-up-file-client #bc3-upload-form .content-p .flotar {
  width: 50%;
}
div#content .content-up-file-client #bc3-upload-form .content-p .content-legend {
  padding-right: 20px;
}
div#content .content-up-file-client #bc3-upload-form .content-p h3 {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #c7ce7e;
  font-size: 2rem;
  line-height: 4rem;
}
div#content .content-up-file-client #bc3-upload-form .content-p p {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
  line-height: 2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
div#content .content-up-file-client #bc3-upload-form .content-p p .color-legend-red {
  width: 40px;
  height: 14px;
  background-color: #6d0000;
  margin-right: 10px;
}
div#content .content-up-file-client #bc3-upload-form .content-p p .color-legend-green {
  width: 40px;
  height: 14px;
  background-color: #9dc18b;
  margin-right: 10px;
}
div#content .content-up-file-client #bc3-upload-form .custom-file-upload {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  background-color: transparent;
  display: inline-block;
  color: #b0ceea;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
div#content .content-up-file-client #bc3-upload-form .custom-file-upload:hover {
  color: #c7ce7e;
}
div#content .content-up-file-client #bc3-upload-form .file-names {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
  padding: 0 80px;
}
div#content .content-up-file-client #bc3-upload-form label {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  font-size: 2rem;
  color: #b0ceea;
}
div#content .content-up-file-client #bc3-upload-form #bc3-file {
  width: 100%;
  overflow: hidden;
  z-index: -1;
}
div#content .content-up-file-client #bc3-upload-form label[for=bc3-file] {
  font-size: 1.3rem;
  font-weight: 100;
  color: #fed4ff;
  display: inline-block;
  transition: all 0.5s;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
div#content .content-up-file-client #bc3-upload-form .content-btn-subir-ficheros .btn-subir-ficheros {
  background-color: transparent;
  border: none;
  background-image: url("imgs/add_archive.png");
  background-repeat: no-repeat;
  transition: 0.3s all ease;
  width: 250px;
  height: 55px;
}
div#content .content-up-file-client #bc3-upload-form .content-btn-subir-ficheros .btn-subir-ficheros:hover {
  cursor: pointer;
  background-image: url("imgs/add_archive_hover_2.png");
}
div#content .content-up-file-client #bc3-upload-form .content-up-files-base {
  padding-left: 20px;
  border-left: 1px solid #8c6dca;
}
div#content .content-up-file-client #bc3-upload-form .content-up-files-base .subir-base-form {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
  font-size: 1rem;
  margin: 20px 0 0 0;
  padding: 0 0 20px 0;
  width: 100%;
}
div#content .content-up-file-client .instructions {
  display: flex;
  background: #354459;
  margin-bottom: 80px;
}
div#content .content-up-file-client .instructions img {
  width: 100%;
}
div#content .content-up-file {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
div#content .content-up-file #bc3-file-list-form {
  width: 100%;
  min-height: 50vh;
  position: relative;
  display: inline-block;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager {
  display: flex;
  flex-direction: row;
  float: left;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base {
  width: calc(50% - 40px);
  padding-right: 40px;
  margin-right: 20px;
  border-right: 1px solid #8c6dca;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base #file-display {
  padding-bottom: 40px;
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base {
  border-bottom: 2px solid #8c6dca;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel {
  width: 15%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 0 0 20px;
  margin-top: 20px;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel .slideshow-button {
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 1;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel .left-button {
  left: 0;
  background-image: url("imgs/chevron_left.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  transition: 0.3s all ease;
  width: 23px;
  height: 30px;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel .left-button:hover {
  background-image: url("imgs/chevron_left_hover.png");
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel .right-button {
  right: 0;
  background-image: url("imgs/chevron_right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  transition: 0.3s all ease;
  width: 23px;
  height: 30px;
}
div#content .content-up-file #bc3-file-list-form .content-data-manager .content-base .content-carrusel-base .content-btn-carrusel .right-button:hover {
  background-image: url("imgs/chevron_right_hover.png");
}
div#content .content-up-file .content-file-manager {
  display: flex;
  flex-direction: row;
  flex-direction: column;
  width: calc(50% - 40px);
  padding-left: 40px;
  margin-left: 20px;
  position: relative;
}
div#content .content-up-file .content-file-manager label input {
  margin-right: 20px;
}
div#content .content-up-file .content-file-manager .title-file-client {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
  padding-bottom: 50px;
}
div#content .content-up-file .content-file-manager .content-select-all {
  border-bottom: 2px solid #8c6dca;
  line-height: 3rem;
  font-size: 1.2rem;
  font-family: "roboto_condensedregular";
  color: #a4c0d7;
}
div#content .content-up-file .content-file-manager .content-select-all label input {
  margin-right: 20px;
}
div#content .content-up-file .content-file-manager .content-select-all .label-select-all {
  display: flex;
  align-items: center;
}
div#content .content-up-file .content-file-manager .content-select-all #select-all-files {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("imgs/checkbox.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 28px;
  height: 28px;
}
div#content .content-up-file .content-file-manager .content-select-all #select-all-files:checked {
  background-image: url("imgs/checkbox_hover.png");
}
div#content .content-up-file .content-file-manager .content-file-list-scroll {
  margin-bottom: 40px;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file {
  padding: 20px 0;
  height: 250px;
  overflow-y: scroll;
  /* Estilos para barra de scroll motores Webkit y blink (Chrome, Safari, Opera... )*/
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar {
  -webkit-appearance: none;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar:vertical {
  width: 10px;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar-button:increment {
  display: none;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar-button {
  display: none;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar:horizontal {
  height: 10px;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar-thumb {
  background-color: #8c6dca;
  border-radius: 20px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar-thumb:hover {
  background-color: #8b398c;
  cursor: pointer;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file::-webkit-scrollbar-track {
  border-radius: 10px;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file li .file-input {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #b0ceea;
  display: flex;
  padding: 5px 0;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file li .file-input .bc3-file-checkbox {
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("imgs/checkbox.png");
  background-repeat: no-repeat;
  background-position: center center;
  width: 28px;
  height: 28px;
}
div#content .content-up-file .content-file-manager .content-file-list-scroll .ul-file li .file-input .bc3-file-checkbox:checked {
  background-image: url("imgs/checkbox_hover.png");
}
div#content .content-up-file .content-file-manager .content-btn-list {
  display: flex;
  align-items: flex-end;
  height: 6vh;
  position: relative;
  width: 100%;
}
div#content .content-up-file .content-file-manager .content-btn-list #delete-files-button {
  padding: 10px 20px;
  border-radius: 20px;
  border-width: 1px;
  color: #fff;
  border: 0;
  background-color: transparent;
  margin-left: 20px;
  width: 200px;
  height: 60px;
  background-image: url("imgs/btn_eliminar_front.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: 0.3s all ease;
}
div#content .content-up-file .content-file-manager .content-btn-list #delete-files-button:hover {
  cursor: pointer;
  background-image: url("imgs/btn_eliminar_front_hover.png");
}
div#content .content-up-file .content-file-manager .popup-disabled {
  width: 100%;
  height: 100%;
  background-color: rgba(26, 28, 43, 0.7);
  z-index: 9999;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}
div#content .content-up-file .items-base {
  flex: 0 0 auto; /* Los elementos tendrán un ancho basado en su contenido */
  margin-right: 10px; /* Separación entre los elementos */
  width: auto;
  margin-bottom: 20px;
}
div#content .content-up-file .label-input-base {
  padding: 10px 20px;
  border-radius: 7px;
  transition: 0.3s all ease;
  width: 100%;
  display: flex;
}
div#content .content-up-file .label-input-base:hover {
  background-color: #8b398c;
  cursor: pointer;
  box-shadow: 0 0 100px 5px #8b398c;
}
div#content .content-up-file .label-input-base .active {
  background-color: #d487d8;
  box-shadow: 0 0 100px 5px #d487d8;
}
div#content .content-up-file .label-input-base .content-input-base {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #fff;
}
div#content .content-up-file .label-input-base .content-input-base {
  line-height: 30px;
  padding-left: 20px;
}
div#content .content-up-file .label-input-base input {
  display: none;
}
div#content .content-up-file .fecha-fin-front {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #e57a7a;
  font-size: 1rem;
  margin-top: 15px;
  display: inline-block;
}
div#content .content-up-file .ul-base {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  padding: 0;
  margin: 0;
  transition: transform 0.5s ease; /* Animación suave para el movimiento */
}

/********************************
INFO BASE
*********************************/
.content-info-selected-base {
  padding: 20px 40px 20px 0;
}
.content-info-selected-base .content-info-data-base {
  display: flex;
  flex-direction: column;
}
.content-info-selected-base .content-info-data-base .content-info-check {
  display: flex;
  flex-direction: row;
}
.content-info-selected-base .content-info-data-base .content-info-check .before-text.same-style-p {
  width: 20%;
}
.content-info-selected-base .same-style-p {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #8c6dca;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.content-info-selected-base .same-style-p img {
  width: 15px;
  height: 15px;
}
.content-info-selected-base .result-info-base {
  padding-left: 20px;
}
.content-info-selected-base .result-info-client {
  padding-left: 20px;
}

#selectedFilesHeading {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
  padding-bottom: 20px;
}

.content-legend {
  border-top: 2px solid #8c6dca;
  padding: 20px 40px 20px 0;
  display: flex;
  flex-direction: column;
}
.content-legend h3 {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  font-size: 1.5rem;
  color: #b0ceea;
  padding-bottom: 20px;
}
.content-legend li {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #b0ceea;
  display: flex;
  align-content: center;
  margin-bottom: 10px;
}
.content-legend li img {
  padding-right: 20px;
  width: 45px;
  height: auto;
}

/*******************************/
#post-10 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.osmlogin {
  background-image: url("imgs/login_png_morado.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 20vh;
  height: 20vh;
  transition: 0.3s all ease;
}
.osmlogin:hover {
  background-image: url("imgs/login_png_hover.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}
.osmlogin a {
  opacity: 0;
}

/**************************
 PÁGINA SUBIR FICHEROS
**************************/
.page-id-10 {
  background-color: #1a1c2b;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  background-color: #1a1c2b;
}
.page-id-10 .h3-msg {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #a4c0d7;
  font-size: 2rem;
  width: 80%;
}
.page-id-10 .h3-msg span {
  color: #e59a15;
  font-size: 1.5rem;
  line-height: 3rem;
}

.content-msg-p {
  border-bottom: 2px solid #8b398c;
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.content-h4-content-msg {
  margin: 80px 0;
  text-align: left;
  width: 100%;
}
.content-h4-content-msg .h4-content-msg {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #c7ce7e;
  font-size: 1.5rem;
}

.msg-p {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  text-align: right;
  color: #8c6dca;
  font-size: 1.2rem;
  width: 20%;
}

.todos-codigos-ok {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
  margin-top: 20px;
}

.table-show-content {
  border-bottom: 2px solid #8b398c;
}
.table-show-content .fixed-header .second-tr-header {
  background-color: #1d0533;
}

.tr-rendimiento {
  display: none;
}

.content-result-table {
  margin-top: 120px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
}
.content-result-table .txt-info-datas {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}
.content-result-table .txt-info-datas img {
  padding-right: 20px;
  width: 50px;
}

.sub-tabla th {
  border: none;
}
.sub-tabla td img {
  width: 31px;
  display: block;
  margin: auto;
}

.content-info-table {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 40px;
  width: 100%;
}
.content-info-table .content-h3 {
  width: 50%;
}
.content-info-table .content-h3 .h3-result {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  font-size: 2rem;
}
.content-info-table .content-h3 .h3-result span {
  color: #c7ce7e;
}
.content-info-table .content-h3 p {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
}
.content-info-table .content-h3 .content-p {
  padding-left: 20px;
}
.content-info-table .content-h3 .content-p p {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
}

.codigo-no-coincide h4 {
  margin-top: 20px;
  font-size: 1.2rem;
  font-family: "roboto_condensedregular";
  color: #b0ceea;
  font-weight: 100;
}
.codigo-no-coincide h4 span {
  color: #e57a7a;
}

.content-colors-legend {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  border-top: 1px solid #8c6dca;
  padding-top: 20px;
}
.content-colors-legend .txt-info-legend {
  display: flex;
  flex-direction: row;
  margin-right: 30px;
}
.content-colors-legend .txt-info-legend .red-circle {
  background-color: #e57a7a;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  margin-right: 15px;
  height: 12px;
  width: 12px;
}
.content-colors-legend .txt-info-legend .orange-circle {
  background-color: #df8010;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  margin-right: 15px;
  height: 12px;
  width: 12px;
}
.content-colors-legend .txt-info-legend p {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
}

.red-marc-msg {
  color: #fff;
  font-family: "swis721_bt_bold";
  width: 100%;
}

.printPDF-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
  padding-right: 20px;
  background-image: url("imgs/btn_imprimir.png");
  background-repeat: no-repeat;
  width: 190px;
  height: 93px;
  transition: 0.3s all ease;
}
.printPDF-bottom:hover {
  background-image: url("imgs/btn_imprimir_hover.png");
}

/**************************
 FOOTER
**************************/
footer {
  width: 100%;
  display: flex;
  bottom: 0;
  flex-direction: column;
}
footer .content-logo-footer {
  display: flex;
  justify-content: center;
}
footer .content-info-footer2 {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #b0ceea;
  text-align: center;
  margin-top: 40px;
}
footer .content-info-footer3 {
  text-align: center;
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  font-size: 2rem;
  color: #e8caef;
  margin-top: 20px;
}
footer .legal-content {
  display: flex;
  justify-content: center;
}
footer .legal-content ul {
  border-top: 1px solid #8b398c;
  display: flex;
  justify-content: space-between;
  width: 30%;
  margin-top: 20px;
  padding: 20px 0;
}
footer .legal-content ul li a {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  color: #8c6dca;
}

/**************************
 POPUPS
**************************/
.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 40px;
  z-index: 9999;
}
.popup-overlay .popup-content {
  border-radius: 5px;
  border: 2px solid #8c6dca;
  width: 50%;
  position: fixed;
  z-index: 10;
  background-color: rgba(20, 28, 48, 0.85);
  padding: 40px;
  left: 25%;
  top: 40%;
}
.popup-overlay .popup-content p {
  color: #b0ceea;
  font-size: 1.5rem;
  font-family: "swis721_bt_bold";
  padding-bottom: 40px;
  width: 70%;
  text-align: left;
  line-height: 2rem;
}
.popup-overlay .popup-content .popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  background-image: url("imgs/notice_Cross.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
  height: 50px;
}

.content-code-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 40px;
  z-index: 9999;
}
.content-code-popup .a-close-popup {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
  position: fixed;
  top: 40px;
  right: 40px;
}
.content-code-popup .a-close-popup img {
  width: 50px;
}
.content-code-popup .error-code-popup {
  width: 50%;
  max-height: 90%;
  display: flex;
  flex-direction: column;
  background-color: rgba(36, 11, 38, 0.85);
  border-radius: 5px;
  padding: 40px;
  border: 1px solid #d487d8;
}
.content-code-popup .error-code-popup .content-code {
  height: 90%;
  overflow-y: scroll;
}
.content-code-popup .error-code-popup h3, .content-code-popup .error-code-popup p {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-weight: 100;
  font-size: 2rem;
}
.content-code-popup .error-code-popup ul {
  margin-top: 30px;
}
.content-code-popup .error-code-popup ul li {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  font-weight: 100;
  color: #e8caef;
  font-size: 1.3rem;
}

#order-confirmation-popup {
  border-radius: 5px;
  border: 2px solid #8c6dca;
  width: 50%;
  position: fixed;
  z-index: 10;
  background-color: rgba(20, 28, 48, 0.85);
  padding: 40px;
  left: 25%;
  top: 40%;
}
#order-confirmation-popup p {
  color: #b0ceea;
  font-size: 1.5rem;
  font-family: "swis721_bt_bold";
  padding-bottom: 40px;
  width: 70%;
  text-align: left;
  line-height: 2rem;
}
#order-confirmation-popup .content-close_btn_popup {
  background-image: url("imgs/close_popup_order_base.png");
  background-repeat: no-repeat;
  background-position: center;
  width: 255px;
}
#order-confirmation-popup .content-close_btn_popup:hover {
  cursor: pointer;
  background-image: url("imgs/close_popup_order_base_hover.png");
}

.content-delete-file {
  display: flex;
  flex-direction: row;
}

#delete-confirmation-popup {
  border-radius: 5px;
  border: 2px solid #8c6dca;
  width: 50%;
  position: fixed;
  z-index: 10;
  background-color: rgba(20, 28, 48, 0.85);
  padding: 40px;
  left: 25%;
  top: 40%;
}
#delete-confirmation-popup p {
  color: #b0ceea;
  font-size: 1.5rem;
  font-family: "swis721_bt_bold";
  padding-bottom: 40px;
  width: 70%;
  text-align: left;
  line-height: 2rem;
}
#delete-confirmation-popup #confirm-delete-files {
  background-image: url("imgs/btn_eliminar.png");
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 40px;
  width: 150px;
  height: 37px;
  display: flex;
  background-position: center center;
  transition: 0.3s all ease;
}
#delete-confirmation-popup #confirm-delete-files:hover {
  background-image: url("imgs/btn_eliminar_hover.png");
  cursor: pointer;
}
#delete-confirmation-popup #cancel-delete-files {
  background-image: url("imgs/btn_cancelar.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: 0.3s all ease;
  color: #fff;
  padding: 10px 15px;
  border-radius: 0;
  border: 0;
  margin-right: 40px;
  width: 150px;
  height: 37px;
  display: flex;
}
#delete-confirmation-popup #cancel-delete-files:hover {
  background-image: url("imgs/btn_cancelar_hover.png");
  cursor: pointer;
}

/**************************
 LOGUIN
**************************/
#content-log-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login-modal-box .login-modal-close {
  top: 20px;
  right: 30px;
}
.login-modal-box .modal-content {
  background-color: rgba(29, 5, 51, 0.9);
  background-image: url("imgs/bg_login.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 2px solid rgba(212, 135, 216, 0.5);
  border-radius: 10px;
  padding: 15vh 30px 15vh;
  box-shadow: 0 0 150px 5px #6c236d;
}
.login-modal-box form .login-username label {
  display: none;
}
.login-modal-box form .login-username input {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #d487d8;
  padding: 10px 0;
  margin: 0 0 40px;
}
.login-modal-box form .login-username input::-moz-placeholder {
  color: #b0ceea;
}
.login-modal-box form .login-username input::placeholder {
  color: #b0ceea;
}
.login-modal-box form .login-username input:active {
  background-color: transparent;
  border: none;
}
.login-modal-box form .login-username input {
  color: #b0ceea;
}
.login-modal-box form .login-password label {
  display: none;
}
.login-modal-box form .login-password input {
  font-family: "roboto_condensedregular";
  font-weight: 100;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #d487d8;
  padding: 10px 0;
  margin: 0 0 40px;
}
.login-modal-box form .login-password input::-moz-placeholder {
  color: #b0ceea;
}
.login-modal-box form .login-password input::placeholder {
  color: #b0ceea;
}
.login-modal-box form .login-password input:active {
  background-color: transparent;
  border: none;
}
.login-modal-box form .login-password input {
  color: #e57a7a;
}
.login-modal-box form #wp-submit {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  border-radius: 5px;
  background-color: #d487d8;
  transition: 0.3s all ease;
}
.login-modal-box form #wp-submit:hover {
  cursor: pointer;
  box-shadow: 0 0 150px 5px #8b398c;
}

h3 {
  color: white;
}

pre.wp-block-code {
  display: none;
}

.btn-up {
  background-image: url("imgs/btn_up.png");
  background-repeat: no-repeat;
  display: inline-block;
  bottom: 10px;
  right: 10px;
  width: 100px;
  height: 100px;
  transition: 0.3s all ease;
  position: fixed;
  z-index: 4;
}
.btn-up:hover {
  background-image: url("imgs/btn_up_hover.png");
  background-repeat: no-repeat;
  cursor: pointer;
}

/*************** final*/
.slideshow-container {
  position: relative;
  width: 80%; /* Ancho fijo para el contenedor */
  overflow: hidden; /* Ocultar el contenido que desborda */
}

#registro-completo-frontend-form label {
  color: white;
}

/* TXTBOX Y LABELS DE REGISTROS */
.content-4 {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.content-4 .content-item-form {
  padding: 20px;
  width: 25%;
}
.content-4 .content-item-form input {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  padding-bottom: 10px;
  color: #b0ceea;
  width: 100%;
}
.content-4 .content-item-form input ::-moz-placeholder {
  color: red !important;
}
.content-4 .content-item-form input ::placeholder {
  color: red !important;
}

.addStyle {
  background-color: #8b398c;
  cursor: pointer;
  box-shadow: 0 0 100px 5px #8b398c;
}

/**************************
 ADMIN STYLES
**************************/
.content-form-user-gestion {
  width: 100%;
  margin: 40px 0 80px 0;
  display: flex;
  flex-direction: column;
  background-color: #cbcbcb;
  padding: 40px;
}
.content-form-user-gestion h4 {
  text-align: center;
  padding-bottom: 20px;
  font-family: "roboto_condensedregular";
  font-weight: 100;
  color: #b0ceea;
  font-size: 1.5rem;
  color: #1d0533;
}
.content-form-user-gestion .same-style-user-input {
  background-color: transparent;
  border: 1px solid #6f7d89;
  margin-right: 20px;
  padding: 15px;
}

form#create-user-form {
  width: 100%;
  display: flex;
}

#user-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 80px;
}

#user-table th, #user-table td {
  padding: 8px;
}

#user-table td[contenteditable] {
  cursor: text;
}

/**************************/
/**************************/
.alta-base-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}
.alta-base-table th, .alta-base-table td {
  border: 1px solid #8d7293;
  padding: 8px;
  text-align: left;
  color: #e8caef;
}
.alta-base-table th .editable-field, .alta-base-table td .editable-field {
  border: 1px solid #8d7293;
  background: transparent;
  width: 100%;
  padding: 4px;
  color: #8d7293;
  padding: 10px;
}

.editable-field:focus {
  border: 1px solid #007cba;
  outline: none;
}

.btn-delete {
  background-color: #dc3545;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 3px;
}

.btn-refresh {
  background-color: #28a745;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 20px;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 300px;
  border-radius: 5px;
  text-align: center;
}

.modal-buttons {
  margin-top: 20px;
}

.btn-cancel {
  background-color: #6c757d;
  color: white;
  border: none;
  padding: 8px 16px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}

.btn-confirm {
  background-color: #dc3545;
  color: white;
  border: none;
  padding: 8px 16px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 3px;
}

select.editable-field {
  width: 100%;
  padding: 4px;
}

.loading {
  opacity: 0.5;
  pointer-events: none;
}

/**************************/
.lista-codigos-ordenada {
  -moz-column-count: 10;
       column-count: 10; /* Divide en 10 columnas */
  -moz-column-gap: 20px;
       column-gap: 20px; /* Espacio entre columnas */
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.lista-codigos-ordenada li {
  padding: 2px 0;
  -moz-column-break-inside: avoid;
       break-inside: avoid; /* Evita que un código se corte entre columnas */
  font-size: 14px;
}

.tabla-codigos tr {
  border-bottom: 1px solid #524857;
}
.tabla-codigos tr td {
  color: #e57a7a;
}

.lista-codigos-no-encontrados {
  list-style: none;
  padding: 0;
  margin: 12px 0;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 8px;
}

.codigo-no-coincide.varios-codigos {
  width: 100%;
}

.lista-codigos-no-encontrados li {
  font-family: "roboto_condensedregular";
  font-size: 1.2rem;
  font-weight: 100;
  padding: 8px 10px;
  text-align: center;
  word-break: break-word;
  color: #e57a7a;
  font-size: 1rem;
}

/* 🧠 Responsive para pantallas más pequeñas */
@media (max-width: 900px) {
  .lista-codigos-no-encontrados {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 600px) {
  .lista-codigos-no-encontrados {
    grid-template-columns: repeat(2, 1fr);
  }
}
/**************************
 RESPONSIVE
**************************/
@media only screen and (max-width: 1200px) {
  .content-code-popup .error-code-popup {
    width: 80%;
  }
  header .content-sup-logogabinete-user .content-logo img {
    width: 70%;
  }
  header .content-sup-logogabinete-user .logged-in a {
    height: 35px;
    width: 100px;
  }
  header .content-sup-logogabinete-user .content-download {
    height: 35px;
    width: 200px;
  }
  header .content-sup-logogabinete-user .content-user-datas {
    width: 100%;
  }
  #bc3-upload-form .custom-file-upload {
    font-size: 1.1rem;
  }
  #content .content-file-name-list {
    font-size: 1rem;
  }
  #content table .td-first {
    border-bottom: 0;
    font-size: 0.8rem;
    padding: 10px;
  }
  #content table .td-sub {
    border-bottom: 0;
    padding: 12px;
  }
  #content table .th-common, #content table .th-common-1 {
    font-size: 0.8rem;
  }
  .file-input .file-input {
    font-size: 1rem;
  }
}
.hide-info-base {
  display: none;
}/*# sourceMappingURL=style.css.map */