@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');



/* contenedor principal */
.par-cert-title{

  font-family: 'Montserrat', sans-serif;
  font-size:20px;
  color:#1053c6; 
  font-weight: 600;
}

.csg-container-pr{
 display: grid;
 grid-template-columns: 75% auto;

}

.csg-card{
 border-radius: 10px;
 overflow: hidden;
-webkit-box-shadow: 0px 5px 8px 1px rgb(153 153 153);
-moz-box-shadow: 0px 5px 8px 1px rgb(153 153 153);
box-shadow:0px 5px 7px 1px rgb(227, 227, 227);
}

.csg-card-bdy{
  padding: 6px;
}

.csg-card-bdy p{
  font-size: 0.9em;
  color: #727272;
  font-weight: 500;

}
.csg-cont-a{   
  padding:0 40px;
  border-right: 1px solid #b5b5b5;
  /* background-image: url(/images/BANNER-CSG.png); */
  background-size: cover;
  background-position: center;
}

.csg-cont-b{
  display: flex;
  flex-direction: column;
  align-items: center;
 justify-content: center;
}

.card-shd{
  /* -webkit-box-shadow: 0px 5px 8px 1px rgb(153 153 153);
  -moz-box-shadow: 0px 5px 8px 1px rgb(153 153 153); */
  box-shadow:0px 5px 8px 1px rgba(92, 92, 92, 0.199);
}



.csg-cont-b button{
margin: 12px 0;
background-color: white;
display: flex;
align-items: center;
padding: 16px 10px;
font-size: 14px;
border-radius: 8px;
border: 2px solid #476fff;
color: #2651e9;
cursor: pointer;
transition: 0.2s;
max-width: 276px;
width: 100%;
-webkit-box-shadow: 0px 5px 8px 1px rgb(153 153 153);
-moz-box-shadow: 0px 5px 8px 1px rgb(153 153 153);
box-shadow:0px 5px 7px 1px rgb(224, 224, 224);
}

.csg-cont-b button:hover{
  -webkit-box-shadow: 0px 8px 8px 1px rgb(153 153 153);
  -moz-box-shadow: 0px 8px 8px 1px rgb(153 153 153);
  box-shadow: 0 9px 8px -2px rgb(216, 216, 216);
  transform: scale(1.03);
  }


button i{
  font-size: 24px;
 
  }

  button p{
    margin-left: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    width: 100%;
    }
 

.csg-banner{
position: absolute;
width: 100%;
top: -300px;
}

.banner {
background: linear-gradient(to right, rgb(40, 85, 248), rgb(147, 249, 152)); 
padding: 16px 16px;
color: white;
}

.banner h3{
  letter-spacing: 2px;
  font-weight: 500;
}


p{
  margin-top: 0;
  margin-bottom: 0;
  }
  
  
  .sst-container-full {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  }
  
  .sst-flex-center {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  height: calc(100vh - 70px);
  }
  
  
  .sst-container {
  max-width: 100%;
  width: 100%;
  margin: auto;
  border: 1px dashed rgba(184, 130, 130, 0);
  background: rgba(151, 178, 238, 0);
  margin-top: 90px;
  flex: 1;
  padding: 20px;
  }
  
  .csg-card-title{
    font-size: 0.8em;
    color: black;
    font-weight: 600;
  }



 /* **************************** */
  /* Reglas para hacer que los links se ajusten al tamaño de pantalla*/
  
  @media (max-width: 992px) {

 

  .csg-container-pr{
    grid-template-columns: 50% auto;
   }

  
}
 
  @media (max-width: 768px) {

  
  .csg-container-pr{
    grid-template-columns: 50% auto;
   }

   .csg-cont-a{   
    padding:20px 16px;
  
  }
  
}

@media (max-width: 576px) {

.csg-container-pr{
grid-template-columns: 1fr;
}

.container-links {
margin-right: 40px;
}

.dropdown-content {
left: -100px;
}


}