.container-legales{display: flex;background: #f9f9f9;font-family: lato;max-width: 1120px;margin: auto;flex-direction: column;border-radius: 10px;}
.container-legales a{text-decoration: none;}




.container-legales  img.logo{width: 75%;}
.container-legales  img.icon-legales{    width: 40px;
    height: 40px;
    border: 2px solid #d3d7dd;}
.container-legales .card{border: none;}
.container-legales .card-title{font-size: .55rem;color: #0051b2;font-family: merriweather;/* text-transform: capitalize; */text-decoration: none;margin-bottom: 0.2rem;}
.container-legales .card-title .taxo{  min-height: 0px;text-decoration: none;}
.container-legales .card-title:first-letter {
 text-transform: capitalize;
}
.container-legales .card-title a{min-height: 0px;text-decoration: none;color: #0051b2;font-weight: bold;}
.container-legales  .fecha{color: #eb6a1f;font-family: lato;font-size: .55rem;font-weight: normal;}
.container-legales  .rounded-circle img{background: #d3d7dd; padding: 2px; border-radius: 50%;}


.container-legales  a p.card-text{font-size: .75rem;min-height: 150px;text-transform: uppercase;line-height: 1.2;text-transform: lowercase;align-items: center;font-style: oblique;color: #333}

.container-legales .btn-link{font-size: .7rem;color:#eb6a1f;font-weight: bold;background: #e5e9ef;}
.container-legales .card-body {flex: 1 1 auto; padding: 0.1rem 0.5rem; text-decoration: none; }
.container-legales .card-body .taxo{min-height: 29px;}

.row .g-0 .my-3{ justify-content: space-between !important; display: flex;}



.container-legales .info-legales {
    border-radius: 5px;
    color: #9E9E9E;
    font-weight: normal;
    font-size: 0.7rem;
    justify-content: center;
    font-family: lato;
    position: relative;
    justify-items: center;
    align-items: center;}

.container-legales .info-legales a {
    color: #d4d4d4;
    background: #214894;
    font-weight: bold;
    text-transform: unset;
    border-radius: 5px;
    /* box-shadow: 0px 0px 0px 2px #b7b7b7; */
    text-align: center;
    font-size: .8rem;
    padding: 5px;
    position: relative;
}
.container-legales .info-legales a.mail:before{content: '📧'; width: 20px; position: relative; left: 0; border-radius: 0px 5px 5px 0px; margin-right: 5px;}
.container-legales .info-legales a.tel:before{
    content: '';
    background: url(/noticias/imag/sociales/whatsapp.svg);
    width: 15px;
    height: 15px;
    display: inline-flex;
    background-size: 15px;
    position: relative;
    left: 0;
    border-radius: 0px 5px 5px 0px;
    margin-right: 5px;
    background-repeat: no-repeat;
    top: 2px;
    border-radius: 5px;
    }

.container-legales .info-legales a.mail:after{    content: 'Escribenos a: ';
        width: 100px;
    position: absolute;
    left: 12px;
    /* border-radius: 0px 5px 5px 0px; */
    margin-right: 5px;
    top: 0;
    color: #214894;
    font-weight: bold;
    top: -19px;
    /* background: #214894; */
    border-radius: 5px 5px 0px 0px;}
.container-legales .info-legales a.tel:after{content: 'Llámanos a:';  
       width: 100px;
    position: absolute;
    left: 12px;
    /* border-radius: 0px 5px 5px 0px; */
    margin-right: 5px;
    top: 0;
    color: #214894;
    font-weight: bold;
    top: -19px;
    /* background: #214894; */
    border-radius: 5px 5px 0px 0px;}



.container-legales .row {margin-right:unset; margin-left:unset; }

/*efectos*/

.container-legales .info-legales a.mail:hover,.container-legales .info-legales a.tel:hover{cursor: pointer; background:#333; }
.container-legales .card-body .taxo:hover{color:  #333; cursor: pointer; text-shadow: 1px 0px 0px #f9f9f9;text-decoration: underline;}
.container-legales a.btn-link:hover{cursor: pointer;color: #ff9900 !important;}
.container-legales .card-body a.btn-link:hover{color: #ff9900;}
.container-legales .card:hover{transition:background 0.2s ease;    cursor: pointer;}
.container-legales .card:hover  p.card-text{color: black;}
.container-legales a.c-black:hover{cursor: pointer;

    color: #eb6a1f !important;
    background: #e5e9ef !important;
    }
.container-legales .cabecera:hover {background:#00000005;}
.container-legales .cabecera:hover .taxo{text-decoration: underline;}
.container-legales .card:hover .taxo{text-decoration: underline;}
.container-legales  p span:first-letter{
 text-transform: capitalize;
}
.container-legales .row {
    --bs-gutter-x: .8rem;

}


  @media (max-width: 767px){
    .container-legales .card {
  
    min-height: 0;
       margin-bottom: 7vw;
}
.container-legales a p.card-text {
   
     min-height: 0px; 
    
}
.container-legales img.icon-legales {
    width: 47px;
    height: 45px;
   
}
.container-legales  .contenido-card{
    margin-bottom:-5px;
    margin-top: -5px;
}
 }



.contenido-card {
    position: relative;
  }
  
  
  .card .ver-mas-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
  }
  

  .card:hover .ver-mas-overlay {
    opacity: 1;
  }
  
 
  @media (max-width: 768px) {
    .card .ver-mas-overlay {
      opacity: 1;
      background: none;
    }
  
    .ver-mas-overlay .btn {
      position: absolute;
      transform: none;
      background-color: #007bff;
      padding: 6px 10px;
      font-size: 12px;
      top: 5px;
    }
  }
  

  .rounded-custom {
    border-radius: .5rem !important;
  }