#orientation_point_detail main {
    display: flex;
    flex-direction: row;
    align-items: initial;
    max-width: var(--max-width);
    width: 100%;
    gap: 30px;
    flex-wrap: wrap;
    max-width: calc(100% - var(--padding-horizontal));
    justify-content: center;
}
section#filter{
    /*width: calc(100% - var(--padding-horizontal)* 2);*/
    width: 100%;
    padding: var(--padding-vertical) var(--padding-horizontal);
    max-width: var(--max-width);
}
#orientation_point_detail  main #list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    max-width: var(--max-width);
    margin-top: 30px;
    width: calc(100% - var(--padding-horizontal)* 2);
    padding: var(--padding-vertical) var(--padding-horizontal);
}
#orientation_point_detail main #sidebar {
    width: 24%;
}

#orientation_point_detail main #content {
    width:74%;
}

#orientation_point_detail #Map {
    width: 100%;
    height: 500px;
}

.resume {
    margin: 15px 0;
}

.resume table {
    width: 100%;
}

.resume tr td:first-child {
    font-size: var(--large);
    padding: 10px;
    margin: 0;
    text-align: center;
}

.resume tr td:last-child {
    font-size: var(--normal);
    padding: 5px;
    margin: 0;

}

.resume tr.estat td:first-child {
    color: var(--color-estat-icon);
    background: var(--background-estat-icon);
}

.resume tr.estat td:last-child {
    color: var(--color-modalitat-text);
    background: var(--background-estat-text);
}

.resume tr.modalitat td:first-child {
    color: var(--color-modalitat-icon);
    background: var(--background-modalitat-icon);
}

.resume tr.modalitat td:last-child {
    color: var(--color-modalitat-text);
    background: var(--background-modalitat-text);
}

.resume tr.horas td:first-child {
    color: var(--color-horas-icon);
    background: var(--background-horas-icon);
}

.resume tr.horas td:last-child {
    color: var(--color-modalitat-text);
    background: var(--background-horas-text);
}

.resume tr.data td:first-child {
    color: var(--color-data-icon);
    background: var(--background-data-icon);
}

.resume tr.data td:last-child {
    color: var(--color-modalitat-text);
    background: var(--background-data-text);
}

.resume tr.entitat td:first-child {
    color: var(--color-entitat-icon);
    background: var(--background-entitat-icon);
}

.resume tr.entitat td:last-child {
    color: var(--color-entitat-text);
    background: var(--background-entitat-text);
    position: relative;
}

.resume tr.professional td:first-child {
    color: var(--color-professional-icon);
    background: var(--background-professional-icon);
}

.resume tr.professional td:last-child {
    color: var(--color-professional-text);
    background: var(--background-professional-text);
    position: relative;
}
.titulo-professional,
.titulo-entidad{
    text-transform: uppercase;
}
.resume tr.poblacio td:first-child {
    color: var(--color-poblacio-icon);
    background: var(--background-poblacio-icon);
}

.resume tr.poblacio td:last-child {
    color: var(--color-poblacio-text);
    background: var(--background-poblacio-text);
}

.resume tr.centro td:first-child {
    color: var(--color-centro-icon);
    background: var(--background-centro-icon);
}

.resume tr.centro td:last-child {
    color: var(--color-centro-text);
    background: var(--background-centro-text);
}

.resume tr.web td:first-child {
    color: var(--color-web-icon);
    background: var(--background-web-icon);
}

.resume tr.web td:last-child {
    color: var(--color-web-text);
    background: var(--background-web-text);
}

.resume tr.email td:first-child {
    color: var(--color-email-icon);
    background: var(--background-email-icon);
}

.resume tr.email td:last-child {
    color: var(--color-email-text);
    background: var(--background-email-text);
}

.resume tr.telefono td:first-child {
    color: var(--color-telefono-icon);
    background: var(--background-telefono-icon);
}

.resume tr.telefono td:last-child {
    color: var(--color-telefono-text);
    background: var(--background-telefono-text);
}

#orientation_point_list  main {
    /*width: 100%;*/
    margin-bottom: 50px;
}

#orientation_point_list main #list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
    /*width: calc(100% - var(--padding-horizontal)* 2);*/
    width: 100%;
    padding: var(--padding-vertical) var(--padding-horizontal);
    max-width: var(--max-width);
}

section#filter select.select2-hidden-accessible ~ span.select2
{
    width: unset !important;
}

#orientation_point_search {
    margin: 20px 0;
    max-width: var(--max-width);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*gap: 20px;*/
    row-gap: 20px;
    /*width: var(--max-width);*/
    justify-content: space-between;
}

#orientation_point_search input,
#orientation_point_search select
{
    border: 0;
    border-bottom: darkgray 1px solid;
}

#orientation_point_search label {
    color: darkgray;
    font-size: var(--small);
}

#orientation_point_search input,
#orientation_point_search select {

    font-size: var(--small);
}

#orientation_point_search > div.favoritos {
    display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}

#orientation_point_search > div.sector {
    width: 25%;
}

#orientation_point_search > div.entidad {
    width: 35%;
}

#orientation_point_search > div.horario {
    width: 15%;
}

#orientation_point_search > div.poblacion {
    width: 20%;
}

#orientation_point_search > div.favoritos {
    align-items: end;
}

section#list #Map {
    width: var(--max-width);
    height: 600px;
}

#orientation_point_detail main {
    display: flex;
    flex-direction: row;
    align-items: initial;
    max-width: var(--max-width);
    width: calc(100% - var(--padding-horizontal) * 2);
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#orientation_point_detail main #ficha {
    display: flex;
    flex-direction: row;
    align-items: initial;
    max-width: var(--max-width);
    width: 100%;
    gap: 20px;
    flex-wrap: wrap;
    background: #eafafa;
    padding: 20px;
    color: darkgray;
    font-size: var(--normal);
}

#orientation_point_detail main #ficha .title {
    width: 100%;
}

#orientation_point_detail .form-group {
    display: flex;
    flex-direction: column;
}

#orientation_point_detail main #ficha .form-group.rao,
#orientation_point_detail main #ficha .form-group.cif,
#orientation_point_detail main #ficha .form-group.adreca,
#orientation_point_detail main #ficha .form-group.provincia
{
    width: calc(50% - 10px);
}

#orientation_point_detail main #ficha .form-group.numero,
#orientation_point_detail main #ficha .form-group.escala,
#orientation_point_detail main #ficha .form-group.planta,
#orientation_point_detail main #ficha .form-group.pis,
#orientation_point_detail main #ficha .form-group.porta
{
    width: calc(9.3% - 10px);
}

#orientation_point_detail main #ficha .form-group.poblacio
{
    width: calc(40% - 10px);
}

#orientation_point_detail main #ficha .form-group.cp
{
    width: calc(9% - 10px);
}

#orientation_point_detail main #ficha .form-group input
{
    background: lightgray;
    border: 0;
    padding: 5px;
    font-size: var(--normal);
}

#orientation_point_detail main #content #description
{
    font-size: var(--normal);
}

#orientation_point_search > div.cercador {
    width: calc(60% - 20px);
}