@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
footer {
    margin-top: 20px;
    width: 100%;
    display: flex;
    gap: 1.25rem;
    background-color: rgb(255, 255, 255);;
    flex-direction: column;
    color: rgb(66, 66, 66);
    align-items: start;
    justify-content: space-between;                
    font-size: 0.8rem;
    font-family:fantasy;
    
}

footer .section-principal{
    display:flex;width:100%;flex-direction:row;justify-content: space-around;
}


footer .section-principal .div-uno{
    display:flex;width:20%;justify-content: center;
}

footer .section-principal .div-uno img{
    width: 100%;height:100%;object-fit:contain;
}

footer .section-principal .div-dos{
    margin-right:5%;margin-top:30px;
}



footer .section-second{
    display: flex;width:100%;height:30px;background-color:white;align-items:center;justify-content:center;
}

footer .section-second p{
    color: #383c4c;text-align: center; margin-bottom: 0rem
}

@media screen and (max-width: 768px) {
    footer .section-principal{
        flex-direction: column;
    }
    footer .section-principal .div-uno{
        display: none;
    }
    footer .contactosMenu{
        display: none;
    }
    .contactos{
        margin-right: 0%;
        margin-left: 5%;
    }
    .copy{
        margin-right: 0%;
        margin-left: 5%;
    }
}
@media screen and (max-width: 768px){
    footer{
        flex-direction: column;
    }
}
footer p {
    color: rgb(66, 66, 66);
    font-size:15px;    
    
    margin-block-start: 0em;
    margin-bottom: 0rem;
}
footer img {
    width: 100px;
    height: 30px;
    object-fit: fill;
}
footer h3 {
    color: rgb(66, 66, 66);
    font-size: 20px;
    margin-left:20px;    
}

.contactos {
    display: grid;
    /*border-bottom: solid 1px rgb(66, 66, 66);*/
    padding-bottom: 20px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    row-gap: 10px;    
    margin-right: 5%;
}

.contactos span {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgb(66, 66, 66);                
}
.hf{
    font-size: 15px;    
}
.hfT{
    font-size: 30px;        
    font-weight: bold;       
}
.hfT2{
    font-size: 20px; 
    font-weight: bold;       
}

.hb{
    font-size: 20px;
    color: white;
}
.icon-facebook, .icon-tiktok, .icon-instagram,.icon-whatsapp  {
    font-size: 40px; /* Tama���o del icono */
    margin: 10px; /* Espaciado entre iconos */
}

.icon-facebook {
    color: #006eff; /* Color de Facebook */
}

.icon-tiktok {
    color: #000000; /* Color de TikTok */
}

.icon-instagram {
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*color: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);*/
}
.icon-whatsapp {
    color: #3e3e3e; /* Color de WhatsApp */
}


@media screen and (max-width:768px) {
    .hf1{
        font-size: 20px;
    }
    .hf2{
        font-size: 20px;
    }
    .hb{
        display: none;
    }
}