.float {
    position: fixed;
    width: 75px;
    height: 75px;
    bottom: 330px;
    right: 40px;
    border-radius: 16px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    font-size: 50px;
    z-index: 10;
}

div:where(.swal2-container) div:where(.swal2-popup) {
    font-size: 1.5rem !important;
}

.floatw {
    position: fixed;
    width: 75px;
    height: 75px;
    bottom: 240px;
    right: 40px;
    background-color: #68B544;
    color: #FFF !important;
    border-radius: 16px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
    font-size: 50px;
}

.my-floatw {
    margin-top: 13px;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 4rem;
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 18px;
        line-height: 1.1;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .hometitle {
        font-weight: 800;
        font-family: 'Open Sans';
        font-size: 30px;
    }
    .hometext {
        font-size: 20px;
        padding-left: 32px;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #00000036;
        padding: 10px;
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .clientshome {
        font-size: 60px;
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 350px;
        background-color: #FFDD00;
        margin-top: 50px;
    }
    .rfoot {
        text-align: left;
        padding-right: 100px;
    }
}

/* Small devices (portrait tablets and large phones, 600px to 767px) */
@media only screen and (min-width: 600px) and (max-width: 767px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 6rem;
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 30px;
        line-height: 1.1;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 5%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .clientshome {
        font-size: 90px;
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 500px;
        background-color: #FFDD00;
        margin-top: -100px;
    }
    .rfoot {
        text-align: right;
        padding-right: 100px;
    }
}

/* Medium devices (landscape tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 6rem;
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 30px;
        line-height: 1.1;
    }
    .hometitle {
        font-weight: 800;
        font-family: 'Open Sans';
        font-size: 30px;
    }
    .hometext {
        font-size: 20px;
        padding-left: 32px;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .clientshome {
        font-size: 70px;
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 370px;
        width: 750px;
        background-color: #FFDD00;
        margin-top: 30px;
    }
    .rfoot {
        text-align: right;
        padding-right: 100px;
    }
}

/* Large devices (laptops/desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 6rem;
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 30px;
        line-height: 1.1;
    }
    .hometitle {
        font-weight: 800;
        font-family: 'Open Sans';
        font-size: 30px;
    }
    .hometext {
        font-size: 20px;
        padding-left: 32px;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .borderhome {
        border: 3px solid #FFDD00;
        height: 950px;
        width: 94%;
        align-content: center;
        margin-left: 35px;
        margin-top: -80%;
        z-index: 999;
        position: absolute;
    }
    .clientshome {
        font-size: 90px;
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 500px;
        background-color: #FFDD00;
        margin-top: -90px;
        width: 460px;
    }
    .rfoot {
        text-align: right;
        padding-right: 100px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 7rem;
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 60px;
        line-height: 1.1;
    }
    .hometitle {
        font-weight: 800;
        font-family: 'Open Sans';
        font-size: 30px;
    }
    .hometext {
        font-size: 20px;
        padding-left: 32px;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .borderhome {
        border: 3px solid #FFDD00;
        height: 1080px;
        width: 95%;
        align-content: center;
        margin-left: 35px;
        margin-top: -75%;
        z-index: 0;
        position: absolute;
    }
    .imglogo {
        width: 250px;
    }
    .clientshome {
        font-size: 90px;
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 500px;
        background-color: #FFDD00;
        margin-top: -100px;
    }
    .rfoot {
        text-align: right;
        padding-right: 100px;
    }
}

/* Pantallas muy grandes (1400px and up) - EXCLUSIVO para >1400px */
@media only screen and (min-width: 1400px) {
    .uniquehome {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: bold;
        font-size: 8rem; /* Cambiado para distinguir */
    }
    .uniquetext {
        color: #fff;
        font-family: 'Open Sans';
        font-weight: 400;
        font-size: 65px; /* Cambiado para distinguir */
        line-height: 1.1;
    }
    .hometitle {
        font-weight: 800;
        font-family: 'Open Sans';
        font-size: 35px; /* Cambiado para distinguir */
    }
    .hometext {
        font-size: 22px; /* Cambiado para distinguir */
        padding-left: 32px;
    }
    .contenedor {
        position: relative;
        display: inline-block;
    }
    .texto-encima {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado {
        width: 80%;
        position: absolute;
        top: 60%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .texto-encima-gift {
        position: absolute;
        top: 10px;
        left: 10px;
    }
    .centrado-gift {
        width: 60%;
        padding: 15px;
        position: absolute;
        top: 60%;
        left: 36%;
        transform: translate(-50%, -50%);
        background-color: #ffffffb0;
        height: 60%;
    }
    .borderhome {
        border: 3px solid #FFDD00;
        height: 1245px;
        width: 95%;
        align-content: center;
        margin-left: 35px;
        margin-top: -60%;
        z-index: 0;
        position: absolute;
    }
    .imglogo {
        width: 300px; /* Cambiado para distinguir */
    }
    .clientshome {
        font-size: 100px; /* Cambiado para distinguir */
        font-weight: bolder;
        font-family: 'Open Sans';
        color: #fff;
        text-align: center;
    }
    .cubehome {
        height: 550px; /* Cambiado para distinguir */
        background-color: #FFDD00;
        margin-top: -100px;
    }
    .rfoot {
        text-align: right;
        padding-right: 100px;
    }
}