*{
  padding:0px;
  margin:0px;
}

:root {

 /* --hederfooter:#02184c;*/
  --hederfooter:linear-gradient(180deg, rgba(20,37,62,1) 0%, rgba(7,30,111,1) 100%, rgba(0,39,130,1) 100%);
}

body {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 59px 1fr 40px;
    min-height: 100vh;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.oculto_section{
    display: none;
}

/*********************************/
.header{
  background:yellow;
}
.main {
  background:blue;
}
.footer{
  background:red;
}

/****************/
.container-slide-text {


}

/****************/

.header {
    background: var( --hederfooter);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nav-link{
  text-decoration: none;
  color:grey;
  font-size: 18px;
  font-weight: bold;
  padding: 20px;
  cursor: pointer;
}

.nav-link.active {
  color: white;
  font-weight: bold;
}

.nav-link:hover{
  text-shadow: 0px 17px 9px rgba(255,255,255,1);
}
.image-logo {
    height: 6rem;
    margin-left: 10px;
}
/***************ARTICLE********************/
/**slider  main**/
.slider {
    width: 100%;
}

.article {
    display: none;
}
/**slider   main**/
/*
//estilo enviado al mediquery
.text-article1{
    font-size: 100px;
    text-shadow: 0px 2px 8px rgba(119, 201, 248, 1);
    text-align: center;
    margin-bottom: 15px;
}
*/

.sub-text-article1 {
    text-align: center;
    font-size: 20px;
    line-height: 0.8;
}
.btn-descarga {
    padding: 10px;
    border-radius: 10px;
    font-size: 25px;
    font-weight: bold;
    border: 3px solid #4090FF;
    color: #4090FF;
    width: 300px;
    position: absolute;
    top: 67%;
    left: 37%;
}
/******************************/
.containner-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
   
    background: rgb(0 0 0 / 62%);
    height: 100%;
}
.containner-text>h3{
    font-size: 50px;
    text-align: center;
}

.text-article {
    text-align: center;
    padding: 26px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
}
/****************ARTICLE**********************/
/*-----------------------------------------------------------------------------------------*/
.MiniStock_container {
    height: 76vh;
    background: red;

}
/*******************Start*****************************/
.MiniStock_Start{
  background-image:url("../image/Jumbotron.png"); 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-size: 100% 100%;    
}

.MiniStock_Start-image {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   background: rgb(41 137 66 / 50%);
}
/**************Start***************/
/*******************Emprendedor**********/
.MiniStock_Emprendedor {
  background-image:url("../image/Jumbotron.png"); 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-size: 100% 100%;    
}

.MiniStock_Emprendedor-image{
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:rgba(0,50,124,0.5);
}
/**************Emprendedor***************/
/***************POS**********************/
.MiniStock_Emprendedor_Pos {
  background-image:url("../image/Pos.png"); 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-size: 100% 100%;

}
.MiniStock_Emprendedor_Pos_image{
    height:100%;
    background: rgba(116, 0, 116, 0.5);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
/***************POS**********************/
/*************MiniStock_SystemInvetario********************/

.MiniStock_SystemInvetario{
 background-image:url("../image/Jumbotron.png"); 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-size: 100% 100%;  
   height: -webkit-fill-available; 
}
.MiniStock_SystemInvetario-image{
  height:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background:rgba(0,50,124,0.5);
}

.image-logo-descarga-section-MiniStock_SystemInvetario {
    width: 183px;
}
/*************MiniStock_SystemInvetario********************/
/*********************ITEM ELEMENT****************************/
.image-logo-descarga-section {
   
    width: 138px;  
}

.title_pos_descarga {
    text-align: center;
    color: white;
    margin-bottom: 14px;
    margin-top: 12px;
    font-size: 39px;
}

.containner-information-price {
    background: white;
    width: 94%;
    border-radius: 10px;
    padding: 2px;
}
.containner-price{

    text-align: center;
}
.price-plan {
    font-size: 56px;
    font-weight: bold;
    color: #99E200;
}
.bg{

  font-weight: bold;
}
.price{
    font-size:56px;

}
.type-money{

  font-size:56px;
 
}

.BCV{
    font-size:30px;
  padding: 3px;
  color:orange;
}

.containner-price{


}
.containner-list-item{
 
  background: white;

}

.containner-list-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 0fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    justify-items: center;
}

.list-item-plan>.item{
  padding: 2px;
  list-style: none;
}

.pos1 { grid-area: 1 / 1 / 2 / 2; }
.pos2 { grid-area: 1 / 2 / 2 / 3; }
.pos3 { grid-area: 2 / 1 / 3 / 3; }

.suport-tecnical{
  text-decoration: center;
  padding: 4px;
  text-align: center;
  margin-top: 3px;
}

.icon-checkmark{color: green;}
.icon-cross{color:red;}

.btn-descargar {
      width: 250px;
      height: 41px;
      font-weight: bold;
      font-size: 17px;
      color: white;
      background: #ff8000;
      border: 4.5px solid white;
      margin-top: 27px;
      border-radius: 91px 42px 96px 48px;
      -webkit-border-radius: 91px 42px 96px 48px;
      -moz-border-radius: 91px 42px 96px 48px;

}

.link-descarga{
  text-decoration: none;
      font-weight: bold;
      font-size: 17px;
      color: white;
}
/*********************ITEM ELEMENT****************************/
.footer {
    /*padding: 20px;*/
    background: var(--hederfooter);
    color: white;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-direction: row;
}