@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+20&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+20&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jersey+20&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css'); 
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');






.texto-container {
    margin-bottom: 2rem;
    
    }


.texto {
    width: 31%;
    height: 28rem;
    }


.texto li  {
    font-size: 1.1rem;
    }

h3 {
    margin-top: 2rem;
    margin-left: 1rem;
    font-size: 2rem;
    text-align: center;
}





h4 {
    margin-top: 2rem;
    margin-left: 1rem;
    color: #ffffff;
    font-size: 2rem;
    text-align: left;  
    filter: drop-shadow(10px 10px 10px #00000067);
    margin-left: 25% ;
    margin-bottom: 1rem;
    
}


.texto-container-2 {
    display: flex;
    margin: 0rem;
    justify-content: space-around;
    list-style: none;
    align-items: center;
    }

    
    
.texto-2 {
        width: 40%;
        border-radius: 10px;
        background: rgb(255, 151, 133);
        list-style: none;
        height: 100%;
        margin-top: 0rem;
    
        -webkit-box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
        -moz-box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
        box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
        text-align: center;  

        }

.texto-2 img {
        width: 50%;
        text-align: center;
        justify-content: space-around;
        align-items: center;
        margin: 1rem;       
        filter: drop-shadow(10px 10px 10px #00000067);
        }
        


        

    /***********************
RESPONSIVE
***********************/
@media (max-width: 40rem) {

    h4 {
      
        margin-left: 1rem ;

        
    }
    
   

.texto-container {
margin: 1rem;    
    }


.texto {
    width: 100%;
    height: 100%;
    }



.texto-container-2 {
        display: block;
        margin: 0rem;
        justify-content: space-around;
        list-style: none;
        align-items: center;
        text-align: center;  
        margin: 1rem;    

        }
    
        
        
    .texto-2 {
            width: 100%;
            border-radius: 10px;
            background: rgb(255, 151, 133);
            list-style: none;
            height: 100%;
            margin-top: 0rem;
        
            -webkit-box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
            -moz-box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
            box-shadow: -9px 10px 53px -20px rgba(0,0,0,0.75);
            text-align: center;  
    
            }
    
    .texto-2 img {
            width: 70%;
            text-align: center;
            justify-content: center;
            align-items: center;
            margin: 1rem;       
            filter: drop-shadow(10px 10px 10px #00000067);
            }
            
    


   
    
}