*{margin:0;
padding:0;
box-sizing:border-box}

html,body{
    height:100%;
    overflow:hidden}
    
body{
background:url("fullbody en construccion.png") center center/cover no-repeat;
font-family:Arial,sans-serif
}

.overlay{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(0,0,0,.45)
}

.content{
    text-align:center;
    color:#fff;
    padding:20px
}

h1{
    font-size:clamp(3rem,7vw,6rem)
}

h2{
    margin:10px 0 20px
}
.buttons{
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap
    
}
.btn{
    padding:14px 24px;
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:bold
}

/* WhatsApp */

.floating-whatsapp{
    position:fixed;
    right:20px;
    bottom:20px;

    width:60px;
    height:60px;

    background:#25D366;
    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 4px 15px rgba(0,0,0,.3);

    z-index:9999;

    transition:all .3s ease;
}

.floating-whatsapp:hover{
    transform:scale(1.1);
}

.floating-whatsapp img{
    width:32px;
    height:32px;
}

/* BOTÓN CORREO */

.floating-email{
    position: fixed;
    right: 20px;
    bottom: 90px;

    width: 60px;
    height: 60px;

    background: #0078D4;

    border-radius: 50%;

    display: flex;
    justify-content: center;
    align-items: center;

    color: #ffffff;
    text-decoration: none;

    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;

    box-shadow: 0 4px 15px rgba(0,0,0,.3);

    z-index: 9999;

    transition: all .3s ease;
}

.floating-email:hover{
    transform: scale(1.1);
}