/*T_E_L_E_F_O_N_O*/
@media screen and (min-width:360px) {
    /*EMPRESA*/
    .empresa {
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        width:80%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: 45rem;
    }

    /*Wrapper*/
    .wrapper {
        width: 100%;
        height: 45rem;
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }

     /*empresa__imagenes*/
     .empresa__imagenes {
        width: 100%;
        height: 5rem;
        background: linear-gradient(to right, rgb(240, 100, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    /*empresa__imagenes__icono*/
    .empresa__imagenes__icono {
        /* width: 12.5%; */
    }

    /*empresa__imagenes__logo*/
    .empresa__imagenes__logo {
        /* width: 12.5%; */
    }

    /*empresa__informacion*/
    .empresa__informacion {
        width: 100%;
        height: 20rem;
        background-color: darkgoldenrod;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /*empresa__informacion__lista*/
    .empresa__informacion__lista {
        width: 100%;
        height: 20rem;
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        /* padding-left: 1rem; */
    }

    /*items1*/
    .items>a {
        font-size: larger;
        color: #464646;
        font-family: 'Raleway';
        filter: brightness(50%);
    }
    .items>a:hover{
        color:white;
    }

    /*empresa__contacto*/
    .empresa__contacto {
        width: 100%;
        height: 20rem;
        background-color: rgb(183, 11, 106);
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    /*empresa__contacto__form*/
    .empresa__contacto__form {
        width: 100%;
        height: 20rem;
        background: linear-gradient(to right, rgb(240, 100, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    /*empresa__contacto__form__label*/
    .empresa__contacto__form__label {
        font-size: medium;
        /* padding: 0.5rem 0; */
        font-weight: bold;
        font-family: 'Arial';
        line-height: normal;
        width: 100%;
    }

    /*input-container*/
    .input-container{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: left;
        box-sizing: border-box;
    }

     /*input-container--invalid*/
     .input-container--invalid{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
    }

   /*input-message-error*/
   .input-message-error {
    font-weight: bold;
    font-family: 'Montserrat';
    font-size: medium;
    color: red;
}

    /*empresa__contacto__form__input*/
    .empresa__contacto__form__input {
        width: 100%;
        font-size: larger;
        padding: 0.5rem 0;
        border-radius: 0.3rem;
        box-sizing: border-box;
        border-color: aliceblue;
        outline: none;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);

        /*y x grosor color*/
    }

    .empresa__contacto__form__input:hover {
        border-color: #2A7AE4;
    }

    /*empresa__contacto__form__textarea*/
    .empresa__contacto__form__textarea {
        width: 100%;
        height: 10rem;
        box-sizing: border-box;
        margin: 0.5rem 0 0 0;
        border-radius: 0.3rem;
        border-color: aliceblue;
        font-size: larger;
        outline: none;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);
        letter-spacing: 0.1rem;
        text-align: left;
        resize: none;

        /*y x grosor color*/
    }

    .empresa__contacto__form__textarea:hover {
        border-color: #2A7AE4;
    }

    /*empresa__contacto__form__wrapper__button*/
    .empresa__contacto__form__wrapper__button{
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    /*empresa__contacto__form__button*/
    .empresa__contacto__form__button {
        width: 33.3%;
        padding: 0.3rem 0.3rem;
        border-radius: 0.2rem;
        border-color: #2A7AE4;
        background-color: #2A7AE4;
        color: white;
        font-size: small;
        /* margin-right: 10.9rem; */
    }

    .empresa__contacto__form__button:hover {
        /* background-color: #223094;
        border: 0; */
    }
}

/*T_A_B_L_E_T*/
@media screen and (min-width:768px) {
    /*EMPRESA*/
    .empresa {
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        width:80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 30rem;
    }

    /*Wrapper*/
    .wrapper {
        width: 100%;
        height: 22rem;
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

     /*empresa__imagenes*/
     .empresa__imagenes {
        width: 25%;
        height: auto;
        background-color: orange;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-self: self-start;
    }

    /*empresa__imagenes__icono*/
    .empresa__imagenes__icono {
        width: 12.5%;
    }

    /*empresa__imagenes__logo*/
    .empresa__imagenes__logo {
        width: 12.5%;
    }

    /*empresa__informacion*/
    .empresa__informacion {
        width: 25%;
        height: auto;
        background-color: darkgoldenrod;
        display: flex;
        flex-direction: column;
        align-self: flex-start;
    }

    /*empresa__informacion__lista*/
    .empresa__informacion__lista {
        width: 100%;
        height: 20rem;
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 0rem;
    }

    /*items1*/
    .items>a {
        font-size: larger;
        color: #464646;
        font-family: 'Raleway';
        filter: brightness(50%);
    }
    .items>a:hover{
        color:white;
    }

    /*empresa__contacto*/
    .empresa__contacto {
        width: 60%;
        height: 20rem;
        background-color: rgb(11, 183, 88);
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        justify-content: center;
    }

    /*empresa__contacto__form*/
    .empresa__contacto__form {
        width: 100%;
        height: 20rem;
        background: linear-gradient(to right, rgb(240, 100, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /*empresa__contacto__form__label*/
    .empresa__contacto__form__label {
        width: 100%;
        font-size: larger;
        padding: 0.5rem 0;
        font-weight: bold;
        font-family: 'Arial';
        line-height: normal;
    }

    
    /*input-container*/
    .input-container{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: left;
        box-sizing: border-box;
    }

     /*input-container--invalid*/
     .input-container--invalid{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
    }

    /*input-message-error*/
   .input-message-error {
    font-weight: bold;
    font-family: 'Montserrat';
    font-size: medium;
    color: red;
}

    /*Errores de input*/
    
      
      .input-container--invalid .input-message-error {
        color: var(--warning-color);
        display: block;
        margin-top: 0.5rem;
        padding-left: 0.5rem;
      }

    /*empresa__contacto__form__input*/
    .empresa__contacto__form__input {
        font-size: larger;
        padding: 0.5rem 0;
        border-radius: 0.3rem;
        box-sizing: border-box;
        border-color: aliceblue;
        outline: none;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);
        /*y x grosor color*/
        width: 100%;
    }

    .empresa__contacto__form__input:hover {
        border-color: #2A7AE4;
    }

    /*empresa__contacto__form__textarea*/
    .empresa__contacto__form__textarea {
        width: 100%;
        height: 12.5rem;
        box-sizing: border-box;
        margin: 1rem 0 0 0;
        border-radius: 0.3rem;
        border-color: aliceblue;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);
        /*y x grosor color*/
        font-size: larger;
        outline: none;
        letter-spacing: 0.1rem;
        text-align: left;
        resize: none;
    }

    .empresa__contacto__form__textarea:hover {
        border-color: #2A7AE4;
    }

    .empresa__contacto__form__wrapper__button{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        width: 100%;
    }

    /*empresa__contacto__form__button*/
    .empresa__contacto__form__button {
        width: 33.3%;
        padding: 0.3rem 0.3rem;
        border-radius: 0.2rem;
        border-color: #2A7AE4;
        background-color: #2A7AE4;
        color: white;
        font-size: small;
    }

    .empresa__contacto__form__button:hover {
        background-color: #223094;
        border: 0;
    }
}

/*D_E_S_K_T_O_P*/
@media screen and (min-width:769px) {

    /*EMPRESA*/
    .empresa {
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        height: 30rem;
    }

    /*Wrapper*/
    .wrapper {
        width: 100%;
        height: 20rem;
        background: linear-gradient(to right, rgb(240, 152, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    /*empresa__imagenes*/
    .empresa__imagenes {
        width: 25%;
        height: auto;
        background: linear-gradient(to right, rgb(240, 100, 25), rgb(237, 222, 93));
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    /*empresa__imagenes__icono*/
    .empresa__imagenes__icono {
        width: 25%;
    }

    /*empresa__imagenes__logo*/
    .empresa__imagenes__logo {
        width: 25%;
    }

    /*empresa__informacion*/
    .empresa__informacion {
        width: 25%;
        height: auto;
        background-color: darkgoldenrod;
        display: flex;
        flex-direction: column;
    }

    /*empresa__informacion__lista*/
    .empresa__informacion__lista {
        width: 100%;
        height: 20rem;
        background-color: #69de76f5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding-left: 1rem;
    }

    /*items1*/
    .items>a {
        font-size: larger;
        color: #464646;
        font-family: 'Raleway';
        filter: brightness(50%);
    }
    .items>a:hover{
        color:white;
    }

    /*empresa__contacto*/
    .empresa__contacto {
        width: 50%;
        height: 20rem;
        background-color: rgb(11, 183, 88);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    /*empresa__contacto__form*/
    .empresa__contacto__form {
        width: 100%;
        height: 20rem;
        background-color: #69de76f5;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /*empresa__contacto__form__label*/
    .empresa__contacto__form__label {
        width: 100%;
        font-size: larger;
        padding: 0.5rem 0;
        font-weight: bold;
        font-family: 'Arial';
        line-height: normal;
    }

    /*input-container*/
    .input-container{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: left;
        box-sizing: border-box;
    }

    /*input-container--invalid*/
    .input-container--invalid{
        border: #df2525 solid 0.1rem;
        color: #df2525;
        border-radius: 0.2rem;
    }
    
    /*input-message-error*/
    .input-message-error {
        font-weight: bold;
        font-family: 'Montserrat';
        font-size: medium;
        color: red;
    }

    /*empresa__contacto__form__input*/
    .empresa__contacto__form__input {
        font-size: larger;
        padding: 0.5rem 0;
        border-radius: 0.3rem;
        box-sizing: border-box;
        border-color: aliceblue;
        outline: none;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);
        /*y x grosor color*/
    }

    .empresa__contacto__form__input:hover {
        border-color: #2A7AE4;
    }

    /*empresa__contacto__form__textarea*/
    .empresa__contacto__form__textarea {
        width: 100%;
        height: 10rem;
        box-sizing: border-box;
        margin: 1rem 0 0 0;
        border-radius: 0.3rem;
        border-color: aliceblue;
        box-shadow: 0px 3px 0.2px rgb(62, 81, 90);
        /*y x grosor color*/
        outline: none;
        font-size: larger;
        letter-spacing: 0.1rem;
        text-align: left;
        resize: none;
    }

    .empresa__contacto__form__textarea:hover {
        border-color: #2A7AE4;
    }

    .empresa__contacto__form__wrapper__button{
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

    /*empresa__contacto__form__button*/
    .empresa__contacto__form__button {
        width: 33.3%;
        padding: 0.1;
        border-radius: 0.3rem;
        border-color: #2A7AE4;
        background-color: #2A7AE4;
        color: white;
        font-size: small;
        position: relative;
    }

    .empresa__contacto__form__button:hover {
        background-color: #223094;
        border: 0;
    }
}