@font-face {
  font-family: 'Poppins-SemiBold';
  src: url('/skins/page/fonts/Poppins-SemiBold.ttf');
}

@font-face {
  font-family: 'Poppins-Medium';
  src: url('/skins/page/fonts/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'Poppins-Light';
  src: url('/skins/page/fonts/Poppins-Light.ttf');
}

@font-face {
  font-family: 'Poppins-ExtraLight';
  src: url('/skins/page/fonts/Poppins-ExtraLight.ttf');
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url('/skins/page/fonts/Poppins-Bold.ttf');
}

@font-face {
  font-family: 'Mongoose-Light';
  src: url('/skins/page/fonts/Mongoose-Light.otf');
}

@font-face {
  font-family: 'Mongoose-Black_0';
  src: url('/skins/page/fonts/Mongoose-Black_0.otf');
}

@font-face {
  font-family: '7days';
  src: url('/skins/page/fonts/7days.ttf');
}



* {
  margin: 0;
  padding: 0;
  font-family: 'Poppins-Medium', 'Poppins-Light', 'Poppins-ExtraLight', 'Poppins-Bold', 'Mongoose-Light', 'Mongoose-Black_0', '7days', sans-serif;
  box-sizing: border-box;
}

:root {
  --morado: #735CA3;
  --secondary: #FDD700;
  --rojo: #F04263;
}

body {
  /*   width: 100vw;
  height: 100vh; */
  /* overflow: hidden; */
  font-family: 'Poppins-Medium', 'Poppins-Light', 'Poppins-ExtraLight', 'Poppins-Bold', 'Mongoose-Light', 'Mongoose-Black_0', '7days', sans-serif;
  background-image: url(/skins/page/images/fondoweb.png);
}


.contenedor-general {
  /* margin-top: 108px; */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*-----------------------------------------------
 HEADER 
 ------------------------------------------------*/
header {
  width: 100%;
  /* position: fixed; */
  top: 0;
  z-index: 999;
}

.navbar-nav .nav-link {
  /* color: var(--morado); */
  font-family: 'Poppins-Medium';
  font-weight: 550;
  font-size: 1rem;

}

.navbar-buttons {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 9px;
}

@media (min-width:1000px) {
  header .navbar .container {

    padding: 0 72px;
  }
}

.fendy-header,
.asociado-header,
.afiliate-header {
  height: 90px;
  color: #FFF;
  border: none;
  padding: 20px 5px 10px 5px;
  width: 105px;
  font-family: 'Poppins-Light';
  font-weight: 200;
  font-size: 0.9rem;
  display: grid;
  place-items: center;
  border-radius: 15px 15px 0 0;
  bottom: -5px;
  text-decoration: none;
  position: relative;


}

.fendy-header img,
.asociado-header img,
.afiliate-header img {
  width: 30px;
}



.fendy-header .svg-container,
.asociado-header .svg-container,
.afiliate-header .svg-container {
  position: absolute;
  top: -16px;
  right: 0px;
}

.afiliate-header .svg-container svg {
  /* fill: var(--morado); */
}

/*-----------------------------------------------
 FIN HEADER 
 ------------------------------------------------*/
/*-----------------------------------------------
 FOOTER 
 ------------------------------------------------*/
footer {
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
}

footer * {
  font-family: 'Poppins-Light';

}

.footer {
  /* background: var(--rojo); */
  position: relative;
  border-radius: 15px 15px 0 0;
  height: 160px;


}

.footer .svg-container {
  position: absolute;
  top: -45px;
  left: 40px;
}

.footer .svg-container svg {
  /* fill: var(--secondary); */
}

.footer .robot-container {
  position: absolute;
  top: -120px;
  right: 40px;
}

.footer .robot-container img {
  width: 185px;
}


.nav-social-media {
  display: flex;
  gap: 15px;

}

.nav-social-media a {
  text-decoration: none;
  color: #FFF;
  font-size: 1.5rem;
}

.nav-social-media .vr {
  color: #FFF;
}

.nav-social-media .vr:last-child {
  /* Estilos adicionales para el último botón */
  display: none;
}

/*-----------------------------------------------
 FIN FOOTER 
 ------------------------------------------------*/

/* 
.content-wrapper {
  height: 100%;
}
.content-wrapper .row {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  line-height: 1;
  padding-top: 50px;
  padding-bottom: 50px;
}
.content-wrapper .row .title {
  font-size: 3rem;
  color: #333;
  font-weight: 600;
}
.content-wrapper .row .time-container {
  font-size: 15rem;
  color: #333;
  font-weight: 600;
}
.content-wrapper .row .minutes {
  font-size: 3.5rem;
  color: #333;
  font-weight: 600;
} */

.btn-content {

  z-index: 3;
}
/*------------------------------------
HOME INICIO
--------------- ------------------------ */

.main-principal {

  gap: 1rem;
  display: grid;
  place-items: center;
  position: relative;
  margin-bottom: 50px;
}

.main-principal-responsive {
  display: none;
  gap: 1rem;

  place-items: center;
  position: relative;
  margin-bottom: 50px;
}

.contenedor-2-responsive {
  display: none;

}

.sec1 {

  height: 450px;
  border-radius: 67px;
  width: 100%;
  /* background: var(--rojo); */


}

.sec2 {

  height: 330px;
  border-radius: 67px;
  width: 100%;
  font-size: 12px;
  /* background: #00F4F5; */


}

.sec3 {
  align-items: center;
  height: 390px;
  width: 87%;
  border-radius: 67px;
  position: absolute;
  margin-top: 240px;
  z-index: 9;
}

.sec3 .svg-container-home {
  position: absolute;
  top: -23px;
  left: 35px;
}

.info img {
  /* background: #00dcdd; */
  width: 2.5rem;
  border-radius: 50%;
  padding: 5px;
}

.list_links_interes {
  /* background: #f04263; */
  margin-top: 20px;
  color: #FFF;
  padding: 4px 10px 4px 25px;
  border-radius: 50px;
  display: block;
  text-decoration: none;
}

.list_links_interes:hover {

  color: #FFF;
  text-decoration: underline;

}


.list_links_interes img {
  /* background: #00dcdd; */
  width: 2rem;
  border-radius: 50%;
  padding: 5px;
}

.titulo {

  font-family: 'Mongoose-Light';
  margin: 0;
  font-size: 2rem;
  line-height: 40px;

}


.titulo-color {
  font-family: 'Mongoose-Black_0';
  font-size: 3rem;
  font-weight: bold;
  /* color: #f04263; */
  margin: 0;
  line-height: 30px;
}

.subtitulo {
  margin: 0;
  line-height: 30px;
  font-weight: 100;
  font-family: 'Poppins-ExtraLight';

}

.descrip p {
  line-height: 0.9 !important;
}

.ir_fendy {

  font-size: 1rem;
  font-family: 'Poppins-Medium';
  font-weight: 500;
}

.ir_fendy img {
  width: 3rem;
  /* background: #00dcdd; */
  border-radius: 50%;

}

.fendy_categorias {
  /* font-family: 'Poppins-Light'; */
  font-family: 'Poppins-Light';
  /* color: #FFF; */
  font-size: 0.9rem;
  text-decoration: underline;

}

.list_links_fendy {
  /* color: #FFF; */
  padding: 5px 0px;
  border-radius: 20px;
  display: block;
  text-decoration: none;
  font-family: 'Poppins-ExtraLight';

}

.list_links_fendy img {
  /* background: #00dcdd; */
  width: 2rem;
  border-radius: 50%;
  padding: 5px;
}

.img_menu {
  width: 3rem;
}

.list_links_info img {
  width: 4.5rem;

}

.botones-index {
  margin: auto 0;
}

.botones-index img {
  width: 7.5rem;

}

.botones-index-pse {
  margin: auto 0;
}

.botones-index-pse img {
  width: 9.5rem;
  height: 5rem;
  object-fit: cover;

}

.custom-tooltip {
  --bs-tooltip-bg: #ffffff4d;
  font-family: 'Poppins-ExtraLight';


}

.ruleta {
  width: 356px;
  height: 356px;
  /* background: #00dcdd; */
  border-radius: 50%;
  position: absolute;
  top: -159px;
}

/* Estilos para el contenedor que contiene ambos elementos */
.contenedor {
  position: relative;
  width: 300px;
  height: 300px;
}


.triangle {
  position: relative;
  overflow: hidden;
  transform: translateY(50%) rotate(30deg) skewY(30deg) scaleX(0.866);
  pointer-events: none;
  border-radius: 30%;
}

.triangle,
.triangle::before,
.triangle::after {
  width: 5rem;
  height: 5rem;
  position: absolute;
  margin-top: -223px;
  margin-left: 139px;
}

.triangle::before,
.triangle::after {
  content: "";
  position: absolute;

  pointer-events: auto;
}

.triangle::before {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(30deg) scaleY(0.866) translateX(-24%);
}

.triangle::after {
  transform: scaleX(1.155) skewY(-30deg) rotate(-30deg) translateY(-42.3%) skewX(-30deg) scaleY(0.866) translateX(24%);
}

.triangle::before {
  border-radius: 20% 20% 20% 55%;
}

.triangle::after {
  border-radius: 20% 20% 55% 20%;
}



.tr-p2{
  margin-top: -206px;
  margin-left: 61px;
  transform: translateY(50%) rotate(0deg) skewY(30deg) scaleX(0.866);
}
.tr-p3{
  margin-top: -199px;
  margin-left: 214px;
  transform: translateY(50%) rotate(56deg) skewY(30deg) scaleX(0.866);
}
.tr-p4{
  margin-top: -155px;
  margin-left: 1px;
  transform: translateY(50%) rotate(154deg) skewY(30deg) scaleX(0.866);
}.tr-p5{
  margin-top: -159px;
  margin-left: 269px;
  transform: translateY(50%) rotate(80deg) skewY(30deg) scaleX(0.866);
}
/* styles below for demonstration purposes only */


/* .ruleta::after  {
  content: "";
position: absolute;
bottom: 99%;
left: 50%;

margin-left: -20px; 
border-left: 20px solid transparent;
border-right: 20px solid transparent;

border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
 */
.cabezote img {
  width: auto;
  height: 464px;
  position: absolute;
  bottom: 0;
  object-fit: cover;
  z-index: 10;
  /* margin-left: -60px; */
}

.cabezote {
  display: flex;
  align-items: center;
  justify-content: center;
}

.legal-index {
  font-family: 'Poppins-ExtraLight';

}

.nav-social-media-index {
  display: flex;
  gap: 10px;

}

.nav-social-media-index a {
  text-decoration: none;
  color: #FFF;
  font-size: 1rem;
}

.nav-social-media-index .vr {
  height: 50%;
  margin: auto 0;
}


.animation_main_div {
  position: absolute;
  margin: 0px auto;
  display: block;
  width: 200px;
  /* left:30%;
  top:30%; */
  /* margin-left:100px; */
  margin-top: 100px;
}


.circle {
  width: 227%;
  height: 206%;
  border-radius: 50%;
  background: #ffffff13;
  margin-left: -64%;
  margin-top: 3%;
  padding: 30px;

}


.circle2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffffffb0;
  margin: auto;
}

.circle3 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: auto;
  margin-top: 20px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circleactive {
  width: 70px !important;
  height: 70px !important;
}

.circle3 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.circle3 a img {
  width: 60px;
  padding: 10px;
  width: 100%;
  z-index: 999;
  position: relative;
}


.circle4 {
  width: 60px;
  height: 60px;
  border-radius: 50%;

  margin: auto;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circulo-contenedor {
  display: flex;
  justify-content: center;
}

.circle4 img {
  padding: 10px;

  width: 100%;
  z-index: 999;
  position: relative;
}





/*------------------------------------
HOME FIN
--------------- ------------------------ */
/*------------------------------------
BOTONES FLOTANTES FIN
--------------- ------------------------ */
.btn-flotante {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
}

.btn-flotante img {
  width: 70%;
}

/*------------------------------------
BOTONES FLOTANTES FIN
--------------- ------------------------ */

/*------------------------------------
CONTACTENOS INICIO
--------------- ------------------------ */

.content-left {
  flex-direction: column;
  display: flex;
  position: absolute;
  margin: 100px 20px 100px 20px;
  height: 570px;
  width: 180px;
}

.content-left .icon2 {
  padding: 10px;
  margin: 0 auto;
  border-radius: 50%;
  width: 115px;
  height: 115px;
  object-fit: contain;

}


.section-1 {

  border-radius: 75px;

  /* min-height: 100vh; */
  height: auto;

}

.section-2 {
  margin-left: 20%;
  border-radius: 74px;
  padding: 65px 65px 60px 65px;
  /* min-height: 100vh; */
  min-height: 620px;
  height: auto;
  /* padding-bottom: 100px; */
  z-index: 1;
  position: relative;


}

.section-2 h2 {
  font-weight: 800;
  font-size: 3rem;
}

.text-correo span {

  font-family: 'Poppins-Light';
}

.svg-container-contacto {
  float: right;
  margin-top: -26px;
  margin-right: 36px;
  z-index: 2;
    position: relative;
}

.contactanos-header {
  height: 250px;
  border-radius: 45px;
}

.contactanos-header h1 {
  font-size: 3rem;
  font-weight: 800;
}

.contactanos-header .icon {
  width: 130px;
  height: 120px;
}

.list_links_contacto img {
  width: 70px;
}

.cuadrado {
  width: 300px;
  height: 300px;
  position: absolute;
  margin-top: 190px;
  -webkit-box-shadow: 0px 10px 13px -3px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 0px 10px 13px -3px rgba(0, 0, 0, 0.38);
  box-shadow: 0px 10px 13px -3px rgba(0, 0, 0, 0.38);
  border-radius: 40px;

}

.cuadrado .svg-container-home {
  position: absolute;
  top: -23px;
  left: 15px;
}

.cuadrado img {
  width: 142%;
  margin-left: -53px;
  margin-top: 50px;
  height: 300px;
  object-fit: contain;
}

/*------------------------------------
CONTACTENOS FIN
--------------- ------------------------ */

/*------------------------------------
SLIDER INICIO
--------------- ------------------------ */
.slider-nosotros h3 {
  font-weight: 600;
  margin-bottom: 0;

}

.slider-nosotros .cargo {
  font-size: 1.2rem;
  font-weight: 400;

}

/*------------------------------------
SLIDER FIN
--------------- ------------------------ */
/*------------------------------------
SLIDER CREDITOS INICIO
--------------- ------------------------ */

.contendor-creditos-slider {
  display: grid !important;
  align-items: center;
  padding: 30px 20px 30px 20px;
  min-height: 145px !important;
  max-width: 75% !important;
  border-radius: 15px;
  position: relative;
  margin: 0px 55px;
  cursor: pointer;
}

.contendor-creditos-slider span {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.1;
  padding-right: 24px;
}

.contendor-creditos-slider .svg-container-servicios {
  position: absolute;
  top: -15px;
}


/*------------------------------------
SLIDER CREDITOS FIN
--------------- ------------------------ */

/*------------------------------------
AFILIATE INICIO
--------------- ------------------------ */
.design-one {}

.design-one .img-designone {
  width: 100% !important;
  border-radius: 20px;
}


/*------------------------------------
AFILIATE FIN
--------------- ------------------------ */
/*------------------------------------
SISTEMA
--------------- ------------------------ */

/*------------------------------------
LOGIN INICIO
--------------- ------------------------ */
.containerlogin {
  display: flex;
  align-items: center;
  justify-content: center;
}

.screen {
  background: linear-gradient(90deg, #5D54A4, #7C78B8);
  position: relative;
  height: 600px;
  width: 360px;
  box-shadow: 0px 0px 24px #5C5696;
}

.screen__content {
  z-index: 1;
  position: relative;
  height: 100%;
}

.screen__background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0);
}

.screen__background__shape {
  transform: rotate(45deg);
  position: absolute;
}

.screen__background__shape1 {
  height: 520px;
  width: 520px;
  background: #FFF;
  top: -50px;
  right: 120px;
  border-radius: 0 72px 0 0;
}

.screen__background__shape2 {
  height: 220px;
  width: 220px;
  background: #6C63AC;
  top: -172px;
  right: 0;
  border-radius: 32px;
}

.screen__background__shape3 {
  height: 540px;
  width: 190px;
  background: linear-gradient(270deg, #5D54A4, #6A679E);
  top: -24px;
  right: 0;
  border-radius: 32px;
}

.screen__background__shape4 {
  height: 400px;
  width: 200px;
  background: #7E7BB9;
  top: 420px;
  right: 50px;
  border-radius: 60px;
}

.login {
  width: 320px;
  padding: 30px;
  padding-top: 156px;
}

.login__field {
  padding: 20px 0px 20px 10px;
  position: relative;
}

.login__icon {
  position: absolute;
  top: 30px;
  color: #7875B5;
}

.login__input {
  border: none;
  border-bottom: 2px solid #D1D1D4;
  background: none;
  padding: 10px;
  padding-left: 24px;
  font-weight: 700;
  width: 75%;
  transition: .2s;
}

.login__input:active,
.login__input:focus,
.login__input:hover {
  outline: none;
  border-bottom-color: #6A679E;
}

.login__submit {
  background: #fff;
  font-size: 14px;
  margin-top: 30px;
  padding: 16px 20px;
  border-radius: 26px;
  border: 1px solid #D4D3E8;
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
  width: 100%;
  color: #4C489D;
  box-shadow: 0px 2px 2px #5C5696;
  cursor: pointer;
  transition: .2s;
}

.login__submit:active,
.login__submit:focus,
.login__submit:hover {
  border-color: #6A679E;
  outline: none;
}

.button__icon {
  font-size: 24px;
  margin-left: auto;
  color: #7875B5;
}


.olvido-clave {
  position: absolute;
  height: 38px;
  width: 200px;
  text-align: center;
  bottom: 73px;
  right: 0px;
}

.olvido-clave a {
  color: #fff;
  transition: all 300ms;

}


.olvido-clave a:hover {
  color: #F04263;
}



.volver-home {
  position: absolute;
  height: 58px;
  width: 160px;
  text-align: center;
  bottom: 5px;
  right: 0px;
}

.volver-home a {
  color: #fff;
  transition: all 300ms;

}


.volver-home a:hover {
  color: #F04263;
}

.social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
}


/*------------------------------------
LOGIN FIN
--------------- ------------------------ */


/*------------------------------------
CABECERA SISTEMA INICIO
--------------- ------------------------ */
.cabecera_sistema {
  padding: 30px 40px 40px 40px;
  border-radius: 30px;
}

.cabecera_sistema .icono_usuario {
  width: 25px;
  height: 25px;

}

.cabecera_sistema .nombre_usuario {
  text-decoration: underline;
  font-size: 0.9rem;
  font-family: 'Poppins-Medium';
  font-weight: 500;

  font-size: 1rem;

}

.cabecera_sistema .descripcion_zona {
  font-weight: 500;
  font-family: 'Poppins-Light';
  margin: 0;
  font-size: 0.9rem;
  margin-top: 6px;
}

.cabecera_sistema .icono_opciones {
  width: 25px;
  height: 25px;
}

.cabecera_sistema a {
  font-weight: 500;
  font-family: 'Poppins-Light';

  font-size: 0.9rem;
  text-decoration: none;

}

.img-servicios {
  width: 100%;
  margin-top: -45px;
  height: 170px;
  object-fit: contain;
}

/*------------------------------------
CABECERA SISTEMA FIN
--------------- ------------------------ */

/*------------------------------------
OPCIONES SISTEMA INICIO
--------------- ------------------------ */
.card-opcion {
  position: relative;
  padding: 45px 30px 10px 20px;
  border-radius: 20px;

  width: 100%;
  max-width: 290px;
  height: 230px;

}

.card-opcion img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover;
  border-radius: 15px;
  padding: 10px;
  position: absolute;
  right: -25px;
  top: 15%;
}


.card-opcion .svg-container-opciones {
  position: absolute;
  top: -15px;
}

.card-opcion .titulo-opcion {
  font-size: 1.9rem;
  line-height: 0.9;
  font-weight: 800;
  display: block;
  padding-right: 10 px;
}

.card-opcion .texto-opcion {
  font-family: 'Poppins-Light';
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*------------------------------------
OPCIONES SISTEMAfin
--------------- ------------------------ */


/* Documentos */



.docs-container {
  margin: 0 5px 100px 5px;
  /* max-width: 1000px; */


}

.docs-container * {
  font-family: 'Poppins-Light';
}

.docs-container a {
  color: inherit;
  text-decoration: none;
}


.docs-container .docs-header .iconos {
  text-align: right;
  padding: 0px 15px 0px;
}

.docs-container .iconos i {
  font-size: 15px;
  background: #fff;
  padding: 7px 8px;
  border-radius: 50px;


}

.docs-container .docs-header {
  height: 45px;
  border-radius: 20px 20px 0 0;
  background-color: var(--primary-color);
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 30px 30px;
}

.docs-container .docs-header h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 0;
}

.docs-container .items-docs-row {
  max-height: 500px;
  overflow-y: scroll;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.docs-container .items-docs-row::-webkit-scrollbar {
  width: 5px;
}

.docs-container .items-docs-row::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 50px;
}

.docs-container .items-docs-row .doc-item-theme {
  padding: 10px 20px;
  background-color: var(--primary-color);
  border-radius: 50px;
  cursor: pointer;
}

.docs-container .items-docs-row .doc-item-theme h4 {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 300;
  margin-bottom: 0;
}

.docs-container .items-docs-row .doc-item-theme .img-docs {
  width: 25px;
}

.docs-container .items-docs-row .doc-item-file {
  padding: 5px 20px;
  background-color: #eff0f0;
  border-radius: 10px;
  cursor: pointer;
}

.docs-container .items-docs-row .doc-item-file h4 {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
  padding: 0.75rem;
}

.docs-container .items-docs-row .doc-item-head {
  padding: 8px 20px;
  background-color: var(--blue);
  border-radius: 8px;
  cursor: pointer;
}

.docs-container .items-docs-row .doc-item-head .documento {
  position: relative;
}

.docs-container .items-docs-row .area {
  position: relative;
}

.docs-container .items-docs-row .adjuntos {
  position: relative;
}

.docs-container .items-docs-row .doc-item-body .documento::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 50px;
  background: var(--cian);
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.docs-container .items-docs-row .doc-item-body .area::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  height: 50px;
  background: var(--cian);
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.docs-container .items-docs-row .doc-item-head span {
  color: #fff;
}

.docs-container .items-docs-row .doc-item-body {
  background: transparent;
  border: 1px solid #e0e0e0;
  cursor: inherit;
}

.docs-container .items-docs-row .doc-item-body span {
  color: #6b8080;
  font-size: 0.8rem;
}

.docs-container .items-docs-row .doc-item-body h4 {
  color: #6b8080;
  font-size: 1.1rem;
}

seccion .docs-container .items-docs-row .doc-item-file .img-docs {
  width: 70px;
}

.docs-container .cont-docs {
  display: none;
}



.docs-container .doc {

  padding: 15px 20px;
  background-color: #eff0f0;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 10px;
}

.docs-container .doc:nth-child(2n) {
  background-color: #fff;
}

.docs-container .doc h5 {
  margin-bottom: 0;
  color: var(--primary-color);
  font-size: 1rem;
  font-weight: 100;
}

/* formularios */
.titulo-sistema {
  line-height: 1;
  font-size: 2.5rem;
  margin-bottom: 0;
  margin-top: 35px;

  font-weight: 600;
  color: #565656;
}

.descrip-sistema {
  font-family: 'Poppins-Light';
  margin-top: 10px;
}




/* EStado de cuenta */

.caja-estado-basica {
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin-bottom: 30px;
}

.caja-estado-basica strong {
  display: inline-block;
  min-width: 250px;
  color: #0084C9;
}

.caja-estado-basica .fila-basica {
  padding-bottom: 10px;
  font-size: 13px;
}

.caja-estado {
  border: 1px solid #e2e2e2;
  padding: 20px;
  margin-bottom: 30px;
}

.caja-estado h2 {
  color: #0084C9;
  font-size: 18px;
  margin-top: 0;
}

.campo-perfil {
  font-size: 13px;
}

.caja-simulador {
  background: #EEEEEE;
  border: 1px #e2e2e2 solid;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.caja-simulador .btn-success {
  background: #0084C9;
  border-color: #0084C9;
}

#cajasimulacion {
  background: #EEEEEE;
  border: 1px #e2e2e2 solid;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: none;
}

.titulo-simulador {
  background: #0084C9;
  color: #FFFFFF;
  padding: 5px;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.table {
  font-size: 12px;
}

.caja-contenidos {
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
  background: #EEEEEE;
  margin-bottom: 1px;
  font-size: 13px;
}

.caja-contenidos:nth-child(even) {
  background: #d6e4f9;
}

.caja-contenidos.total {
  color: #000000;
  text-align: center;
}


.btn-perfil {
  background: #0084C9;
  color: #FFFFFF;
  border: 1px solid #0084C9;
}

.btn-perfil:hover {
  color: #0084C9;
  ;
  background: #FFFFFF;
}

.caja-perfil {
  background: #EEEEEE;
  padding: 20px;
  border: 1px solid #e2e2e2;
}