/* ===========================
   BOTÓN WHATSAPP HEADER
=========================== */

.header-social-links{

    display:flex;
    align-items:center;
    gap:12px;

}

.header-whatsapp{

    display:flex;
    align-items:center;
    gap:10px;

    margin-left:18px;

    background:#25D366;
    color:#fff;

    padding:10px 18px;

    border-radius:40px;

    text-decoration:none;

    font-weight:600;

    font-size:15px;

    transition:.30s;

    white-space:nowrap;

    box-shadow:0 4px 12px rgba(0,0,0,.20);

}

.header-whatsapp:hover{

    background:#1fb457;
    color:#fff;

    transform:translateY(-2px);

}

.header-whatsapp i{

    font-size:28px;

}


/* ===========================
      LAPTOP
=========================== */

@media (max-width:1200px){

.header-whatsapp{

    padding:9px 15px;
    font-size:14px;

}

.header-whatsapp i{

    font-size:25px;

}

}


/* ===========================
      TABLET
=========================== */

@media (max-width:992px){

.header-whatsapp{

    padding:9px 14px;

}

.header-whatsapp span{

    display:none;

}

.header-whatsapp i{

    font-size:30px;

}

}


/* ===========================
      CELULAR
=========================== */

@media (max-width:768px){

.header-social-links{

    gap:8px;

}

.header-whatsapp{

    margin-left:8px;

    padding:8px;

    width:46px;
    height:46px;

    border-radius:50%;

    justify-content:center;

}

.header-whatsapp span{

    display:none;

}

.header-whatsapp i{

    font-size:26px;

}

}


/* ===========================
      CELULAR PEQUEÑO
=========================== */

@media (max-width:480px){

.header-whatsapp{

    width:42px;
    height:42px;

}

.header-whatsapp i{

    font-size:22px;

}

}