fieldset {
    border: none;
    /*padding-top: 1rem;*/
}

    fieldset > legend {
        color: var(--text-300);
        font-weight: 500;
        font-size: 1.2rem;
        /*padding-top: 1rem;*/
    }
/* layout de dos columnas en el form */
.Form__Columns {
    display: grid;
    gap: 0 2%;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    /* 16rem 21rem*/
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr));
    width: 100%;
}


/*Layout para columnas de subcolumanas*/
.Form_SubColumns_Sub {
    display: grid;
    gap: 0 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    width: 100%;
}


/* layuot de dos subcolumnas */
.Form__SubColumns {
    display: grid;
    /* filas columnas */
    gap: 0 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    /*grid-template-columns: repeat(auto-fill, minmax(min(100%, 14.5rem), 1fr));*/
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
    width: 100%;
}
.Form__SubColumns_imagen{
    display: grid;
    /* filas columnas */
    gap: 0 1rem;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 14.5rem), 1fr));
    width: 100%;
}

.Header__InputContainer {
    width: 90%;
    height: var(--iconSearch__width);
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding: 0 1rem; */
    border-radius: 5px;
    position: relative;
    /* color: #f5f6f4; */
    position: relative;
    margin: 1rem auto 0.5rem;
}