.container-cooperativachina{display: flex;background:#fffaeb url(../img/bg.home-pattern.png);
    background-repeat: repeat;
    background-size: contain;
  font-family: lato;max-width: 1120px;margin: auto;flex-direction: column;border-radius: 10px;padding-bottom: 20px;border: 1px solid #7112181a;}
.container-cooperativachina a{text-decoration: none;}




.container-cooperativachina  img.logo{width: 70%;}
.container-cooperativachina  img.icon-legales{    width: 40px;
    height: 40px;
    border: 2px solid #d3d7dd;}
.container-cooperativachina .card{background: #fff;border: none;min-height: 270px;/* border-left: 2px dashed #ffffffe6; */}
.container-cooperativachina .card-title{font-size: .6rem;color: #711218;/* background: #0096b4; */font-family: merriweather;/* text-transform: capitalize; */text-decoration: none;margin-bottom: 0.2rem;left: 0;padding-left: .5rem;padding-right: 0.5rem;border: 1px solid #7112181a;border-radius: 5px;margin-left: 5px;}
.container-cooperativachina .card-title .taxo{  min-height: 0px;text-decoration: none;}
.container-cooperativachina .card-title:first-letter {
 text-transform: capitalize;
}
.container-cooperativachina .card-title a{min-height: 0px;text-decoration: none;color: #0051b2;font-weight: bold;}
.container-cooperativachina  .fecha{color: #eb6a1f;font-family: lato;font-size: .55rem;font-weight: normal;display: none;}
.container-cooperativachina  .rounded-circle img{background: #d3d7dd;padding: 2px;border-radius: 50%;display: none;}


.container-cooperativachina  a p.card-text{font-size: .9rem;/* min-height: 100px; *//* text-transform: uppercase; */line-height: 1.2;/* text-transform: lowercase; */align-items: center;/* font-style: oblique; */color: #711218;background: #fff;/* position: absolute; */bottom: 13px;width: 100%;left: 0;padding: 0 .5rem;text-align: left;}

.container-cooperativachina .btn-link{font-size: .7rem;color: #711218;font-weight: bold;background: #ffffff;/* margin-right: 30px; */margin-top: 30px;border: 1px solid #711218;}
.container-cooperativachina .card-body {flex: 1 1 auto;padding: 0.5rem 0rem;text-decoration: none;}
.container-cooperativachina .card-body .taxo{min-height: 29px;width: max-content;background: #ffffff;}





.container-cooperativachina .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-cooperativachina .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-cooperativachina .row {margin-right:unset; margin-left:unset; }
.container-cooperativachina .header-curiosos{
    color: #fff;
    font-size: 1.2rem;
}
/*efectos*/

.container-cooperativachina .info-legales a.mail:hover,.container-cooperativachina .info-legales a.tel:hover{cursor: pointer; background:#333; }
.container-cooperativachina a.btn-link:hover{cursor: pointer;color: #ff9900 !important;}
.container-cooperativachina .card-body a.btn-link:hover{color: #ff9900;}
.container-cooperativachina .card:hover{background: #ffffff;transition:background 0.2s ease;cursor: pointer;}
.container-cooperativachina .card:hover  p.card-text{color: black;}
.container-cooperativachina a.c-black:hover{cursor: pointer;color: #0096b4 !important;background: #e5e9ef !important;}
.container-cooperativachina .cabecera:hover {background:#00000005;}

.container-cooperativachina  p span:first-letter{
 text-transform: capitalize;
}
.container-cooperativachina .row {
    --bs-gutter-x: .8rem;

}
.container-cooperativachina picture {margin: 0px; width: 100%; overflow: hidden; display: flex; position: relative; margin: auto; min-height: auto; max-height: max-content; display: block; padding-top: 56.25%; position: relative; background: #0096b4; }
.container-cooperativachina picture img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }


 @media (min-width: 768px){.container-cooperativachina .col-md-3 {flex: 0 0 auto;width: 20%;}

 }

  @media (max-width: 767px){
    .container-cooperativachina  img.logo{width: 50%;height: 70px;}
    .container-cooperativachina .card {
  min-height: 251px;
}
.container-cooperativachina a p.card-text {
   /* min-height: 86px; */
   /* padding-top: 7px; */
}
.container-cooperativachina img.icon-legales {
    width: 47px;
    height: 45px;
   
}
.container-cooperativachina  .contenido-card{
    margin-bottom:-5px;
    margin-top: -5px;
    /* height: 244px; */
    margin: 8px 0;
}
.order1{order: 2;}


.container-cooperativachina picture {

    margin-top: 7px;
}
 }

.container-cooperativachina .modulo-ciencia-externo a p.card-text{padding-top: 7px !important;}

/* Definimos el movimiento de la máscara */
@keyframes olaOpacidad {
  0% {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
  100% {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
}

/* La clase con el efecto */
.separador-efecto-china {
  background: url('../img/bg.header.png');
  background-repeat: repeat;
  background-size: contain;
  width: 100%;
  display: table;
  height: 25px;
  
  /* 1. Creamos el degradado de la máscara (0.3 de opacidad a los lados, 1 en el centro) */
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.1) 100%);
  mask-image: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.1) 100%);
  
  /* 2. Hacemos la máscara el doble de ancha para que tenga espacio para moverse */
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  
  /* 3. Aplicamos la animación usando la palabra clave 'alternate' para el vaivén */
  animation: olaOpacidad 10s ease-in-out infinite alternate;
}