/***************************Tarjeta2 Inicio************************************/

.containerC {
  position : relative;
  /* width : 1100px; */
  display : flex;
  align-items : center;
  justify-content : center;
  flex-wrap : wrap;
  padding : 30px;  
}

.containerC .card {
  position: relative;
  max-width : 300px;
  height : 215px;  
  background-color : #fff;
  margin : 30px 10px;
  padding : 20px 15px;
  
  display : flex;
  flex-direction : column;
  box-shadow : 0 5px 20px rgba(0,0,0,0.5);
  transition : 0.3s ease-in-out;
  border-radius : 15px;
}

.containerC .card:hover {
  height : 320px;    
}
.containerC .card .image {
  position : relative;
  width : 260px;
  height : 260px;
  
  top : -40%;
  left: 8px;
  box-shadow : 0 5px 20px rgba(0,0,0,0.2);
  z-index : 1;
}

.containerC .card .image img {
  max-width : 100%;
  border-radius : 15px;
}

.containerC .card .content {
  position : relative;
  top : -140px;
  padding : 10px 15px;
  color : #111;
  text-align : center;
  
  visibility : hidden;
  opacity : 0;
  transition : 0.3s ease-in-out;
}

.containerC .card:hover .content {
   margin-top : 30px;
   visibility : visible;
   opacity : 1;
   transition-delay: 0.2s;
}
/***************************Tarjeta2 Fin************************************/
.listasUl {
  margin-top: 50px; 
  display: list-item;
  color: black;
  font-size: large;
  line-height: 30px;
  list-style: none;
  padding: 40;
}
.listaUl2Columnas{
  column-count: 2;
}
.listasUl li{
  list-style-type: disc;
}
.flotante .left img{
  float: left;
  vertical-align: top;
  width: 700px;
  display: inline-block;
}
.flotante .right img{
  float: right;
  vertical-align: top;
  width: 700px;
}
.flotante h1{
  max-width: 400px;
  line-height: 1.5;
}
.flotante .descripcion{
 width: calc(100% - 700px);
 min-width: 300px;
 margin: 0 auto;
 padding: 0 auto;
}

@media only screen and (max-width: 1200px){
  .flotante {
    height: auto;
  }
  .flotante .descripcion{
    float: none!important;
    margin: 0 auto!important; 
    height: auto;
    display: block!important;
  }
  .flotante img{
    float: none!important;
    margin: 0 auto!important;
    display: block!important;
    max-width: 100%;
    height: auto;
  }
}