.body {
    background: #f4f4f4;
    margin: 0;
    padding: 0;
}

.content {
    background: radial-gradient(circle at top right, #038EBE, #50B8B3);
    width: 100%;
}

.contenedor-padre {
    margin-left: 0px;
}

.contenedor-sub-padre {
    width: 98%;
}

.content2 {
    background: radial-gradient(circle at top right, #038EBE, #50B8B3);
    background-repeat: no-repeat;
    width: 60%;
    /* padding: 15px; */
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 85px;
}

.textnav {
    display: inline-block;
    margin-right: 10px;
    /* Ajusta el margen entre elementos */
    color: #f4f4f4 !important;
}

.logo-menu {
    width: 70%;
    position: relative;
    left: 1em;
}

.separator {
    display: inline-block;
    margin-right: 5px;
    color: #f4f4f4;
    margin-top: 4px;
}

.textnav {
    display: inline-block;
    margin-right: 10px;
    /* Ajusta el margen entre elementos */
    color: #f4f4f4 !important;
}

.tarjeta-48 {
    position: relative;
    left: 36rem;
}

.texto-mascontas-1 {
    position: relative;
    bottom: 22em;
    left: 4rem;
}

.pets-principal {
    padding-left: 4rem;
}

.contenedor-botones {
    position: relative;
    left: 8rem;
    bottom: 8rem;
}

.btns-pets {
    border-radius: 100px;
    background: #23A8BB;
    display: flex;
    /* Usar flexbox */
    align-items: center;
    /* Centrar horizontalmente los elementos */
    width: 73%;
}

.text-btns {
    font-size: x-small;
    font-weight: 700;
}

.btns-coberturas {
    border-radius: 100px;
    background: #23A8BB;
    display: flex;
    align-items: center;
    width: 23%;
    margin-top: -2em;
    position: relative;
    left: 32rem;
    top: 0rem;
}

.btn-comercial {
    position: relative;
    left: 4rem;
    bottom: 12rem;
}

.btns-comercial {
    border-radius: 100px;
    background: #23A8BB;
    display: flex;
    /* Usar flexbox */
    align-items: center;
    /* Centrar horizontalmente los elementos */
    width: 65%;
    margin-top: 4em;
    margin-left: 8em;
    font-weight: 700;
    position: relative;
    top: 15rem;
}

.imagen-gato-perro {
    position: relative;
    z-index: 2;
}

.contenedor-canal-ventas {
    margin-top: 3rem;
}

.contenerdorPets {
    height: 33rem;
}

.contenedor-texto-3 {
    padding-left: 6rem;
}

.imagen-footer {
    position: relative;
    bottom: 13rem;
    width: 78rem;
}

.img-comercial {
    position: relative;
    bottom: 15em;
}

.canales {
    font-size: 1.5em;
    margin-top: 1rem;
}

.contenedor-imagenes-pets {
    position: relative;
    left: 0rem;
}

.titulo-como-funciona {
    justify-content: end;
    display: flex;
    BOTTOM: 5rem !important;
    position: relative;
}

.contenedor-final {
    padding-left: 13rem;
}

.inputt {
    border-radius: 17px;
    width: 20rem;
    background-color: #23a8bb;
    padding: 5px 0px 5px 8px;
    color: white;
    border: 1.5px solid black;
    margin-left: 47px;
}

.inputt::placeholder {
    color: black;
}

.btnContacto3 {
    background: #23A8BB;
    color: #000000;
    font-weight: bold;
    border-radius: 24px;
    margin-left: 10rem;
}

#myForm {
    margin-top: 2rem;
}

@media (min-width: 321px) and (max-width: 767px) {

    .contenedor-sub-padre {
        width: 25.1rem;
    }

    .content {
        width: 25.8rem;
    }

    .content2 {
        width: 18rem;
        height: 4.6rem;
    }

    .navbar-collapse {
        width: 2rem;
    }

    .nav-item {
        margin-left: 0px !important;
        text-align: center;
        font-weight: 700;
    }

    .contenedor-padre {
        width: 16rem;
        margin-left: 0px;
        margin-right: 0px;
    }

    .pets-principal {
        width: 18rem;
        margin-top: 1rem;
        padding-left: 0px;
    }

    .tarjeta-48 {
        position: relative;
        left: 9rem;
        width: 5rem;
        top: 1rem;
    }

    .contenedor-canal-ventas {
        margin-top: 0px;
        height: 15rem;
    }

    .texto-mascontas-1 {
        position: relative !important;
        top: 3rem;
        width: 18rem;
        margin-bottom: 5rem;
        text-align: center;
    }

    .contenedor-botones {
        width: 17rem;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
    }

    .columna-botones {
        width: 21rem;
        margin-bottom: 1rem;
        padding-left: 7px;
    }

    .row-botones {
        width: 21rem;
        margin-bottom: 1rem;
        margin-left: 0rem;
        position: relative;
        right: 4rem;
        top: 8rem;
    }

    .btns-coberturas {
        width: 15rem;
        position: relative;
        left: 4rem;
        margin-bottom: 8rem;
        margin-top: 3rem;
    }

    .btn-comercial {
        margin-top: 0px;
        margin-left: 0rem;
        width: 15rem;
    }

    .btns-comercial {
        margin-top: 0px;
        margin-left: -1rem;
        width: 15rem;
    }

    .texto-contact {
        margin-left: 0.5rem !important;
        font-size: 14px;
    }

    .imagen-gato-perro {
        width: 14rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .contenedor-imagenes-pets {
        position: relative;
        /* right: 0.9rem; */
        width: 17rem;
        top: 5rem;
        left: -2rem;
    }

    .canales {
        position: relative;
        top: 3rem;
        width: 20rem;
        height: 19rem;
        padding-left: 0px;
        left: 2rem;
    }

    .titulo-como-funciona {
        width: 14rem;
        justify-content: center;
        position: relative;
        top: 20rem;
    }

    .contenerdorPets {
        width: 17rem;
    }

    .imagen-footer {
        width: 25rem;
        position: relative;
        top: 20rem;
        right: 0.5rem;
    }

    .contenedor-texto-3 {
        margin-top: 5rem;
        width: 22rem;
    }

    .contenedor-final {
        width: 26rem;
        margin-left: 14px;
        margin-right: 0px;
        justify-content: center !important;
        display: flex;
        padding-left: 0px;
    }

    #myForm {
        width: 23rem;
    }

    .columna-final {
        width: 23rem;
        margin-top: 3rem;
    }

    .imagen-final {
        width: 13rem;
        margin-left: 5rem;
    }

    .inputt {
        width: 15rem;
        margin-left: 5rem;
    }

    .btnContacto3 {
        margin-left: 10rem;
    }

    #eliminarAgregarClaseBtn {
        position: relative;
        bottom: 6.6rem;
        left: 5rem;
    }

    .texto-p {
        width: 12rem;
        height: 17rem;
        text-align: -webkit-auto;
        color: white;
        position: relative;
        top: 9rem;
        right: 11rem;
    }

    .texto-p2 {
        position: relative;
        left: 0rem;
        bottom: 9rem;
        width: 11rem;
    }

    .texto-p3 {
        text-align: -webkit-auto;
        position: relative;
        right: 5rem;
        color: white;
        top: 4rem;
    }

    .footer-logo{
        display: none;
    }

    .footer {
        background-image: url(../../static/img/pagina_inicio_empresas/fondoo.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: auto;
        height: 49rem;
    }

    .contenedor-menu {
        background: radial-gradient(circle at right top, rgb(3, 142, 190), rgb(80, 184, 179));
        position: relative;
        left: 0rem;
        z-index: 2;
        border-radius: 25px;
        margin-top: 2rem;
    }

    .separator {
        display: none;
    }

    .navbar-menu {
        border-top: 1.4px solid white;
        text-align: center;
        font-weight: 700;
    }

    .menuMovil {
        color: white;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {}