@charset "utf-8";

.contenedor{ 

 display: flex; 

 justify-content:center; 

 flex-wrap:wrap; 

 gap: 16px; 

} 

.tarjeta{

 display:flex;

 flex-direction:column;

 justify-content:space-between;

 width: auto;

 border: 1px solid lightgray;

 box-shadow: 2px 2px 8px 4px #d3d3d3d1;

 border-radius:15px;

 font-family: sans-serif;


background-image: url("2002137.jpg");
 /* background-color: white; */ 

}

.tarjeta2{

    display:flex;
   
    flex-direction:column;
   
    justify-content:space-between;
   
    width: auto;
   
    border: 1px solid lightgray;
   
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
   
    border-radius:15px;
   
    font-family: sans-serif;
   
   
   background-image: url("6193255.jpg");
    /* background-color: white; */ 
   
   }


   .tarjeta3{

    display:flex;
   
    flex-direction:column;
   
    justify-content:space-between;
   
    width: auto;
   
    border: 1px solid lightgray;
   
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
   
    border-radius:15px;
   
    font-family: sans-serif;
   
   
   background-image: url("creative-lines1.jpg");
    /* background-color: white; */ 
   
   }


   .tarjeta4{

    display:flex;
   
    flex-direction:column;
   
    justify-content:space-between;
   
    width: auto;
   
    border: 1px solid lightgray;
   
    box-shadow: 2px 2px 8px 4px #d3d3d3d1;
   
    border-radius:15px;
   
    font-family: sans-serif;
   
   
   background-image: url("722892.jpg");
    /* background-color: white; */ 
   
   }


.titulo{

 font-size: 24px;

 padding: 10px 10px 0 10px;;



}

.cuerpo{

 padding: 10px;

 flex: 1 1 100%;

}

.pie{

 background: #6699ff;

 border-radius:0 0 15px 15px;

 padding: 10px;

 text-align:center;

}

.pie a{

 text-decoration: none;

 color: white;

}

.pie a:after {

 position: absolute;

 top: 0;

 right: 0;

 bottom: 0;

 left: 0;

 z-index: 1;

 content: ""

}