body {
    background-image: url('/img/pages/LandingBanner/BannerLandingVerde.png');
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    color: #fff !important;
}

main {
    
    height: fit-content;
    width:1000px;
    display: flex;
    flex-direction: column;
    margin-inline: 10px;
    margin-block: 40px;
    padding-bottom: 20px;
    align-items: center;
    border-radius:15px;
    border:none;

}
.nombre_puesto{
    font-size:25px;
    font-weight:500;
}
.textos {
    font-size: 25px;
}
.textos_resaltados{
    font-size: 30px;
}

.superior {
    display: flex;
    width: 80%;
    padding-top: 30px;
    gap:15px;
    text-align: center;
    align-items: center;
    flex-direction: column;
    background: #0A9D56;
    border-radius:25px;
    
}
.ImagenLogo {
    display: flex;
    align-items: center;
    justify-content:center;
    gap:35px;
}
.ImagenSuperior {
    width: 20%;
    height: auto;
    border-radius: 10%;
    filter: drop-shadow(1px 1px 8px black);
}
.logoionet{
    filter: drop-shadow(2px 2px 2px black);
}

.Contactobtn {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    justify-items: center;
    gap: 25px;
    
}

.botoncontacto {
    width: 80%;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
    transition: transform 0.3s ease;
    color: #0a9d65 !important;
}



.align_textos{
    display:flex;
    flex-direction:column;
    text-align:center;
    justify-content:center;
}
.buttons {
    display: flex;
    flex-direction: column;
}
form {
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    align-content: center;
}
.buttonactions {
    width: 100%;
    border-radius: 15px;
    border: 4px solid #0a9d56;
    margin-block: 15px;
    padding-inline: 25px;
    padding-block: 20px;
    background-color: #fff;
    color: #000;
    font-weight: 800;
    filter: drop-shadow(2px 2px 5px black);
    transition: transform 0.3s ease;
}
    .buttonactions:hover {
        transform: scale(1.2);
        background-color: #0a9d56;
        color: #fff;
        filter: drop-shadow(1px 1px 1px black);
    }

a {
    text-decoration: none;
    color: #fff;
}

@media (max-width: 1020px) {
    body{
        background-size:100% 120%;
    }
    main {
        height:fit-content;
        width: calc(100%-500px);
    }
    .nombre_puesto {
        padding-inline:20px;
        font-size: 20px;
        font-weight: 500;
    }
    .textos{
        font-size:18px;
    }
    .ImagenSuperior {
        width: 30%;
        height: auto;
    }
    .textos_resaltados {
        font-size: 20px;
    }
}