<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;1,300;1,400&amp;display=swap');


:root{
    --verde: #383b3b;
    --limon: #C1F0AB;
    --entradas: #D6E0B1;
 
   --degradado: linear-gradient(90deg,var(--limon),var(--verde));
}

 

.contactos{
    display:flex;
    align-items: center;
    justify_content:center;
    flex-wrap:wrap;
    padding-bottom:4rem;
}
.contactos .image{
   
    flex: 1 1 40rem;
    margin-top: 114px;
    
}
.contactos .image img{
    width:40%;
    padding:2rem;
    
        
}
.contactos form{
    flex: 1 1 40rem;
    padding: 2rem 3rem;
    border:.1rem solid rgba(0,0,0,.2);
    box-shadow: 0 .5rem 1rem rgba(0,0,0, .1);
    border-radius: .5rem;
    background: white;
    
    
}

.contactos .heading{
    text-align: center;
    padding: 0;
    padding-bottom: 2rem;
    
}



.btn{
    display: inline-block;
    margin-top: 1rem;
    padding: .8rem 3rem;
    background: var(--degradado);
    font-size: 1.8rem;
    color: white;
    cursor: pointer;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
    border-radius: 5rem;
    transition:all .3s linear;


}

.btn:hover{
    transform: scale(1.1);

}
contactos form .inputcaja{
    position:relative;
}

.contactos form .inputcaja input, .contactos form 
.inputcaja textarea{
    width: 100%;
    background: none;
    color: #333;
    margin: 1.5rem 0;
    padding: .5rem 0;
    font-size: 1.7rem;
    border-bottom: .1rem solid rgba(0,0,0, .1);
    text-transform: none;
    
        
}




.contactos form  .inputcaja textarea{
    resize: none;
    height: 13rem;
    }


.contactos form  .inputcaja label{
  
    top: 1.7rem;
    left: 0;
    font-size: 1.7rem;
    color: #666;
    transition: .2s linear;
        
    }

.contactos form .inputcaja input:focus ~ label,
.contactos form .inputcaja input:valid ~ label,
.contactos form .inputcaja textarea:focus ~ label,
.contactos form .inputcaja textarea:valid ~ label{
    top: -.5rem;
    font-size:1.5rem;
    color: var(--limon);
}

.contactos form .inputcaja input:focus ~ label{
    font-size:1.5rem; 
}
</pre></body></html>