/*Contenido en cuadro de contactos*/
.contactos {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: center;
}
.contactos  .whaptsapp{
    width: 80%;
    height: 340px;
    text-align: center;
    margin: 20px 0;
}
.contactos  .whaptsapp h3{
    width: 60%;
    margin: auto;
    text-align: center;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.85);
}
.contactos  .whaptsapp img{
    width: 16%;
    margin: 10px auto;
}
.contactos  .whaptsapp .consultas{
    width: 40%;
    margin: auto;
    text-align: center;
    border: 3px solid #F9AD19;
    border-radius: 4px;
    margin: 12px auto;
}
.contactos  .whaptsapp .consultas a{
    height: 100%;
    color:white;
    background: red;
    font-size: 22px;
}
.contactos  .whaptsapp .consultas a p{
    width: 100%;
    height: 50px;
    color:#343434;
    background: #ffffff;
    font-size: 22px;
    font-weight: bold;
    transition-duration: 0.33s;
}
.contactos  .whaptsapp .consultas a p:hover{
    width: 100%;
    height: 50px;
    color:white;
    background: #F9AD19;
    font-size: 22px;
}
.contactos  .whaptsapp hr{
    width: 100%;
    height: 3px;
    color:white;
    background: #F9AD19;
    border: none;
    margin: 35px 0;
}
.contactos h2{
    width: 84%;
    text-align: start;
    font-size: 26px;
    padding: 16px 0 0;
    color:rgba(0, 0, 0, 0.88);
    margin: auto;
}
.contactos .contactos-1{
    display: flex;
    flex-wrap: wrap;
    width: 49%;
    
}
.contactos .contactos-1 div{
    width: 45%;
    height: 150px;
    margin: 0 0px 15px 15px;
    box-shadow: 0 10px 14px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3), 0 -6px 16px -6px rgba(0,0,0,.025);
    padding: 4px;

}
.contactos .contactos-1 .siguenos{
    width: 45%;
    height: 150px;
    margin: 0 0px 5px 15px;
    box-shadow: none;
    padding: 4px;

}
.contactos .contactos-1 .siguenos img{
    width: 28px;
    margin: 0 0px 0 8px;

}
.contactos h3{
    width: 85%;
    font-size: 16px;
    padding: 10px 0 5PX;
    
}
.contactos p{
    padding: 10px 0 0 3px;
    font-size: 13px;
    
}
.contactos .contactos-2{
    width: 35%;
    
}
.contactos .contactos-2 iframe{
    margin: 10px;
    
}

/*Iconos de contacto*/
.contactos .u1::before{
    content: "";
    background-image: url(iconos/ubicacion.png);
background-size: 100% 80%;       background-repeat: no-repeat;
    padding: 12px;
    width: 8%;
    margin-right: 8px;
     filter: invert(0.4) sepia(1) hue-rotate(8deg) saturate(1000%);
    
    
}
.contactos .t1::before{
    content: "";
    background-image: url(iconos/telefono.png);background-size: 100% 80%;       background-repeat: no-repeat;
    padding: 12px;
    width: 8%;
    margin-right: 8px;
     filter: invert(0.4) sepia(1) hue-rotate(8deg) saturate(1000%);
        
    
}
.contactos .e1::before{
    content: "";
    background-image: url(iconos/email.png);
background-size: 100% 80%;       background-repeat: no-repeat;
    padding: 12px;
    width: 8%;
    margin-right: 8px;
      filter: invert(0.4) sepia(1) hue-rotate(8deg) saturate(1000%);
    
}
.contactos .s1::before{
    content: "";
    background-image: url(iconos/network.png);
background-size: 100% 80%;       background-repeat: no-repeat;
    padding: 12px;
    width: 8%;
    margin-right: 8px;
     filter: invert(0.4) sepia(1) hue-rotate(8deg) saturate(1000%);

}

/*programador Adrian S.*/
.ft {
    width: 100%;
    max-width: 1280px;
    text-align: center;  
    font-size: 11px;
    padding: 8px 0 10px;
    color: rgba(255, 255, 255, 0.77);
    background-color:rgba(0, 0, 0, 0.92);
    border-top: solid 3px #F9AD19;
}