:root
{
    --blanco: #FFF;
    --naranja: rgba(255, 118, 0, 0.9);
    --gris: #e1e1e1;
    --fuentePrincipal: 'Roboto Condensed';
}

*
{
    padding: 0;
    margin: 0;
}
  
html
{
    font-size: 62.5%; /* 1rem = 10px */
    box-sizing: border-box; /* CSS Box Model */
    font-family: var(--fuentePrincipal);

    background: url(../img/2tercerizacion_home.jpg) no-repeat left center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
  
*, *:before, *:after
{
    box-sizing: inherit; /* CSS Box Model */
}
  
body
{
    font-size: 16px; /* 1rem = 10px */
    font-family: var(--fuentePrincipal); /* Font-family general de la página. */
}
  
img
{
    max-width: 100%;
}

h1
{
    color: var(--naranja);
    font-size: 3rem;
    margin: 0;
}

input[type="radio"] {
	appearance: none;
	width: 1.5rem;
	height: 1.5rem;
	border: 2px solid var(--naranja);
	border-radius: 50%;
	background-clip: content-box;
    transition: all .25s ease;
	padding: 0.2rem;
    margin: 2rem 0.5rem 0 0.5rem;
}

input[type="radio"]:first-of-type
{
    margin-left: 0;
}

input[type="radio"]:checked {
	background-color: var(--naranja);
}

input[type="radio"]:not(:checked) {
    border: 0.2rem solid gray;
}

.contenedor
{
    max-width: 120rem;
    margin: auto;
}

.bg
{      
    position: absolute;
    width: 100%;
}

.grid-tel
{
    display: grid;
    grid-template-columns: 47% 53%;
    column-gap: 1rem;
}

.tel{
    background: none;
    border: none;
    margin-top: 1.5rem;
    border-bottom: 1px solid var(--naranja);
    padding-bottom: 0.5rem;
    max-width: 70%;
}

.tel:focus {
    border: solid 0.1rem var(--naranja);
    outline: none;
    color: var(--naranja);
    padding: 0.7rem 0.5rem;
    border-radius: 0.5rem;
}

#puesto_detalle, #puesto_matricula {
    grid-column: 1 / 2;
    display: none;
    margin-top: 2rem;
}

.title_educacion{
    grid-column: 1 / 4;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.grid_medic a
{
    color: #F00;
    text-decoration: none;
    display: block;
    text-align: right;
    grid-column: 1 / 4;
}

.img_perfil_principal
{
    position: relative;
    height: 18rem;
    width: 18rem;
    min-width: 0;
    max-width: none;
    min-height: auto;
    max-height: none;
    margin: auto;
    padding: 0;
    border-radius: 0.38rem;
    border-width: 0;
    border-style: solid;
    border-color: #000;
    background-color: transparent;
    box-sizing: border-box;
    display: block;
    margin-top: 2rem;
}

.img_perfil_contenedor
{
    min-width: 0;
    max-width: none;
    width: 18rem;
    min-height: auto;
    max-height: none;
    height: 18rem;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: #000;
    background-color: rgb(218,218,218);
    box-sizing: border-box;
    display: flex;
    gap: 1rem;
    -moz-box-align: center;
    align-self: auto;
    flex-flow: row wrap;
    -moz-box-pack: start;
    justify-content: flex-start;
    border-radius: 50%;
}

.img_parrafo
{
    text-align: center;
    word-break: break-word;
    color: rgb(59, 63, 81);
    user-select: auto;
    cursor: auto;
    margin: 0;
    padding: 0 0.25rem;
    font-size: 1.7rem;
    align-self: center;
}

.img_boton
{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    background-color: var(--naranja);
    border-radius: 50%;
    font-family: "Open Sans", sans-serif;
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    -moz-box-align: center;
    align-items: center;
    gap: 0.8rem;
    font-size: 1.6rem;
    margin: 0;
    padding: 0.5rem;
    border-radius: 50%;
    border-width: 0;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    color: rgb(59, 63, 81);
    font-weight: bold;
    color: var(--blanco);
    text-align: left;
    word-break: break-word;
    box-sizing: border-box;
    cursor: pointer;
}

.header
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--naranja);
    padding: 3rem;
}

.hamburguer
{
    grid-area: "top-right";
}

.container, .container-3{
    background-color: hsla(0, 0%, 100%, 0.9);
    padding: 5rem 3.3rem 2rem 3.3rem;
    min-height: var(--original-viewport-height);
    position:relative;
    min-height: 100vh;
}

.form_carga, .form_aprobacion {
    padding: 1rem 0;   
}

.form_carga label, .form_aprobacion label, .perfil_principal label {
    margin-top: 2rem;
    font-weight: bold;
    display: block;
}

.perfil_principal label
{
    text-align: center;
    font-size: 2rem;
}

.form_input{
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--blanco);
    padding: 0.7rem 0.5rem;
    margin-top: 1rem;
    border-radius: 0.5rem;
    border: solid 0.1rem #e3e3e3;
    width: 100%;
}

#fecha_comprobante{
    height: 55%;
}

.file{
    max-width: 100%;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.form_input:focus {
    border: solid 0.1rem var(--naranja);
    outline: none;
    color: var(--naranja);
}

.form_input::placeholder{
    font-style: italic;
}

.form_submit {
    background-color: var(--naranja);
    color: var(--blanco);
    text-transform: uppercase;
    padding: 1.5rem 0.5rem;
    border-radius: 0.5rem;
    width: 100%;
    border: none;
    cursor: pointer;
}

.form_submit:hover {
    background-color: #E05600;
    transition: all .5s ease;
}

.form_submit-gray{
    background-color: #999;
}

.form_submit-gray:hover{
    background-color: #4D4D4D;
    transition: all .5s ease;
}

.buttons{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.buttons button, .buttons a{
    display: inline-block;
    width: 13.1rem;
    text-align: center;
}

.buttons div:last-child{
    margin-top: 0;
}

.right{
    margin-top: -3rem;
}

.hamburger{
	position:absolute;
    background-color:transparent;
	right: 3rem;
	top: 0.5rem;
	height:30px;
	width:30px;
	padding:20px 20px;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:transform 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	z-index:1002;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
.hamburger.is-active{
  background-color:none;
}
._layer{
	background: #FFF;
	margin-bottom:4px;
	border-radius:2px;
	width:28px;
	height:4px;
	opacity:1;
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
	transition:all 0.25s cubic-bezier(0.05, 1.04, 0.72, 0.98);
}
.hamburger:hover .-top{
	-webkit-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	transform:translateY(-100%);
}
.hamburger:hover .-bottom{
	-webkit-transform:translateY(50%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
	}
.hamburger.is-active .-top{
	-webkit-transform:translateY(200%) rotate(45deg) !important;
	-ms-transform:translateY(200%) rotate(45deg) !important;
	transform:translateY(200%) rotate(45deg) !important;
}
.hamburger.is-active .-mid{
	opacity:0;
}
.hamburger.is-active .-bottom{
	-webkit-transform:translateY(-200%) rotate(135deg) !important;
	-ms-transform:translateY(-200%) rotate(135deg) !important;
	transform:translateY(-200%) rotate(135deg) !important;
}

.menuppal.is_active{
  transform: translate3d(0px, 0px, 0px);
}
.menuppal{
    background-color: #00000066;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    transform: translate3d(0px, -100%, 0px);
    transition: transform 0.35s cubic-bezier(0.05, 1.04, 0.72, 0.98) 0s;
    width: 100%;
    z-index: 1001;
}
.menuppal ul{
  margin:0;padding:0;
  padding-top: 5rem;
}
.menuppal ul li { 
    list-style: none;
	text-align:center;
	font-family: var(--fuentePrincipal);
    font-weight:bold;
    font-size: 2.5rem;
	line-height: 4rem;
    height: 6rem;
    padding: 2rem 0;
    color: var(--blanco);
	text-transform:none;
}

.menuppal ul li a{
  text-decoration:none;
  color: var(--blanco);
  display: block;
}
.menuppal ul li a:hover{
  text-decoration:none;
  background-color: var(--blanco);
  transition: background .3s, font-size .3s ease;
  border-radius: 4rem;
  font-size: 3rem;
  display: inline;
  padding: 0.5rem 4rem;
  color: var(--naranja);
}

.logo-blanco{
    filter: grayscale(1) brightness(10) drop-shadow(2px 4px 6px #00000066);
    height: 5rem;
}

.menuppal ul .item {
    display: none;
    margin-top: -4rem;
}

.menuppal ul .item li {
    font-weight:bold;
    font-size: 1.5rem;
	line-height: 3rem;
    height: 4rem;
    padding: 2rem 0;
    color: var(--blanco);
	text-transform:none;
}

.menuppal ul .item li a:hover{ 
    border-radius: 2rem;
    font-size: 2rem;
    display: inline;
    padding: 0.5rem 2rem;
    color: var(--naranja);
}

.submenu {
    padding-left: 2.5rem;
}

.responsive-table{
    margin-top: 2rem;
    width: 100%;
    margin-bottom: 1.5em;
    border-spacing: 0;
	border-collapse: collapse;
  	border-radius: 1em;
  	overflow: hidden;
}

.responsive-table thead{
    position: absolute;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    padding: 0;
    border: 0;
    height: 1px; 
    width: 1px; 
    overflow: hidden;
}

.responsive-table thead th{
    background-color: rgba(255, 118, 0, 0.9);
    font-weight: normal;
    text-align: center;
    color: var(--blanco);
}

.responsive-table thead th:first-of-type{
    text-align: left;
}

.responsive-table tbody, tr, td{
    display: block;
    padding: 0;
    text-align: left;
    white-space: normal;
}

.responsive-table th, td {
    padding: .5em;
    vertical-align: middle;
}

.responsive-table tbody tr{
    margin-bottom: 1em;
}

.responsive-table tbody tr:last-of-type
{
    margin-bottom: 0;
}

.responsive-table tbody td[scope="row"]
{
    background-color: rgba(255, 118, 0, 0.9);
    color: #FFF;
    text-align: center;
    border-collapse: collapse;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    overflow: hidden;
    font-weight: normal;
}

.responsive-table tbody td
{
    text-align: right;
    border-bottom: 1px solid #ccc;
    font-weight: lighter;
}

.responsive-table tbody td:last-of-type
{
    border-bottom: none;
}

.responsive-table tbody td[data-type=currency]
{
    text-align: right;
}

.responsive-table tbody td[data-title]:before
{
    content: attr(data-title);
    float: left;
    color: rgba(0,0,0);
    font-weight: normal;
}
#randomIcon_inline:hover {
    stroke: #E05600;
    stroke-width:2;
    transition: all .3s ease;
}

.form_rechazo{
    display: none;
}

.table-sortable th, .table-sortable-2 th, .table-sortable-3 th, .table-sortable-4 th, .table-sortable-5 th{
    cursor: pointer;
}

.table-sortable .th-sort-asc::after, .table-sortable-2 .th-sort-asc::after, .table-sortable-3 .th-sort-asc::after, .table-sortable-4 .th-sort-asc::after, .table-sortable-5 .th-sort-asc::after{
    content: "\25be";
}

.table-sortable .th-sort-desc::after, .table-sortable-2 .th-sort-desc::after, .table-sortable-3 .th-sort-desc::after, .table-sortable-4 .th-sort-desc::after, .table-sortable-5 .th-sort-desc::after{   
    content: "\25b4";
}

.table-sortable .th-sort-asc::after,
.table-sortable .th-sort-desc::after,
.table-sortable-2 .th-sort-asc::after,
.table-sortable-2 .th-sort-desc::after,
.table-sortable-3 .th-sort-asc::after,
.table-sortable-3 .th-sort-desc::after,
.table-sortable-4 .th-sort-asc::after,
.table-sortable-4 .th-sort-desc::after,
.table-sortable-5 .th-sort-asc::after,
.table-sortable-5 .th-sort-desc::after{
    margin-left: 5px;
}

.table-sortable .th-sort-asc,
.table-sortable .th-sort-desc,
.table-sortable-2 .th-sort-asc,
.table-sortable-2 .th-sort-desc,
.table-sortable-3 .th-sort-asc,
.table-sortable-3 .th-sort-desc,
.table-sortable-4 .th-sort-asc,
.table-sortable-4 .th-sort-desc,
.table-sortable-5 .th-sort-asc,
.table-sortable-5 .th-sort-desc {
    background-color: #e66000;
}

.table-normal .th-sort-asc,
.table-normal .th-sort-desc{
    background-color: #e1e1e195;
    font-weight: bold;
}

.menu__row::after{
    content: "\25be";
    font-size: smaller;
}

.flex_tables{
    margin-top: 1.4rem;
    display: grid;
    gap: 2rem;
}


.table-normal{
    width: 100%;
    margin-top: 1.5rem;
    border-collapse: collapse;
}

.table-normal caption{
    background-color: var(--naranja);
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    color: var(--blanco);
    font-weight: bold;
    padding: 0.75rem;
    margin: -2px 0;
}

.table-normal thead{
    background-color: #e1e1e195;
    min-height: 3rem;
    display: block;
}

.table-normal th, .table-normal td{
    width: 100%;
}

.table-normal th{
    padding: 0.8rem 0.7rem 0.3rem 0.7rem;
    font-weight: 400;
}

.table-normal tr{
    display: flex;
}

.table-normal tfoot{
    position: absolute;
    display: contents;
}

.table-normal tfoot tr{
    background-color: var(--naranja);
    color: var(--blanco);
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 0.3rem 0.1rem;
}

.table-normal tfoot tr td{
    border: none;
}

.table-normal td{
    padding: 0.7rem 0.7rem 0.2rem 0.7rem;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 100;
}

.table-normal td:last-of-type, .table-normal th:last-of-type{
    text-align: right;
}

.formu_search{
    margin-top: 3rem;
    font-size: 1.5rem;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1.5fr 1fr;
}

.formu_search .hasta{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0.5rem;
}

.formu_search_button span:first-of-type{
    display: none;
}

.search_date{
    background-color: transparent;
    border: none;
    padding: 0.2rem 0.2rem;
    width: fit-content;
}

.search_date:hover {
    cursor: pointer;
    border: 1px solid var(--naranja);
    border-radius: 1rem;
    transition: all .3s ease;
}

.search_date:focus {
    border: solid 0.1rem var(--naranja);
    border-radius: 0.5rem;
    outline: none;
    color: var(--naranja);
}

.formu_search_button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-align: left;
    font-weight: bold;
}

.formu_search_button:hover{
    color: #E05600;
    transition: all .3s ease;
}

.formu_search_button{
    margin-left: 0.5rem;
}

.buttonIn {
    position: relative;
}
  
.buttonIn button {
    position: absolute;
    top: 0;
    border-radius: 0.5rem;
    right: 0px;
    z-index: 2;
    border: none;
    top: 1.4rem;
    right: 1rem;
    height: 3rem;
    cursor: pointer;
    color: white;
    transform: translateX(0.2rem);
    background-color: transparent;
}

.buttonIn span {
    position: absolute;
    top: 0;
    border-radius: 0.5rem;
    right: 0px;
    z-index: 2;
    border: none;
    top: 1.8rem;
    right: -2rem;
    height: 3rem;
    cursor: pointer;
    color: white;
    transform: translateX(0.2rem);
    background-color: transparent;
}

.no_cuit
{
    margin-top: 2rem;
    text-align: center;
}

.flex{
    display: flex;
    column-gap: 1rem;
}

.grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
}

.expectativas {
    margin-top: -1rem;
}

.flex_ordenar{
    display: flex;
    column-gap: 1rem;
    align-items: baseline;
    justify-content: right;
}

#myTable2 tbody tr
{
    display: none;
}

.flex_ordenar select{
    background: none;
    border: none;
}

.flex_ordenar select:hover{
    cursor: pointer;
}

.paginador{
    text-decoration: none;
    padding-right: 1.4rem;
    border-right: 1px solid #bbb;
}

.paginador{
    color: #000;
}

.paginador:link{
    color:#000;
}

.paginador:visited{
    text-decoration: none;
    padding-right: 1.4rem;
    border-right: 1px solid #bbb;
}

.paginador:last-of-type{
    border-right: 0;
}

#nav{
    display: flex;
    column-gap: 1.4rem;
    padding: 1.5rem 1rem;
    cursor: grab;
    overflow:auto;
    overflow-y: hidden;
}

.pag_active {
    color: var(--naranja);
    font-weight: bold;
}

.ordenar{
    border-bottom: 1px solid var(--naranja);
}

.educaciones
{
    grid-column: 1 / 4;
    margin-top: 0;
}

.anadir_educacion a{
    font-weight: bold;
    width: fit-content;
    font-size: 2rem;
    color:#4D4D4D;
    margin-top: 1rem;
}

.anadir_educacion:hover a{
    cursor: pointer;
}

.descripcion
{
    margin-bottom: 1rem;
}


@media (min-width: 30em){
    .responsive-table th, td
    {
        padding: .75em .5em;
    }
}

@media (min-width: 48em)
{
    .responsive-table{
        font-size: .9em;
    }

    .responsive-table thead{
        position: relative;
        clip: auto;
        height: auto;
        width: auto;
        overflow: auto;
    }

    .responsive-table tr{
        display: block;
        display: table-row;
    }

    .responsive-table th, td{
        display: block;
        display: table-cell;
        padding: .5em;
    }

    .responsive-table tbody
    {
        display: block;
        display: table-row-group;
    }

    .responsive-table tbody tr
    {
        display: block;
        display: table-row;
        border-width: 1px;
    }

    .responsive-table tbody tr:nth-of-type(even)
    {
        background-color: rgba(0,0,0,.12);
    }

    .responsive-table tbody td
    {
        text-align: center;
    }

    .responsive-table tbody td[data-title]:before
    {
        content: none;
    }

    .formu_search_button{
        margin-left: 1.5rem;
    }

    .formu_search_button span{
        font-size: 1.5rem;
    }
}

@media (min-width: 62em)
{
    .responsive-table{
        font-size: 1em;
    }

    .responsive-table th, td{
        padding: .75em .5em;
    }
}

@media (min-width: 75em)
{
   /* .responsive-table th, td
    {
        padding: .75em;
    }*/

    .responsive-table tbody td
    {
        border: none;
    }
}

@media (min-width: 375px) {
    .input_file{
        padding: 0.5rem 1rem;
    }
}

@media (min-width: 768px) {
    .form_carga{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2rem;
        margin-top: 2rem;
    }

    .div_referencia
    {
        padding-top: 2rem;
    }

    .header
    {
        align-items: flex-start;
        padding: 3rem 3.3rem;
    }

    .grid_exp_50
    {
        grid-column: 1 / 4;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .experiencia{
        margin-top: -1rem;
    }

    .img_perfil_principal
    {
        margin: 0;
    }

    .file span
    {
        display: none;
    }

    .perfil_principal label
    {
        text-align: left;
        margin-bottom: 1rem;
        margin-left: 4rem;
    }

    .expectativas {
        margin-top: 3rem;
    }

    textarea
    {
        height: 15.3rem;
    }

    .title_educacion
    {
        margin-bottom: -2rem;
    }

    .descripcion
    {
        grid-column: 2 / 4;
        margin-bottom: 0;
    }

    .grid_tiempo_estudio
    {
        display: grid;
        gap: 1rem;
    }

    .grid_tiempo_inicio
    {
        display: grid;
        gap: 1rem;
        grid-template-columns: 1fr 1fr;
    }

    .educaciones
    {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .grid_medic
    {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column: 1 / 4;
        gap: 2rem;
    }

    .grid_medic hr
    {
        grid-column: 1 / 4;
    }

    .form_aprobacion{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4rem;
        margin-top: 2rem;
    }

    .form_aprobacion div{
        margin-top: 2rem;
    }

    .form_aprobacion div > div:first-of-type,
    .form_aprobacion div > div > div
    {
        margin-top: 0;
    }

    .form_submit{
        grid-column: 3 / 4;
        padding: 1rem 0.5rem;
        margin-top: -2rem;
    }

    .file{
        min-width: 100%;
    }

    .form_carga label, .form_aprobacion label {
        display: inline;
    }
    
    .div_file{
        grid-column: 1 / 4;
    }
    
    .right{
        display: grid;
        grid-template-columns: 3fr 1fr;
        margin-top: 0rem;
    }

    .responsive-table tbody td
    {
        border-bottom: none;
    }

    .buscador_tabla{
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
    }

    .buscador_tabla_search {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-end;
    }

    .buscador_tabla input{
        width: fit-content;
    }

    .buscador_tabla_search input{
        width: fit-content;
    }

    .responsive-table tbody td[scope="row"]
    {
        background-color: transparent;
        color: #000;
        text-align: left;

        border-collapse: collapse;
        border-radius: 0;
        overflow: hidden;
    }

    .flex_tables{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .table-normal tbody {
        position: relative;
        width: 100%;
        display: inherit;
    }

    .formu_search{
        display: block;
        font-size: 1.7rem;
    }

    .formu_search .hasta{
        display: inline-block;
        padding: 0 1rem;
        text-align: center;
    }

    .formu_search_button span:first-of-type{
        display: inline;
    }

    .formu_search_button{
        text-align: right;
    }

    .search_date{  
        padding: 0.5rem 0.5rem;
        border-width: 1px;
        border-color: var(--gris);
        border-style: revert;
        border-radius: 1rem;
    }

    .form_submit_a{
        grid-column: 2 / 3;
        margin-top: 3rem;
    }

    .form_submit_c{
        margin-top: 2.7rem;
    }
    
    .no_cuit{
        text-align: left;
    }
}

@media (min-width: 992px)
{
    .hamburger
    {
        right: 6rem;
    }

    .header
    {
        padding: 3rem 17rem;
    }
    .container{
        padding: 5rem 10rem 5rem 10rem;
    }

    .container-3{
        padding: 5rem 16.6rem 5rem 16.6rem;
    }

    .form_aprobacion{
        grid-template-columns: 2fr 1fr;
    }

    .buttons button, .buttons a{
        display: inline-block;
        width: 11.6rem;
    }

    .formu_search .hasta{
        padding: 0 2rem;
    }

    .buttonIn button svg {
        padding: 0.2rem;
    }

    .file span
    {
        display: inline;
    }
}

@media(min-width: 1140px)
{
    .container{
        padding: 5rem 17rem 5rem 17rem;
    }

    .hamburger{
        display: none;
    }

    .buttons button, .buttons a{
        display: inline-block;
        width: 13.1rem;
    }
}