:root{
--Red: hsl(0, 78%, 62%);
--Cyan: hsl(180, 62%, 55%);
--Orange: hsl(34, 97%, 64%);
--Blue: hsl(212, 86%, 64%);
--yello:hsl(54, 78%, 43%);
--cafe:hsl(298, 74%, 50%);
--verde:hsl(123, 80%, 52%);
--rojo:hsl(234, 60%, 37%);

--very-dark-blue: hsl(234, 12%, 34%);
--grayish-blue: hsl(229, 6%, 66%);
--very-light-gray: hsl(0, 0%, 98%);
}

body{
    font-family: "Poppins", sans-serif;;
}

.cardi{
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.cardi__paragrah{
    line-height: 1.5;
    color: var(--grayish-blue);
}
.cardi__container{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4,1fr);
    padding-top: 80px;
    text-align: left;
    grid-template-areas: 
    "card1"
    "card2"
    "card3"
    "card4"
    "card5"
    "card6"
    "card7"
    "card8"
    ;
    justify-items: center;
    gap: 2.5em;

}
.cardi__item{
    width: 90%;
    max-width: 350px;
    padding: 1.5em 1.7em;
    box-shadow: 0 4px 20px -6px hsl(212, 86%, 64%, .5);
    border-radius: 6px;
    border-top: 4px solid var(--Cyan);
    grid-area: card1;
}

.cardi__item:nth-child(2){
    grid-area: card2;
    border-top: 4px solid var(--Orange);
}

.cardi__item:nth-child(3){
    grid-area: card3;
    border-top: 4px solid var(--Red);
}

.cardi__item:nth-child(4){
    grid-area: card4;
    border-top: 4px solid var(--rojo);
}
.cardi__item:nth-child(5){
    grid-area: card5;
    border-top: 4px solid var(--yello);
}
.cardi__item:nth-child(6){
    grid-area: card6;
    border-top: 4px solid var(--verde);
}
.cardi__item:nth-child(7){
    grid-area: card7;
    border-top: 4px solid var(--cafe);
}
.cardi__item:nth-child(8){
    grid-area: card8;
    border-top: 4px solid var(--Blue);
}
.cardi__name{
  font-size: 1.5rem;
  margin-bottom: 16px;  
}
.cardi__copy{
    color: var(--very-dark-blue);
    font-weight: 200;
    padding-bottom: 40px;
}
.cardi__picture{
    width: max-content;
    margin-left: auto;
}
.cardi__img{
    display: block;
}

@media (min-width:768px){
    .cardi__container{
        grid-template-columns: repeat(3,1fr);
        grid-template-areas:
        ".      card1       ."
        "card2  card1   card3"
        "card2  card4   card3"
        ".      card4       ."

         ".      card5       ."
        "card6  card5   card7"
        "card6  card8   card7"
        ".      card8       ."
        ;
        
        gap: 2em;

}
}

/* GALERYA DE IMAGENES */
.galeria{
    width: 90%;
    max-width: 1200px;
    overflow: hidden; 
    margin: 50px auto;
}
.galeria__titulo{
    font-size: 30px; 
}
.galerias__imagen{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
   
}
.galeria__figure{
    flex:150px;
    background-color:#fff;
    box-shadow: 0 4px 20px -6px hsla(210, 21%, 5%, 0.5); ;
    
   
}
.galeria__img{
    /* flex: 200px; */
    
}

.galeria__img img{
    width: 100%;
}
.galeria__img .galerias_texto{
    font-size: 13px;
    color: #000;
}