html{
 font: Lato !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 17px !important;
    height: 17px !important;  
}

.owl-stage{
height:92% !important;
}

.active span, .active span:hover {
    background: #E84621 !important; /*active and on hover color*/
  }

.kudos-two-column-content-1 .flex {
   
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#un
{
  max-width:1400px !important;
  margin :0 auto  !important; 
}  

.item
{
 
  width:100%;
}  

.sec-tarjetas
{
    background:#ffffff;
    width: 100%;
    margin: 0 auto  !important;
    height: auto;
  padding: 2% 0%;
}

.sec-texto
{
  font-family: Lato, sans-serif !important;
  color:#E84621;
  width: 100%;
  margin: 0 auto;
  text-align:left;
  font-weight:600 !important;
  padding:1% 14%;
  font-size:2.2em;
}

.cuadricula
{
  
    width: 100%;
      margin: 0 auto;
     display: grid;
    align-items:center;
  padding:1% 0;
}

  
.tarjeta_total
{
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15) !important;
  width:auto;
  height:100%;
  margin:20px;
  border-radius: 15px;
  background:#f5f5f5;
  overflow:hidden !important;
  display:flex;
  align-items:center;
  position:relative;
}

  .tarjecolor{
 border-radius: 50%;
    display: block;
    height: 100%;
    position: absolute;
    right: -150px;
    width: 300px;
   
  }

   .tarjeta_total:hover .tarjecolor{
 
    width:800px;
   border-radius:15px;
     background: #f5f5f5 !important;
     opacity:0;
      transition: all .3s ease-out;
  }

 .tarjeta_total:hover .titulo_tarj{
     color:  #d1111c !important;
      transition: all .3s ease-out;
  }

 .tarjeta_total:hover .ctas{
   background: linear-gradient(to right, #d1111c, #e84621) !important;
   
   color:#fff !important;
   box-shadow: 0 1rem 3rem rgba(252, 252, 252, 0.4) !important;
      transition: all .3s ease-out;
  }



.imamono{

  height:400px;
 width:auto !important;
  box-sizing:border-box;
  min-height:315px;
  object-fit: cover;
  display:flex;
   align-self:end;
  z-index:100;
}

.letras{
padding:2% 20px;
  z-index:100;
}

    .ctas{
  width:100%;
      max-width:220px;
    height:auto;
   padding:6px;   
  background: #fff;
  border-radius:10px;
      display:flex;
      justify-content:center;
      margin:20px 0;
      font-weight:600;
      text-decoration:none;
  }

.texto_tarj
{
    font-size: 1em !important;
    color: #092B4A !important; 
}
.titulo_tarj
{
    font-weight: 700;
    font-size: 1.5em !important;
   
}

@media screen and (max-width:1650px){
  
  .sec-tarjetas {

    padding: 3% 0;
  
}
.texto_tarj 
{
  font-size:.95em !important;
  
}
  
  .titulo_tarj {
    font-size: 1.2em !important;
    font-weight: 700;
}
  .imamono
  {
    height:200px !important;
  
  }
  
.sec-texto {  
    font-size: 2em !important;
    padding: 0 7%;
   
}
  .tarjeta_total
  {
    margin:15px;
     
  }
  
  .letras {
    padding: 2.5% 20px;
    z-index: 100;
}
  
  #un {
    margin: 0 auto !important;
    width: 90%;
}
}
@media screen and (max-width:1200px){
  
  
      .sec-texto {
        font-size: 1.5em !important;
        padding: 1% 7%;
        text-align:center;
    }
  
  
  .cuadricula
{
    width: 100%;
  max-width:800px;
    grid-template-columns: repeat(1, 1fr);
   grid-auto-rows: minmax(100px, auto);
}


}


@media screen and (max-width:600px){
  
      .sec-tarjetas {
        padding: 15% 0 10% 0 !important;
    }
  
.tarjeta_total
{
 flex-flow:column;
}

    .tarjecolor{

    height: 300px;

    right: 0;
    bottom:-150px;  
    width: 100%;
   
  }
  
    .tarjeta_total:hover .tarjecolor{
 
    height:800px;
 
    }

  
.imamono{
   align-self:center;
   height:220px !important;
  min-height:0 !important;
 
}

  
  .letras
{
  display:flex;
 flex-flow:column;
  align-items:center;
}
  
  .texto_tarj, .texto_tarj p
{
    text-align:center;
  margin:0;
}
    .titulo_tarj {
        text-align: center;
        font-size: 1.3em !important;
      
    }

  
    .imamono
  {
    height:auto !important;
     width: 70% !important;
  }
  
      .letras {
        padding: 6% 10px;
        z-index: 100;
    }
  
  #un p
  {
    font-size:.9em !important;
  } 
    
  }
}