/* Desarrollado por */ 
/* viwhite - Soluciones Tecnologicas */ 
/* www.viwhite.com */ 
/* customers@viwhite.com */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  width: 100%; height: 100vh; margin: 0 auto;
  overflow-x: hidden;
  background-color: #fff; background-image: url('');
  background-attachment: fixed; background-position: 0 0; background-size: cover; background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
}

.text-10-b{ font-size: 10px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-10-s{ font-size: 10px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-12-b{ font-size: 12px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-12-s{ font-size: 12px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-14-b{ font-size: 14px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-14-s{ font-size: 14px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-18-b{ font-size: 18px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-18-s{ font-size: 18px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-18-s-l{ text-align: left; font-size: 14px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-20-b{ font-size: 20px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-20-s{ font-size: 20px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-24-b{ font-size: 24px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-24-s{ font-size: 24px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-30-b{ font-size: 30px; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.text-30-s{ font-size: 30px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.text-null-s{ font-size: 35px; font-family: 'Roboto'; text-decoration:none !important; }
.text-null-b{ font-size: 35px; font-family: 'Roboto'; text-decoration:none !important; }
.hw-title-import{ color: #292929; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.hb-title-import{ font-size: 24px; color: #fff; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }

.title-h1-s { font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.title-h1-b { font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.tbg-cobiano { color:#141b4d; }
.tbg-withe { color: rgb(252, 252, 252);}
.tbg-black { color: rgb(0, 0, 0);}.tbg-black-5 { color: rgb(0, 0, 0, 0.5);}.tbg-black-7 { color: rgb(0, 0, 0, 0.7);}.tbg-black-9 { color: rgb(0, 0, 0, 0.9);}
.tbg-gris { color: rgb(204, 204, 204);}.tbg-grey-5 { color: rgb(204, 204, 204, 0.5);}.tbg-grey-7 { color: rgb(204, 204, 204, 0.7);}.tbg-grey-9 { color: rgb(204, 204, 204, 0.9);}
.tbg-acua { color: #079cb6;}
.tbg-acua-o { color: #003050;}.tbg-acua-bo { font-weight: bold; color: #003050;}
.tbg-orange { color: rgb(252, 105, 5);}
.tbg-gris-c { color: #424242;}
.tbg-gris-o { color: #292828;}
.tbg-vino { color: #68071e;}
.tbg-black2 { color: #292929;}
.tbg-yellow { color: #ebc106;}
.tbg-negro1 { color: #ebc106;}

/* == Estylos de Links == */
.link-sub-12ws {font-size: 20px;font-weight: bold;display: inline-block;padding: 5px 5px;}
.link-sub-12ws a {color: #000;outline: none;text-decoration: none;}
.link-sub-12ws a:link {  color: #079cb6;}
.link-sub-12ws a:visited {  color: #424242;}
.link-sub-12ws a:focus { padding-bottom: 3px; }
.link-sub-12ws a:hover { color: #079cb6; padding-bottom: 3px; }
.link-sub-12ws a:active {  color: #424242;}

.link-sub-12wo {font-size: 20px;font-weight: bold;display: inline-block;padding: 5px 5px;   }
.link-sub-12wo a {color: #000;outline: none;text-decoration: none;  }
.link-sub-12wo a:link {  color: #079cb6;    }
.link-sub-12wo a:visited {  color: #003050;}
.link-sub-12wo a:focus { padding-bottom: 3px; }
.link-sub-12wo a:hover { color: #079cb6; padding-bottom: 3px; }
.link-sub-12wo a:active {  color: #003050;}
/* == Estylos de fondos background == */
.bg-withe { background-color: rgb(252, 252, 252);}
.bg-black-n { background-color: rgb(0, 0, 0)}
.bg-gris-n { background-color: rgb(204, 204, 204, 0.7);}
.bg-acua-n { background-color: rgb(7, 156, 182);}
.bg-orange-n { background-color: rgb(252, 105, 5);}
.bg-gris-c { background-color: #424242;}
.bg-gris-o { background-color: #292828;}
.bg-vino { background-color: #68071e;}
.bg-black2 { background-color: #292929;}
.bg-yellow { background-color: #ebc106;}
.bg-white-o { background-color: #f4f3f3;}

/* Bordes */
.brds-b-yellow-1 {
    border-bottom: 1px solid #ebc106;
}
/*** Mensaje de Error Notfic ***/
.has-error{color:#fcb7a2 !important;}
.has-success{color:#78b310 !important;}
.has-error input{border:1px solid #fcb7a2 !important;}
.has-success input{border:1px solid #78b310 !important;}

.message_success{
    background-color: #78b310; color:#fff;padding: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);    
}
.message_error{
    background-color: #fc9393; color:#fff;padding: 5px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/* == Estylos de Btns == */
.btn-align-center { text-align: center;}
.btn-outline-cc {
  width: auto;
  min-width: auto;
  padding: 5px;
  color: #68071e;
  text-decoration:none !important;
  font-family: 'Roboto';
  background-color: transparent;
  border-radius: 4px;
}
.btn-outline-cc:focus-visible{
  color: #fff;
}
.btn-outline-cc:hover{
  color: #fff;
  background-color: #68071e;
}
.btn-outline-in {
  width: auto;
  min-width: auto;
  padding: 5px;
  color: #fff;
  text-decoration:none !important;
  font-family: 'Roboto';
  background-color: #92c5c8;
  border: 1px solid #92c5c8;
  border-radius: 4px;
}
.btn-outline-in:focus-visible{
  color: #92c5c8;
}
.btn-outline-in:hover{
  color: #fff;
  border: 1px solid #92c5c8;
  background-color: rgba(146, 197, 200, 0.702);
}
.btn-iniciar {
  width: auto;
  min-width: 180px;
  padding: 7px 1rem;
  color: #68071e;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
  background-color:transparent;
  border: 2px solid #68071e;
  border-radius: 15px;
}
.btn-iniciar-2 {
  width: auto;
  min-width: 180px;
  padding: 5px 1rem;
  color: #fff;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
  background-color: #68071e;
  border: 2px solid #68071e;
  border-radius: 7px;
}
.btn-iniciar-lign {
  width: auto;
  min-width: 180px;
  padding: 3px 3px;
  color: #68071e;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
  background-color:transparent;
  border: 1px solid #68071e;
  border-radius: 7px;
}
.btn-iniciar-lign:focus-visible,.btn-iniciar:focus-visible,.btn-iniciar-2:focus-visible{
  color: #fff;
}
.btn-iniciar-lign:hover,.btn-iniciar:hover{
  color: #fff;
  background-color: #68071e;
}
.btn-iniciar-2:hover{
  color: #fff;
  background-color: #4d0314;
}
.btn-start {width: auto;min-width: 180px;padding: 1rem 2rem;color: #fff;text-decoration:none !important;font-family: 'Ramabhadra';background-color: #079cb6;border: 1px solid #079cb6;border-radius: 7px;
}
.btn-start:focus-visible,.btn-start:focus-visible{color: #fff;}
.btn-start:hover,.btn-start:hover{ color: #fff; background-color: #078fa7; }

.btn-start-o {width: auto;min-width: 180px;padding: 1rem 2rem;color: #fff;text-decoration:none !important;font-family: 'Ramabhadra';background-color: #003050;border: 1px solid #003050;border-radius: 7px;
}
.btn-start-o:focus-visible,.btn-start-o:focus-visible{color: #fff;}
.btn-start-o:hover,.btn-start-o:hover{ color: #fff; background-color: #003050; }
/* == Estylos de colores == */
/* == Estylos de Bordes == */
/* == Fondos de paneles == */
.back-img-right {
  background-image: url('./assets/images/raw-chart-bg-right.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.back-img-left {
  background-image: url('./assets/images/raw-chart-bg.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.back-img-n {
  background-image: url('./assets/images/raw-chart-bg-n.png');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.back-img-creators {
  background-image: url('./assets/images/creadores.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
/* == Contenedor de cuentas  == */
.container-bag-account {
  display: flex; 
  flex-direction: column;
  width: 100%;min-width: 100%;
  height: auto; 
  border-radius: 10px;
  padding: 5px;
  margin-bottom: 5px;
  background-color: #000;
}
.car-container-bag-account {
  display: flex; 
  flex-direction: column;
  width: 100%;min-width: 100%;
  height: auto; 
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 5px;
  background-color: #000;
}
.container-bag-box { 
  position: relative;
  width: 100%;min-width: 100%;
  height: auto; 
  border-radius: 10px; 
  padding: 5px;
  margin-bottom: 5px;
  background-color: #292929;
}
.in-box-items { 
  width: 100%;min-width: 100%;
  height: auto;  
  padding: 5px;
  margin: 0 auto;  
}
.in-box-items-1 { 
  display: inline-block;
  width: 45%;min-width: 45%;
  height: auto;  
  margin: 0 auto;
  text-align: left; 
}
.btn-in-box-items { 
    position: absolute;
    top: -3px;
    right: -3px;
    width: auto;max-width: auto;
    height: auto;
    padding: 3px;
    border: 1px solid #fff;
    border-radius: 4px;   
}
.box-title-items {
    display: inline-block;
    width: auto; 
    height: auto;
    text-align: left;
    padding-bottom: 3px;
}
.box-items-100 { display: inline-block;
  width: 100%;min-width: 100%; height: auto; margin: 0 5px; 
}
.box-items-50 { display: inline-block;
  width: 50%;min-width: 50%; height: auto; margin: 0 5px; 
}
.box-items-20 {  display: inline-block;
  width: 20%;min-width: 20%; height: auto; margin: 0 5px; 
} 
.box-items-10 {  display: inline-block;
  width: 10%;min-width: 10%; height: auto; margin: 0 5px; 
}
.gab-list-overflow {
    width:100%;min-width:100%;
    height:auto;max-height:300px;
    padding: 5px;
    overflow-y: auto; 
    overflow-x: hidden;
}
/* Atylo de boton llamado a la accion personalizado */
.btn-in {
  color: #fff;
  width: 90%;
  height: auto;
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
  border-radius: 10px;
  padding:7px 1rem;
}
.btn-in:hover {
  color: #fff;
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
}
.btn-in:focus, .btn-in.focus {
  box-shadow: 0 0 0 0.2rem  rgb(0, 0, 0, 0.3);
}
.btn-in.disabled, .btn-in:disabled {
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
}
.btn-in:not(:disabled):not(.disabled):active, .btn-in:not(:disabled):not(.disabled).active,
.show > .btn-in.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 0, 0);
  border-color: rgb(0, 0, 0);
} 
/* Stylo Boton Grande de WApp*/
.btn-GWApp {
  color: #fff;
  width: 90%;
  height: auto;
  background-color: rgb(2, 244, 18);
  border-color: rgb(2, 244, 18);
  border-radius: 10px;
  padding:7px 1rem;
}
.btn-GWApp:hover {
  color: #fff;
  background-color:  rgb(4, 160, 15);
  border-color:  rgb(4, 160, 15);
}
.btn-GWApp:focus, .btn-GWApp.focus {
  box-shadow: 0 0 0 0.2rem  rgb(2, 244, 18, 0.3);
}
.btn-GWApp.disabled, .btn-GWApp:disabled {
  background-color: rgb(2, 244, 18);
  border-color:  rgb(2, 244, 18);
}
.btn-GWApp:not(:disabled):not(.disabled):active, .btn-GWApp:not(:disabled):not(.disabled).active,
.show > .btn-GWApp.dropdown-toggle {
  color: #fff;
  background-color:  rgb(4, 160, 15);
  border-color:  rgb(4, 160, 15);
} 
/* == Estylos de Contenedor principal HOME == */
.h-container {
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: auto;min-height: 100vh; 
  padding-top: 1rem; 
}
.h-box-content{
  display:flex;
  width: 100%;
  height: auto; 
  min-height: 100%; 
}
.container-left {
  display: inline-block;
  width: 50%;
  height: auto;min-height: 100%;
  text-align: center;
  justify-content: center;
  margin:0 auto;
  padding: 1rem; 
  background-color: #000;
}
.cont-imgForm { display: none; }.cont-imgForm-view { display: flex;
  width:100%;height:100px; 
  align-items: center; justify-content: center; text-align: center;
}
.cont-forms-ppl {
  display: inline-block;
  margin: 0 auto;
  padding: 2rem;
  width: 100%;min-width: 220px;
  height:auto;
  border-radius: 10px;
  background-color: #fff; 
}
.zoomIn {
  width: 80px;
  height: auto;
  cursor: pointer;
  transition: transform .2s,-webkit-transform .2s;
}
.zoomIn:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.cbtn-forms-left { display:flex; flex-direction: column; width: 100%; text-align: center;align-items: center; padding: 1rem; }
.container-right {
  display: inline-block;
  width: 50%;
  height: auto;min-height: 100%;
  padding: 1rem; 
  background-color: #fff;
}
.container-bag {
    position: relative; 
  width: 100%;
  height: auto;max-height: 200px;
  flex-wrap: wrap;
  border-radius: 10px;
  padding: 1rem;
  margin-bottom: 5px;
  background-color: #000;
}
.box-bag-1 {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 30%;max-width: 30%;
  min-height: 100%;       
}
.box-bag-2 {
    position: relative;
    display:flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  min-height: 100%;   
}
.box-bag-video {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 300px;
  max-height: 200px;  
}
.bag-img-p1 {
  width: 100%;
  min-height: 100%; 
  background-repeat: no-repeat;   
  background-position: center center;
} 
.box-items-title {
  display: block;
  top: 0px;
  left: 0px;
  width: auto;
  max-height: 20px;
  margin: 1rem;
  text-align: left; 
}
.h-box1-title {
  width: 100%;min-width: 100%;
  height: auto;min-height: auto;
  word-wrap: break-word; 
}
.h-box1-content {
  width: 100%;min-width: 100%;
  height: auto;min-height: auto;
  word-wrap: break-word;  
 }
.h-box1-t18 {
  color: #292929;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-title-l-14s {
  color: #292929;
  font-size: 12px;
  text-align:  left;
  align-items: left;
  font-weight: normal;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-panel-box1-content {
  display: inline-block;
  width: 30%;
  height: auto; 
  max-height: 120px;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 0 5px;
  background-color: rgb(204, 204, 204);
}
.box-bag-h1{
  flex-direction: column;
  display: inline-block;
  width: 50%;min-width: 50%;
  height: auto;max-height: 200px;
  justify-content: center;  
  align-items: center;
}
.box-bag-h2{
  flex-direction: column;
  display: inline-block;
  width: 50%;min-width: 50%;
  height: auto;  
}
.box-bag-h3{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 50%;
  height: auto; 
}

.caruosel-container-fluid {
  position:relative;
  width: 100% !important;
  min-width: auto;
  height: 100% !important;
  margin: 0 0;
  padding: 0 0;
  background-color: #000;
}
/* == Estylos de Contenedores secundarios == */
.cc-flex-container{
  display:flex;
  width: 100%;
  height: auto;
}
.cc-flex-container-2{
  display:flex;
  width: 100%;height: auto;min-height: 500px;
}
.cc-flex-container-g{
  width: 100%;
  height: auto;
  min-height: 100%;
  padding: 1rem 0;
  background-color: rgb(204, 204, 204);
}

/* == Estylos de Cajas de contenidos primarias == */
.cc-flex-grow-4 {
  width: auto;
  max-width: 100%;
  padding: 1rem;
  margin: 1rem;
}
.cc-flex-grow-4-content {
  display: inline-block;
  width: 50%;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  margin: 0 auto;
  font-family: 'Ramabhadra';
}
/* == Diseño Panel #1 == */
.content-panel-1 {
  display: flex;
  flex-direction: row;
  width: 768px;max-width: 100%;
  height:auto;
  align-items: center;
  justify-content: center; 
  margin: 0 auto;
  border-radius: 10px; 
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); 
  overflow: hidden; 
}
.content-panel-n {
  display: flex;
  flex-direction: row;
  width: 768px;max-width: 100%;
  height:auto;
  align-items: center;
  justify-content: center; 
  margin: 0 auto; 
  overflow: hidden; 
}
.panel-box-1 {
  display: inline-block;
  width: 40%;
  height: auto;min-height: auto;
  text-align: center;
  justify-content: center;
  margin:0 auto;
}
.panel-box-2 {
  display: inline-block;
  width: 55%;
  height: auto;min-height: auto;
  margin-left: 3px;
}
.panel-box1 {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center;
}
 .panel-box1-bottom {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height:auto; 
   margin: 0 auto; 
   border-top: 2px solid #f5ca0c;
   padding: 1rem;
 }
 .panel-box1-bottom-m {
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 100%;
   height:auto; 
   margin: 0 auto; 
   border-top: 2px solid #f5ca0c;
   padding-top: 5px;
 }
.panel-box1-content {
  display: inline-block;
  width: 30%;
  height: auto;
  max-height: 350px;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 0 5px;
  background-color: rgb(104, 7, 30);
}
.box1-title {
  width: 100%;
  height: 60px;
}
.box1-content {
  width: 100%;
  height: 180px;min-height: 180px;max-height: 180px;
 }
.box1-t18 {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}

/* == Diseño CardSales == */
.car-panel-box1 {
  display: flex;
  flex-direction: column;
  width: 100%; height: auto;
  justify-content: center;
}
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
.car-panel-head { 
    flex-direction: column; 
  width: 100%; height: auto;
  justify-content: center;
  padding: 1rem;
}
.car-panel-platf { 
  flex-direction: column; 
  width: 100%; height: auto;
  justify-content: center;
  padding: 5px 5px;
  background-color: #ccc;
}
.car-panel-contain {
  width: 100%; height: auto;
  justify-content: center;
  text-align:center;
}
.car-container-modal {
    width:100%;
    height:auto; max-height: 100%; 
    overflow-y:hidden;
}
.car-int-head {
    width:100%;
    height:auto;
    margin-bottom:3px; 
}
.car-pill {
    width:auto; 
    height:auto;
    margin-bottom: 1rem;
    padding: 3px 1rem;
    background-color: #292929;
}
.car-pill span { text-align:center;   justify-content: center; align-items: center; }
.car-content-It {
    display: flex;
    flex-direction: row;
    width:100%; 
    height:auto;
    margin-bottom: 1rem;
    border-bottom: 1px solid #424242;
    border-radius: 4px;  
}
.car-content-It-l {
    width: 20%; 
    height:auto; 
    border-radius: 4px; 
}
.car-content-It-c {
    flex-direction: column;
    width: 60%; 
    height:auto;   
}
.car-content-It-r {
    width: 20%; 
    height:auto;
    text-align: center;  
}
.car-l-img {
    width: 50px;
    height: 50px;
    background-position: 100% 100%;
    background-repeat: no-repeat;
}
.car-It-c-title {
    width: 100%;
    height: auto; 
}
.car-It-c-cont {
    width: 100%;
    height: auto; 
}
.car-platf-img {
    width: 45px;
    height: 45px; 
}
.car-panel-platf-i { 
  width: auto; 
  margin: 1rem auto;
  justify-content: center;  
}
.borderk2 {  border-bottom: 2px solid #fff;    }
.car-ins-contain {
  display: flex;
  flex-direction: row; 
    padding:3px 5px;margin-bottom: 5px;
}
.modal-content-y {
    height: 350px;max-height:350px;
}
.car-ins-left {
  width: 10%;
  height:auto;min-height:20px;
  margin: 0 2px;
  padding: 3px;
  text-align: center;
  justify-content: center; 
  border-radius: 4px;
  background-color: #292929;
}
.car-ins-right {
  display: flex;
  flex-direction: row; 
  width: 90%;  
  height:auto;min-height:20px;
  text-align: center;
  justify-content: center; 
  padding: 3px;
  border-radius: 4px;
  background-color: #292929;
} 
.car-ins-inleft {
  width: 60%;  
  height:auto;min-height:20px;
  text-align: left;
  justify-content: left;    
}
.car-ins-inleft label { color: #fff; font-size: 14px; font-family: 'Roboto'; text-decoration:none !important; }
.car-ins-inleft span { color: #fff; font-size: 12px; font-family: 'Roboto'; text-decoration:none !important; } 
.car-ins-inPr {
  width: 30%;  
  height:auto;min-height:20px;
  text-align: right;
  justify-content: right;    
}
.car-ins-inright {
  width: 10%;  
  height:auto;min-height:20px;
  text-align: center;
  justify-content: center;    
}
.contenedor-boxer{
    width: 100%;
    height:auto;
    padding: 5px 5px ;
}
.contenedor-boxer-1{
    width: 100%;
    height:auto;
    padding: 0 0 ;
}
.box-send-email {
    position:relative;width:25%;height:auto;padding: 1rem;background-color: #ccc;color: #292929;
}

/* == Diseño PAnel #2 == */
.content-panel-2 {
  display: flex;
  flex-direction:column;
  width: 100%;
  justify-content: center;
  padding: 1rem; 
}
/* == Diseño panel login contenedor == */
.l-content-panel-2 {
  display: flex;
  flex-direction:column;
  width: 100%;
  height: auto; 
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 5rem 0;  
}
.cc-flex-groaaaw-1 {
  position: relative;
  align-self: center;
  width: 100%;
  min-width: 100%;
  height: auto;
  padding: 1rem;
  margin: 0 auto;
}
/* == Estylos de Pales white == */ 
/* == Estylos de Paneles Black == */ 
  /* ============ Sub Menue view ============ */
  .m-box-btn1 { display: inline-block;width:50%;height: auto;margin: 1rem auto;  }
  .m-box-btn2 { display: inline-block;width:100%;height: auto;margin: 1rem auto;  }
  .cc-img-fluid { /* Eliminar este a penas se corrija en movil el nombre de etiqueta nueva m-box-left*/
    width: auto;
    max-width: 200px;
    height: auto;
    background-color: #fc6905;
  }
  .cc-icons {  
    width: 120px;
    height: 100%;
  }
  .cc-container {
    display: flex;
    flex-direction: row; 
    width: 100%;
    height: 100%; 
  }
  .m-box-left {
    justify-content: center;
    width: auto;
    max-width: 30%;
    height: 100%; 
  }
  .m-box-right {
    flex-direction: row-reverse;
    width:auto;
    min-width: 70%;
    height: 100%; 
    padding: 1rem;
    z-index: 3; 
  }
  .cc-limit-nav { /* Eliminar este a penas se corrija en movil el nombre de etiqueta nueva m-box-right */
    flex-direction: column;
    width:auto;
    min-width: 100%;
    z-index: 3;
  }
  .m-box-right-1 { 
    width: 300px;
    height:auto;  
  }
  .m-box-right-2 { 
    width: auto;
    height:auto;
  }
  .cc-nav-secund {
    width:auto;
    height:auto;
  }
  .cc-nav-prim {
    padding: 1rem;
    width:auto;
    height:auto;
  }
  .navbar-nav-m1{

    width: 650px;
    height: auto;
  }
  .navbar-nav ul li a {
    font-size: 10px;
  }
  .navbar-da {
    position:fixed;
    width: 100%;
    min-width: 300px;
    height: 60px;  
    background-color: rgb(145, 196, 200, 0.5);
    z-index:10;
  }
  .x-navbar-da {
    position:fixed;
    width: 100%;
    min-width: 300px;
    height: 60px;   
    z-index:10;
  }
  .cc_dropdown_link {
    color: #fff;
    text-decoration: none;

    display: flex;
    align-items: center;
    gap: .6rem;

    position: relative;
  }
  .dropdown {
    display: inline-block;
    position: relative;
  }
  .dropdown-content {
    position: absolute;
    display: none;
    width: auto;
    min-width: 750px;
    height: auto;
    overflow: auto;
  }
  .dropdown-content-box {
    display: inline-flex;
    width: auto;
    min-width: 720px;
    max-width: 720px;
    height: auto;
    padding:  1rem;
    overflow: hidden;
    background-color: rgb(0, 0, 0, 0.8);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
  }
  .dropdown-content-M1 {
    top: auto;
    left: -150px;
  }
  .dropdown-content-M2 {
    top: auto;
    left: -367px;
  }
  .dropdown-content-M3 {
    top: auto;
    left: -553px;
  }
  .dropdown:hover .dropdown-content {
    padding: 1rem;
    width: auto;
    height: auto;
    display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;
  }
  .dropdown-box-1 {
    display: inline-block;
    width: 220px;
    height: auto;
  }
  .dropdown-box-2 {
    position: relative;
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
  }
  .dropdown-box-content {
    display: inline-block;
    width: 150px;
    max-height:230px;
    padding: 5px;
    margin: 5px;
    z-index: 10;
  }
  .dropdown-box-ims {
    display: inline-block;
    width: auto;
    max-height:230px;
    padding: 1rem;
    margin: 5px;
  }
  .dropdown-box-title {
    margin-top: 5px;
    height: 120px;
   }
   .Mtop-movil-hidden { display: none; }
   .Mtop-pc-hidden { display:inline; }
/* == Estylos de Head navbar == */
.hm-text-mh-14 {
  color: #161515;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.text-title-h4ns {
  color: #fff;
  font-weight: bold;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.text-desc-14ns {
  color: #003050;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.text-desc-20ns {
  color: #079cb6;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.text-desc-14bs {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.link-import-blue {
  color: #079cb6;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.cc-title-tutor {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  align-items: left;
  font-family: 'Roboto';
  text-decoration:none !important;
}

.text-nosotros {
  font-size: 18px;
  font-weight:normal;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto';
}
.cc-text-white {
  font-size: 16px;
  font-weight:normal;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto';
}
.cc-text-14ns {
  font-size: 18px;
  font-weight: normal;
  color: #424242;
  text-decoration: none;
  font-family: 'Roboto';
}
.cc-text-10ns {
  font-size: 14px;
  font-weight: normal;
  color: #424242;
  text-decoration: none;
  font-family: 'Roboto';
}
.cc-carousel-inner{
  position:relative;
  width:100%;
  overflow:hidden;
}
.cc-carousel-inner::after{
    display:block;
    clear:both;
  }
  .cc-carousel-item{
    position:relative;
    display:none;
    float:left;
    width:100%;
    margin-right:100%;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    transition:transform .6s ease-in-out;
  }



/* INICIO incarousel HEAD */
.incarousel{
  position:relative;
  width: auto;
  height: 100%;
}
.incarousel.pointer-event{touch-action:pan-y}
.incarousel-inner{
  position:relative;
  width:100%;
  height: 100%;
  overflow:hidden;
}
.incarousel-inner::after{display:block;clear:both;content:""}
.incarousel-item{
  position:relative;
  display:none;
  float:left;
  width:100%;
  height: 100% !important;
  margin-right:-100%;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transition:transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce){
  .incarousel-item{transition:none}
}
.incarousel-item-next,.incarousel-item-prev,.incarousel-item.active{display:block}
.active.incarousel-item-end,.incarousel-item-next:not(.incarousel-item-start){transform:translateX(100%)}
.active.incarousel-item-start,.incarousel-item-prev:not(.incarousel-item-end){transform:translateX(-100%)}
.incarousel-fade .incarousel-item{opacity:0;transition-property:opacity;transform:none}
.incarousel-fade .incarousel-item-next.incarousel-item-start,.incarousel-fade .incarousel-item-prev.incarousel-item-end,.incarousel-fade .incarousel-item.active{z-index:1;opacity:1}
.incarousel-fade .active.incarousel-item-end,.incarousel-fade .active.incarousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}
@media (prefers-reduced-motion:reduce){
  .incarousel-fade .active.incarousel-item-end,.incarousel-fade .active.incarousel-item-start{transition:none}
}
.incarousel-control-next,.incarousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:auto;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}
@media (prefers-reduced-motion:reduce){
  .incarousel-control-next,.incarousel-control-prev{transition:none}
}
.incarousel-control-next:focus,.incarousel-control-next:hover,.incarousel-control-prev:focus,.incarousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}
.incarousel-control-prev{left:0}
.incarousel-control-next{right:0}
.incarousel-control-next-icon,.incarousel-control-prev-icon{display:inline-block;width:auto;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.incarousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}
.incarousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}
.incarousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}
.incarousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}
@media (prefers-reduced-motion:reduce){
  .incarousel-indicators [data-bs-target]{transition:none}
}
.HOLA-indicators .active{opacity:1}
.incarousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}
.incarousel-dark .incarousel-control-next-icon,.incarousel-dark .incarousel-control-prev-icon{filter:invert(1) grayscale(100)}
.incarousel-dark .incarousel-indicators [data-bs-target]{background-color:#000}
.incarousel-dark .incarousel-caption{color:#000}

/* FIN incarousel HEAD */

/* == Contenido de lista de plataformas ==*/
.box-top-list-pl { position: relative;width:100%;min-width:100%;height:auto;padding: 3px; }
.inbox-top-list-pl { position: relative;width:100%;min-width:100%;height:auto;padding: 3px;margin-bottom:3px;background-color:#292929}
.inbox-top-list-trans { position: relative;width:100%;min-width:100%;height:auto;padding: 3px;margin-bottom:3px;}
.platform-title-left-100 { display:inline-block;width:100%;height:auto;text-align:left;margin-bottom:5px; }
.platform-title-left-70 { display:inline-block;width:70%;height:auto;text-align:left;margin-bottom:5px; }
.platform-title-center-30 { display:inline-block;width:20%;height:auto;text-align:center;margin-left:3px; }
.platform-title-left-25 { display:inline-block;width:25%;height:auto;text-align:left;margin-left:3px; }
.platform-title-left-40 { display:inline-block;width:40%;height:auto;text-align:left;margin-left:3px; }
.platform-title-right-40 { display:inline-block;width:40%;height:auto;text-align:right;margin-left:3px; }

/* == Etiquetas view Lideres == */
.uccard  {
  display:inline-block;
  width: 180px;
  height: 250px;
  margin: 1rem 3px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: rgba(255, 255, 255);
}
.ucimg {
  position: relative;
  width: 100%;
  height: 180px;
  max-height: 100%;
}
.ucimg img{
  border-radius: 10px 10px 0px 0px;
  width: 100%;
  height: 100%;
}
  /* ====== incarousel Cards ====== */
.cc-w-100{
  display: block;
  min-width:100%;
  width:100%;
  height: 100%;

}
  .text-only-pc{
    padding: 1rem;
  }
  .text-only-pc p{
  color: #fff;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  font-family: 'Roboto';
  text-decoration:none !important;
}
/* ==== segundo panel ==== */
.cc-flex-grow-containt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  margin: 2rem auto;
}
.Box-title-panel2 {
  display: inline-block;
  align-items: center;
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 50px;
  padding: 1rem;
}
.Box-title-panel-left2 {
  display: block;
  width: 50%;
  height: auto;
  min-height: 50px;
  text-align: center;
  padding-left: 1rem;
}
.Box-info-panel2 {
  display: inline-block;
  text-align: center;
  width: 100%;
  min-width: 100%;
  height: auto;
  max-height: 100px;
  padding: 1rem;
  margin: 0 auto;
}
.cc-box-top-num {
  width: 60px; height: 60px;
  color: #003050;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: -35px auto;
  border-radius: 50%;
  background-color: #fc6905;
}
.cc-box-top-num  span {
  font-size: 7vh;
  font-family: 'Roboto';
  font-weight: bold;

}
.cc-flex-card {
  display:inline-block;
  width: auto;
  max-width: 250px;
  min-width: 250px;
  height: 220px;
  margin: auto 1rem;
  padding: 1rem;
  font-family: 'Ramabhadra';
  background-color: rgb(0, 48, 80);
}
.cc-flex-title {
  display: block;
  text-align: center;
}
/* == Diseño Tercer panel == */
.content-panel-2 {
  display: flex;
  flex-direction:column;
  width: 100%;
  justify-content: center;
  padding: 1rem;
}
.Box-title-panel3 {
  position: relative;
  align-items: center;
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 50px;
}
.Box-title-panel03 {
  display:flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  width: 100%;
  height: auto;
  min-height: 50px;
}
.Box-title-left3 {
  display: inline-block;
  align-items: center;
  text-align: center;
  width: 75%;
  height: auto;
  min-height: 50px;
}
.Box-title-right3 {
  display: inline-block;
  align-items: center;
  text-align: center;
  width: 25%;
  height: auto;
  min-height: 50px;
}
.cc-flex-grow-2 {
  display: inline-block;
  width: 90%;
  height: auto;
  margin: 0 auto;
  padding: 1rem;
  font-family: 'Ramabhadra';
}

/* == Diseño PAnel #4 Metodos pagos == */
.cc-box-method {
  display:block;
  width: 100%;
  height: auto;
  padding: 1rem;
  margin: 0 auto;
}
.cc-box-payMethod {
  display: inline-block;
  width: 20%;max-width: 20%;
  max-height: 120px;
  padding: 1rem;
}
.back-mathod-1 {
  width: 100%;
  height: auto;
}
/* == Diseño de panel #5 == */
.floatImg-back-top img{
  width: 250px;
  height: 250px;
}
.content-panel-5 {
  display: flex;
  flex-direction:column;
  width: 100%;
  justify-content: center;
}
.Box-info-panel5 {
  position: relative;
  text-align: center;
  width: 100%;
  height: auto;
  max-height: 70px;
  margin: 0 auto;
}
.p5-box-title {
  position: relative;
  width:100%;
  text-align: center;
  height: auto;
  padding: 1rem;
  margin: 0 auto;
}
.cc-flex-grow-5 {
  display: inline-block;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 200px;
  padding: 1rem;
  margin-top: 1rem;
  background-color: #fff;
  font-family: 'Ramabhadra';
}
.box-panels5 {
  position: relative;
  width:auto;
  max-width:auto;
  text-align: center;
  height: auto;
  padding: 1rem 2rem;
  margin: 1rem 1rem;
  background-color: rgba(250, 250, 250, 0.7);
}
.img-back-i3 {
  background-image: url('../imgs/icon-back-45.png');
  background-position: left bottom;
  background-size: 70px 70px;
  background-repeat: no-repeat;
}
.img-back-i4 {
  background-image: url('./assets/images/back-icon-4.png');
  background-position:0px bottom;
  background-size: 250px 250px;
  background-repeat: no-repeat;
}

.container-f-modul {
  height: auto;
  min-height: 400px;
}
.movil-srcs {
  position: relative;
  width: 100%;
  height: 100%;
  display: none;
}
.pc-srcs {
  width: 100%;
  height: 100%;
  display: block;
}
.cc-img-pc {
  background-repeat: no-repeat;
  background-position:center;
  background-size:cover;
}
/* === Imagen circular ==== */
.cc-card-img-top {
  width: 180px;
  height: 180px;
  border-radius: 10px;
}
.card-tutors {
  display: inline-block;
  width:220px;padding: 1rem;background-color: #fff;
}
.cont-title-headpanel { padding: 1rem; }
 
.c-social-link a{
  display: inline-block;
  min-height: 40px;
  width: 40px;
  background-color: #fff;
  margin: 0 10px 10px 0;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  color: #fff;
  transition: all .5s ease;
}
.c-social-link a:hover{
  background-color: #01161a;
}

/* ==== Inicio Menu Navbar====*/
.cc-text-mh-14 {
  color: #079cb6;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.title-c-12b {
  color: #fff;
  font-size: 12px;
  text-align: center;
  align-items: center;
  font-weight: bold;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.title-l-14s {
  color: #fff;
  font-size: 14px;
  text-align:  left;
  align-items: left;
  font-weight: normal;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.txt-carucl-14b {
  color: #fff;
  font-size: 14px;
  text-align:  center;
  align-items: center;
  font-weight: bold;
  font-family: 'Roboto';
  text-decoration:none !important;
}
button.btn {
  font-family: 'Ramabhadra';
}
.cc-title {
  color: #fff;
}
.cc-link-nv {
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  margin: 1rem 1rem;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
}
.cc-link-nv:focus-visible{
  color: #079cb6;
}
.cc-link-nv:hover{
  color: #079cb6;
}
.cc-link-nv2 {
  color: #fff;
  font-size: 14px;
  margin: 5px 5px;
  font-weight:normal;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
}
.cc-link-nv3 {
  color: #424242;
  font-size: 14px;
  margin: 5px 5px;
  font-weight:normal;
  text-decoration:none !important;
  font-family: 'Ramabhadra';
}
.cc-link-nv2:focus-visible, .cc-link-nv3:focus-visible{
  color: #079cb6;
  font-family: 'Ramabhadra';
}
.cc-link-nv2:hover, .cc-link-nv3:hover{
  color: #079cb6;
  font-family: 'Ramabhadra';
}
.btn-li-marg {
  padding-left: 5px;
}
.btn-outline-cc {
  width: 120px;
  color: #079cb6;
  border-color: #0194B7;
  text-decoration:none !important;
}
.btn-outline-cc:focus-visible{
  color: #079cb6;
}
.btn-outline-cc:hover{
  color: #fff;
  background-color: #0194B7;
}
.btn-hamb-toggler {
  border-color: none;
  text-decoration: none;
}
.btn-hamb-toggler:hover {
  border-color: #fff;
  text-decoration: none;
}
.cc-me-5{
  margin-right:3rem!important
}
.cc-img-fluid {
  display: inline-block;
  width: auto;
  max-width: 200px;
  height: auto;
} 
.cc-limit-nav {
  flex-direction: column;
  width:auto;
  min-width: 100%;
  z-index: 3;
}
.cc-nav-secund {
  width:auto;
  height:auto;
}
.cc-nav-prim {
  padding: 1rem;
  width:auto;
  height:auto;
}
.navbar-nav ul li a {
  font-size: 10px;
} 
  /* =======  incarousel  ====== */
.cc-incarousel-caption{
  position:absolute;
  left:0px;
  top:10px;
  color:#fff;
  text-align:center;
}

  /* ============ Sub Menue view ============ */
  .cc_dropdown_link {
    color: #fff;
    text-decoration: none;

    display: flex;
    align-items: center;
    gap: .6rem;

    position: relative;
  }
  .dropdown {
    display: inline-block;
    position: relative;
  }
  .dropdown-content {
    position: absolute;
    display: none;
    width: auto;
    min-width: 750px;
    height: auto;
    overflow: auto;
  }
  .dropdown-content-box {
    display: inline-flex;
    width: auto;
    min-width: 720px;
    max-width: 720px;
    height: auto;
    padding:  1rem;
    overflow: hidden;
    background-color: rgb(0, 0, 0, 0.8);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.4);
  }
  .dropdown-content-M1 {
    top: auto;
    left: -150px;
  }
  .dropdown-content-M2 {
    top: auto;
    left: -367px;
  }
  .dropdown-content-M3 {
    top: auto;
    left: -553px;
  }
  .dropdown:hover .dropdown-content {
    padding: 1rem;
    width: auto;
    height: auto;
    display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;
  }
  .dropdown-box-1 {
    display: inline-block;
    width: 220px;
    height: auto;
  }
  .dropdown-box-2 {
    position: relative;
    display: flex;
    justify-content: center;
    width: auto;
    height: auto;
  }
  .dropdown-box-content {
    display: inline-block;
    width: 150px;
    max-height:230px;
    padding: 5px;
    margin: 5px;
    z-index: 10;
  }
  .dropdown-box-ims {
    display: inline-block;
    width: auto;
    max-height:230px;
    padding: 1rem;
    margin: 5px;
  }
  .dropdown-box-title {
    margin-top: 5px;
    height: 120px;
   }
   .Mtop-movil-hidden { display: none; }
   .Mtop-pc-hidden { display:inline; }








/* == Estylos Madia Query max-980 == */
@media screen and (max-width: 980px){
    /* == Diseño Panel #1 == */
      .cc-container {
        display: flex;
        flex-direction: row; 
        width: 100%;
        height: auto;  
      }
      .m-box-left { 
        flex-direction: row;
        justify-content: center;
        width: 50%;min-width: 50%;
        max-width: 50%;
        height: 100%;  
      }
      .m-box-right {  
        position: absolute;
        top:50px; 
        left:0px;
        justify-content: center;
        width: 100%; 
        height: auto; 
        padding: 1rem; 
        background-color: rgb(0, 0, 0, 0.7);
        z-index: 3; 
      }
      .m-hidden { 
        justify-content: center;
        width: 100%;
        height: auto; 
        padding: 1rem;
        z-index: 3; 
      }
    .panel-box-1 {
        flex-wrap: nowrap;
      width: 100%;
      height: auto;min-height: auto;  
      margin:0 auto;
    }
    .panel-box-2 { 
        flex-wrap: nowrap;
      width: 100%;
      height: auto;
      margin: 0 auto;
    }
    .panel-box1 {
      display: flex;
      flex-direction: row;
      justify-content: center;
      width: 100%;
      height:auto;
      margin: 0 auto;
    } 
    .box1-content {
      width: 100%;
      height: auto;min-height: 50px;
     }
  .Mtop-movil-hidden { display: inline; }
  .Mtop-pc-hidden { display:none; }
  .dropdown-content-M1,.dropdown-content-M2,.dropdown-content-M3 {
    top: auto;
    left: 0px;
  }
  .dropdown-content {
    position: relative;
    display: none;
    width: 120px;
    min-width: 120px;
    height: auto;
    overflow: hidden;
  }
  .dropdown-content-box {
    width: 120px;
    max-width: 120px;
    height: auto;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.0);
  }
  .dropdown-img-hidden {
    display: none;
  }
  .dropdown-box-1 {
    display: inline-block;
    width: auto;
    height: auto;
  }
  .cc-box-top-num {
    position: relative;
    display: flex;
    top: -7px;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    margin: 0 auto;
    border-radius: 50%;
    font-family: 'Roboto';
    font-weight: bold;
    border: 2px solid #fff;
    background-color: rgb(1, 189, 222);
  }
  .cc-flex-grow-3 {
    display:inline-block;
    width: 45%;
    max-width: 45%;
    height: auto;
    margin: 1rem auto;
    padding: 1rem;
    background-color: rgb(7, 156, 182, 0.9);
    font-family: 'Ramabhadra';
  } 
  .dropdown-box-2 {
    display: none;
  }
  .dropdown-box-1 {
    display: inline-block;
    width: 220px;
    height: auto;
    z-index: 10;
  }
  .dropdown-box-content {
    display: inline-block;
    width: 150px;
    max-height:230px;
    padding: 5px;
    margin: 5px;
    z-index: 10;
  }
  .cc-limit-nav {
    width: 100%;
    min-width: 270px;
    background-color: rgba(41, 40, 33, 0.7);
  }
  .cc-nav-secund {
    width:100%;
    min-width: 270px;
    height:auto;
    padding: 1rem;
    border-bottom: 1px solid rgb(252, 105, 5);
  }
  .cc-nav-prim {
    width:100%;
    min-width: 270px;
  }
  .cc-me-5{margin:0}
  .cc-img-fluid {
    display: inline-block;
    min-width: auto;
  }
    .cc-link-nv2 {
      color: #fff;
      font-size: 14px;
      font-weight: normal;
      margin: 5px 5px;
      text-decoration:none !important;
    }
    .cc-link-nv2:focus-visible{
      color: #079cb6;
    }
    .cc-link-nv2:hover{
      color: #079cb6;
    }
  .dropdown_content {
    color: #fff;
  }
  .dropdown_sub {
    overflow: hidden;
    background-color: teal;
  }
  .dropdown_li {
    width: 85%;
    background-color: #fc6905;
    list-style: none;
    margin-left: auto;
    text-decoration: none !important;
  }
  .dropdown_anchor {
    padding: 1em 0;
    display: block;
    color: #ccc;
    text-decoration: none !important;
  }
  
/* == Estylos de Contenedor principal HOME == */
.h-container {
  position:relative;
  display:flexbox;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: auto;  
}
.h-box-content{
  display:flex;
  width: 100%;
  height: auto; 
  min-height: 100%; 
}
.content-panel-1 {
  display: flex;
  flex-direction: row;
  width: 90%;min-width:230px;
  justify-content: center;
  margin: 0 auto;
}
.content-panel-n {
  display: flex;
  flex-direction: row;
  width: 90%;min-width:230px;
  justify-content: center;
  margin: 0 auto;
}
.container-left {
  display: inline-block;
  width: 50%;
  height: auto;min-height: 100%;
  text-align: center;
  justify-content: center;
  margin:0 auto;
  padding: 1rem; 
}
.container-right {
  display: inline-block;
  width: 50%;
  height: auto;max-height: 500px;
}
.container-bag {
  display: flex;
  width: 100%;
  height: auto;  
  padding: 1rem;
  margin-bottom: 5px;
  border-radius: 10px;
}
.box-bag-1 {
  flex-direction: column; 
  width: 30%;max-width: 30%;
  height: 100%; 
}
.box-bag-2 {
  flex-direction: column;
  width: 70%;max-width: 70%;
  height: auto;  
}
.bag-img-p1 {
  width: 100%;
  min-height: 100%; 
  background-repeat: no-repeat;   
  background-position: center center;
}
.box-items-title {
  display: block;
  top: 0px;
  left: 0px;
  width: auto;
  max-height: 20px;
  margin: 1rem;
  text-align: left; 
}
.h-box1-title {
  width: 100%;
  height: auto;max-height: 25px; 
}
.h-box1-content {
  width: 100%;
  height: auto;max-height: 40px;
  padding: 1rem;
 }
.h-box1-t18 {
  color: #292929;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-title-l-14s {
  color: #292929;
  font-size: 12px;
  text-align:  left;
  align-items: left;
  font-weight: normal;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-panel-box1-content {
  display: inline-block;
  width: 30%;
  height: auto; 
  max-height: 120px;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: 0 5px;
  background-color: rgb(204, 204, 204);
}
.box-bag-h1{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 50%;
  height: auto; 
  color: #fff;
}
.hb-title-import{ font-size: 24px; color: #fff; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.box-bag-h2{
  flex-direction: column;
  display: inline-block;
  width: 100%;
  height: auto; 
}
.text-18-s-l{ text-align: left; font-size: 14px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.box-bag-h3{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 50%;
  height: auto;
}

  
} /* Fin de media tablet*/

 /* == Contenedor Slider Head == */
.cc-container-fluid { 
    position: relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;min-height: 100vh; 
    background-color: #ccc;
}
.FloatBtn { display: none; }
/*Marka Vi*/
.box-vimark{display: flex;width: 180px;height: auto; border-radius: 10px;text-align: center;}
.vi-text {width: 60%;height: auto;align-items: center;justify-content: center;  }
.vi-link { width: 40%; height: auto; }
.vi-label { width: 45px; height: 35px;cursor: pointer; }
.vi-mark { background-image: url(''); background-repeat: no-repeat; background-position: 0px 0px; background-size: 100% 100%; } 
@media screen and (max-width: 520px){.box-vimark{display: flex;width: 100%;height: auto; text-align: right;}.vi-text{ display: none; }.vi-link { width: 100%; height: auto; }  }

/*Footer*/
.footer { width: 100%;min-width: 250px;   background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 3)); }
.footer-column { display: flex; flex-direction: column;  flex-wrap: wrap; width: 100%;min-width: 250px; padding: 1rem;  text-align: center; justify-content: center;   }
.footer-row {  display: flex;  flex-wrap: wrap; padding: 1rem; text-align: center; justify-content: center;  }
.footer-mark img {  background-repeat: no-repeat; background-position: 0 0 ;  width: 25px; height: 25px;  }
.footer-content {   display: flex;  flex-direction: row; flex-wrap: wrap; width: 100%; height: auto; padding: 1rem;   }
.footer-content-l {   display: flex;   flex-direction: column;   width: 47%;   height: auto;  flex-wrap: wrap; justify-content: center;  align-items: center;   }
.footer-content-r { display: flex;  flex-direction: row; width: 47%;  height: auto; justify-content: center;  align-items: center;   }
.menu-link {  position: relative; width: 200px;min-width: 200px;  height: auto; text-align: left;   }
.menu-media {  display: flex;  width: auto;  height: auto;  margin: 5px;   }
.footer-pie {   display: flex; flex-direction: row;  width: 100%; height: auto;    }
.footer-pie-l {   display: flex; width: 47%; height: auto;   }
.footer-pie-r {    display: flex;  width: 47%;  height: auto;  align-items: center; justify-content: right;   }

/*== Estylos Madia Query max-820 ==*/
@media screen and (max-width: 760px){
    .footer-pie {   display: flex;  flex-direction: column;  width: 100%;min-width: 220px;  height: auto;  }
    .footer-pie-l {  display: flex; width: 100%;  height: auto;   }
    .footer-pie-r {   display: flex; width: 100%; height: auto; align-items: center; justify-content: right; }
    .footer-content {   display: flex; flex-direction: column;  flex-wrap: wrap; width: 100%; height: auto;  padding: 1rem;  }
    .footer-content-l {  display: flex;  flex-direction: column; width: 100%; height: auto; flex-wrap: wrap; justify-content: center; align-items: center; }
    .footer-content-r {  display: flex; flex-direction: row; width: 100%; height: auto;justify-content: center;align-items: center;      }

.car-ins-inleft span { color: #fff; font-size: 12px; font-family: 'Roboto'; text-decoration:none !important; }
  /* == Contenedor Slider Head == */
    .cc-container-fluid { 
      display:flex;
      justify-content: center;
      align-items: center;
      width: 100%; 
      height: auto;
        background-color: #ccc;
    }
  .caruosel-container-fluid {
    position:relative;
    display:block;
    width: 100% !important;
    min-width: 100%;
    height: 100% !important;
    background-color: #000;
  }
    .box1-content {
      width: 100%;
      height: auto;
      
     }
     .box1-title {
      width: 100%;
      height: auto;
      margin: 1rem;
    }
    
    .panel-box1 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 100%;
      height:auto; 
    } 
    .panel-box1-content {
        flex-wrap: nowrap;
      width: 100%;
      height: auto; 
      align-items: center;
      justify-content: center; 
      margin: 5px auto;
      background-color: #424242;
    }
  .cc-flex-box-img {
    display: inline-block;
  }
  .cc-flex-grow-4 {
    display:inline-block;
    width: 100%;
    padding: 1rem;
    margin: 0 auto;
    font-family: 'Ramabhadra';
  }
  .cc-flex-grow-4-content {
    display:inline-block;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin: 0 auto;
    font-family: 'Ramabhadra';
  } 
  .cc-flex-grow-5 {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: 200px;
    padding: 1rem;
    background-color: #fff;
    font-family: 'Ramabhadra';
  }
  .text-nosotros-title {
    font-size: 18px;
    font-weight:bold;
    color: #fff;
    text-decoration: none;
  }
    .text-nosotros {
    font-size: 14px;
    font-weight:normal;
    color: #fff;
    text-decoration: none;
  }
    .cc-flex-grow-2 {
      display: inline-block;
      width: 90%;
      height: auto;
      margin: 0 auto;
      padding: 1rem;
      font-family: 'Ramabhadra';
    }

/* == Estylos de Contenedor principal HOME == */
.h-container {
  position:relative;
  display:flexbox;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: auto;   
}
.h-box-content{
  display:flex;
  width: 100%;
  height: auto; 
  min-height: 100%;  
}
.content-panel-1 {
  display: flex;
  flex-direction: row;
  width: 90%; min-width:230px;
  justify-content: center;
  margin: 0 auto;
  background-color: #fff;
}
.content-panel-n {
  display: flex;
  flex-direction: row;
  width: 90%; min-width:230px;
  justify-content: center;
  margin: 0 auto; 
}
.container-left {
  display: none; 
}
.cont-imgForm { display: flex;
  width:100%;height:100px; 
  align-items: center; justify-content: center; text-align: center;
}
.container-right {
  display: inline-block;
  width: 90%;
  height: auto;max-height: 500px; 
}
.container-bag {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem;
  margin-bottom: 3px;
  height: auto;min-height: auto;
  border-radius: 10px; 
}
.box-bag-1 {
  flex-direction: column; 
  width: 100%;min-width: 100%;
  height: auto;min-height: 50%;  
}
.box-bag-2 {
  flex-direction: column;
  width: 100%;min-width: 100%; 
  height: auto;  
}
.bag-img-p1 {
  width: 50%;
  min-height: 100%; 
  background-repeat: no-repeat;   
  background-position: center center;
}
.box-items-title {
  display: block;
  top: 0px;
  left: 0px;
  width: auto;
  max-height: 20px;
  margin: 1rem;
  text-align: left; 
}
.h-box1-title {
  width: 100%;
  height: auto;max-height: 25px; 
}
.h-box1-content {
  width: 100%;
  height: auto;max-height: 40px;
  padding: 1rem;
 }
.h-box1-t18 {
  color: #292929;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  align-items: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-title-l-14s {
  color: #292929;
  font-size: 12px;
  text-align:  left;
  align-items: left;
  font-weight: normal;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-panel-box1-content {
  flex-direction: column; 
  width: 100%;
  height: auto; 
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin-bottom: 5px; 
}
.box-bag-h1{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 50%;
  height: auto; 
  color: #fff; 
}
.hb-title-import{ font-size: 18px; color: #fff; font-weight: bold; font-family: 'Roboto'; text-decoration:none !important; }
.box-bag-h2{
  flex-direction: column;
  display: inline-block;
  width: 100%;
  height: auto;min-height: 10px;  
}
.text-18-s-l{ text-align: left; font-size: 11px; font-weight: normal; font-family: 'Roboto'; text-decoration:none !important; }
.box-bag-h3{
  flex-direction: column; 
  width: 100%;min-width: 50%;
  height: auto; 
}

    
    .in-box-items { 
        display: flex; 
        flex-direction: column;
      width: 100%;min-width: 100%;
      height: auto;  
      padding: 5px;
      margin: 0 auto;  
    }
    .in-box-items-ins { 
      width: auto;min-width: 100%;
      height: auto;     
    }

.in-box-items-1 { 
  display: inline-block;
  width: 100%;min-width: 100%;
  height: auto;  
  text-align: left; 
}
    .box-items-50 {
        text-align: left;
        display: inline-block;
      width: 100%;min-width: 100%; height: auto; 
    }
    .box-items-20 {
        text-align: left;
        display: inline-block;
      width: 100%;min-width: 100%; height: auto; 
    }
    .box-send-email {
    position:relative;width:100%;height:auto;padding: 1rem;background-color: #ccc;color: #292929;
}
  } /* Fin de media 760px */

/*== Estylos Madia Query max-420 ==*/
@media screen and (max-width: 480px){
  .FloatBtn {
    display: flex;
    position:fixed; 
    width:60px;
    height:auto; 
    text-align:center;
    align-items:center;
    justify-content: center;
    margin:0 auto;
    padding:5px; 
    background-color: #083f9a;
    border-radius:10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index:10000;
  }
    .car-content-It {
    display: flex;
    flex-direction: row;
    width:auto; 
    height:auto;
    margin-bottom: 1rem;
    border-bottom: 1px solid #424242;
    border-radius: 4px;  
    }   
   .car-container-modal {
    width:100%; 
    min-height: 100%;
    
    }
    
    
    div.sticky {
      position: relative; /* Safari */ 
      top: 0;
    }
   .car-panel-contain {
      position: relative;
      width: 100%; height: auto;
      justify-content: center;
      text-align:center;
    }
    .car-container-bag-account {
      display: flex; 
      flex-direction: column;
      width: 100%;min-width: 100%;
      height: auto;max-height: 370px; 
      border-radius: 10px;
      padding: 1rem;
      margin-bottom: 5px;
      background-color: #000;
    }
  .text-desc-14ns {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    align-items: center;
    font-family: 'Roboto';
    text-decoration:none !important;
  }
  .link-sub-12ws {  display: inline-block;  margin: 0 auto;}
  .link-sub-12ws a {  color: #000;  outline: none;  text-decoration: none;}
  .link-sub-12ws a:hover {  color: #079cb6;}
  .link-sub-12ws a:focus {  border-bottom: none;}
  .link-sub-12ws a:hover {  border-bottom: none;}
  .cc-flex-grow-1 {
    position: relative;
    text-align: center;
    width: 100%;
    min-width: 100%;
    height: auto;
    padding: 1rem;
    margin: 0 auto;
    background-color: rgb(0, 0, 0, 0.7);
  }
  .cc-flex-grow-containt {
    display:inline-block;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 100%;
    margin: 0 auto;
  }
    .cc-title-tutor {
      color: #000;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      align-items: center;
      font-family: 'Roboto';
      text-decoration:none !important;
    }
    .cc-img-movil {
      width: 100%;
      height: 100%;
    }
    .movil-srcs {
      display: block;
    }
    .pc-srcs {
      display: none;
    }
    .content-incarousel-movil {
      position: relative;
      width: 100%;
      height: auto;
      min-height: 100%;
    }
    .text-only-movil {
      display: inline-block;
    }
    .text-only-pc {
      display: none;
    }
/* == Estylos de Contenedor principal HOME == */
.h-container {
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;min-width: 100%;
  height: auto;min-height: 100vh;  
}
.h-box-content{
  display:flex;
  width: 100%;min-width: 100%;
  height: auto;min-height: 100%; 
  margin: 0 auto;
}
.content-panel-1 {
  display: flex;
  flex-direction: column-reverse;
  width: 90%;min-width:230px;
  justify-content: center;
  margin: 0 auto; 
}
.content-panel-n {
  display: flex;
  flex-direction: column-reverse;
  width: 90%;min-width:230px;
  justify-content: center;
  margin: 0 auto; 
}
.container-left { 
  display: none; 
}
.cont-imgForm { display: flex; }
.container-right { 
  display:flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  margin: 0 auto; 
}
.container-bag {
  display: flex;
  flex-direction: row;
  width: 100%;min-width: 100%;
  height: auto;min-height: auto;  
  border-radius: 10px;
  margin-bottom: 3px;
  padding: 1rem;
  background-color: #000;
}
 .panel-box1 {
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 100%;
   height:auto; 
   margin: 0 auto; 
 } 
 .panel-box1-bottom {
   display: flex;
   flex-direction: column;
   justify-content: center;
   width: 100%;
   height:auto; 
   margin: 0 auto;
   border-top: 2px solid #f5ca0c;
   padding: 1rem;
 } 
 .panel-box1-bottom-m {
   display: flex;
   flex-direction: row;
   justify-content: center;
   width: 100%;
   height:auto; 
   margin: 0 auto;
   border-top: 2px solid #f5ca0c;
   padding-top: 1rem;
 } 
.box-bag-1 { 
  flex-wrap: nowrap;
  width: 30%;min-width: 30%;
  height: auto;min-height: 100%;   
}
.box-bag-2 {  
  width: 70%;min-width: 70%;
  height: auto;min-height: 100%;   
}
.bag-img-p1 {
  width: 100%;
  min-height: 100%; 
  background-repeat: no-repeat;   
  background-position: center center;
}
.box-items-title {
  display: block;
  top: 0px;
  left: 0px;
  width: auto;
  max-height: 20px;
  margin: 1rem;
  text-align: left; 
}
.h-box1-title {
  flex-basis: 0;
  width: 100%;min-width: 100%;
  height: auto;
  margin: 0 auto;  
}
.h-box1-content {
  flex-basis: 0;
  width: 100%;min-width: 100%;
  height: auto;
  margin: 0 auto;  
 }
.h-box1-t18 {
  color: #292929;
  font-size: 12px;
  font-weight: bold;
  text-align: center; 
  align-items: center;
  justify-content: center;
  font-family: 'Roboto';
  text-decoration:none !important;
}
.h-title-l-14s {
  color: #292929;
  font-size: 12px;
  text-align: center; 
  align-items: center;
  justify-content: center;
  font-weight: normal;
  font-family: 'Roboto';
  text-decoration:none !important;
}

.h-panel-box1-content { 
  flex-basis: 0;
  width: 33%;min-width: 33%;
  height: auto;
  align-items: center;
  justify-content: center;
  word-wrap: break-word; 
  margin: 0 2px; 
  background-color: #fff;
}
.box-bag-h1{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 100%;
  height: auto; min-height: auto; 
}
.box-bag-h2{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 100%;
  height: auto; min-height: auto; 
}
.box-bag-h3{
  flex-direction: column;
  display: inline-block;
  width: 100%;min-width: 100%;
  height: auto;min-height: auto; 
}  
    
  }