.hero {
    background: radial-gradient(97.05% 339.2% at 2.95% 100%, #162849 0%, #405987 82.21%, #2B4168 100%) var(--azul);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    padding: 120px 10px 50px;
    position: relative;
}

h1{
    font-size: 2.5rem;
}

p.hero-text{
    font-size: 1.1rem;
}


@media (min-width: 767px){
    .hero{padding: 200px 0px 100px;}
    h1{font-size: 3.5rem;}
}

@media (min-width: 1200px){
    h1{
        font-size: 5rem;
        line-height: 5rem;
    }
}


/*contacto*/
form {
    border:1px solid var(--borde);
    padding: 30px;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    gap: 0px;
    box-shadow:0px 10px 20px -20px black;
    background: white;
}

form label {
    width: 100%;
    font-size: 16px;
    display: flex;
    flex-flow: column;
    gap: 5px;
}

form input{
    background: var(--gris);
    border:1px solid var(--borde);
    border-radius: 10px;
    min-height: 50px;
    padding: 0px 10px;
    width: 100%;
    font-size: .85rem;
}

form textarea{
    border:1px solid var(--borde);
    border-radius: 10px;
    min-height: 50px;
    padding:10px;
    width: 100%;
}

form input[type="submit"],
form input[type="submit"]:hover{
    background: var(--verde);
    border:none;
    border-radius: 10px;
    color:var(--blanco);
    font-weight: bold;
    font-size: 1rem;
    cursor: pointer;
}

form input:focus,
form textarea:focus,
form input[type="submit"]:hover,
button:focus, .menu-toggle:hover,
button:hover, .ast-button:hover,
.ast-custom-button:hover .button:hover,
.ast-custom-button:hover, input[type=reset]:hover,
input[type=reset]:focus, input#submit:hover,
input#submit:focus, input[type="button"]:hover,
input[type="button"]:focus, input[type="submit"]:hover,
input[type="submit"]:focus, form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,
form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,
body .wp-block-file .wp-block-file__button:hover, body .wp-block-file .wp-block-file__button:focus{
    outline: none;
    box-shadow: 0px;
    border:1px solid var(--verde);
}