.blocks .preview-block {
  background-color: #c8c8f1;
  padding: 10px;
}

.collections {
  display:grid;
  grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) );
  grid-gap: 10px;
}
.collections a {
    background-color:#ced6ff;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map {
    display: grid;
    grid-template: 3fr 1fr 3fr / 3fr 2fr 15fr 2fr 3fr;
    grid-gap: 10px;
    margin-bottom: 10vh;
}
.box {
    display: grid;
    grid-gap: 10px;
}
.source {
    grid-template: 1fr 1fr 1fr / 1fr;
}
.origen,
.revision {
    grid-column: 3;
    grid-template-rows: 1fr 2fr ;
}
.map .origen {
    grid-template-columns: 4fr 1fr;
}
.area {
    border: 2px solid #9494df;
    padding: 10px;
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(10px,1fr));
    font-size: small;
}
.arrows {
    grid-column: 3;
    grid-row: 2;
    display: grid;
    flex-direction: row;
    grid-template-columns: 3fr 2fr;
}
.revision {
    grid-row: 3;
}
.pen {
    grid-template-rows: 1fr 2fr;
    grid-column: 5;
    grid-row: 3;
}
.map .resource.law {
    grid-column: 4;
    grid-row: 3;
}
.map .title {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1 / -1;
    border: 2px solid #9494df;
    padding: 10px;
    text-align: center;
    font-variant-caps: small-caps;
    font-size: 1.5em;
}
.stage {
    background-color:#ced6ff;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.area .stage:hover {
    text-decoration: none;
    background-color: #a9b3eb;
}
.map .resource {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.map .arrows a {
    flex-direction: row;
}
.map .resource:hover {
    text-decoration: none;
}
.map .resource .arrow {
    font-size: 120px;
    line-height: 60px;
}
.map .resource .arrow:hover {
    color: #a9b3eb;
}
.arrow {
    display: flex;
    align-items: center;
    font-size: 75px;
    color: #ced6ff;
}

fieldset:is([data-facet-id="30"], [data-facet-id="31"] , [data-facet-id="41"],  [data-facet-id="45"], [data-facet-id="49"], [data-facet-id="51"]) {
  display:none;
}

body.item .linked-header,
body.item .linked-resource-property {
  display:none;
}
body.item #item-linked th:first-child {
  width: 70%;
}

.map2 {
    display: grid;
    grid-template: 2fr 3fr 2fr / 3fr 2fr 15fr 2fr 3fr;
    grid-gap: 10px;
    margin-bottom: 10vh;
    align-items: center;
}
.map2 .box {
    display: grid;
    grid-gap: 10px;
}
.map2 .external {
    grid-row: 1/-1;
}
.map2 .resource {
    grid-row: 2;
}
.map2 .source {
    grid-column: 1;
}
.map2 .pen  {
    grid-column: 5;
}

.map2 .action {
    grid-row: 1 / 4;
    grid-column: 3;
    display: grid;
    grid-template: 2fr 1fr 2fr / 1fr;
    background-color: #e5e8f9;
    padding: 10px;
}

.map2 .stage {
    background-color:#ced6ff;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.map2 .title {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1 / -1;
    border: 2px solid #9494df;
    padding: 10px;
    text-align: center;
    font-variant-caps: small-caps;
    font-size: 1.5em;
    background-color: white;
}
.map2 .resource, .arrows a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.map2 .arrow {
    display: flex;
    align-items: center;
    font-size: 75px;
    color: #ced6ff;
}
.map2 .action .box {
    grid-template-rows: 1fr 2fr ;
}
.map2 .origen {
    grid-template-columns: 4fr 1fr;
}
.map2 .area {
    border: 2px solid #9494df;
    padding: 10px;
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(10px,1fr));
    font-size: small;
    background-color: white;
}

.map2 .arrows {
    display: grid;
    flex-direction: row;
    grid-template-columns: 5fr 2fr;
}

.map2 .arrows .project {
    grid-column: 1;
}
.map2 .arrows .modifications {
    grid-column: 2;
}
.map2 .modifications .arrow {
    color: #8c99db;
}
.map2 .pen {
    grid-template-rows: 1fr 2fr;
}
.map2 .area .stage:hover {
    text-decoration: none;
    background-color: #a9b3eb;
}
.map2 .arrows a {
    flex-direction: row;
}
.map2 .resource:hover {
    text-decoration: none;
}
.map2 .resource .arrow {
    font-size: 120px;
    line-height: 60px;
}
.map2 .resource .arrow:hover {
    color: #a9b3eb;
}

.map3 {
    display: grid;
    grid-template: 2fr 3fr 2fr / 3fr 2fr 15fr 2fr 3fr;
    grid-gap: 10px;
    margin-bottom: 10vh;
    align-items: center;
}
.map3 .box {
    display: grid;
    grid-gap: 10px;
}
.map3 .external {
    grid-row: 1/-1;
}
.map3 .resource {
    grid-row: 1/-1;
}
.map3 .source {
    grid-column: 1;
}
.map3 .pen  {
    grid-column: 5;
}
.map3 .action {
    display: grid;
    grid-row: 1 / 4;
    grid-column: 3;
    grid-template: 2fr 1fr 2fr / 100%;
    background-color: #e5e8f9;
    padding: 10px;
}
.map3 .stage {
    background-color:#ced6ff;
    padding: 20px;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.map3 .title {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1 / -1;
    border: 2px solid #9494df;
    padding: 10px;
    text-align: center;
    font-variant-caps: small-caps;
    font-size: 1.5em;
    background-color: white;
}
.map3 .resource, .arrows a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.map3 .arrow {
    display: flex;
    align-items: center;
    font-size: 75px;
    color: #ced6ff;
}
.map3 .action .box {
    grid-template-rows: 1fr 2fr ;
}
.map3 .area {
    border: 2px solid #9494df;
    padding: 10px;
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(10px,1fr));
    font-size: small;
    background-color: white;
}
.map3 .arrows {
    display: grid;
    flex-direction: row;
    grid-template-columns: 1fr;
}
.map3 .arrows .project {
    grid-column: 1;
}
.map3 .arrows .modifications {
    grid-column: 2;
}
.map3 .pen {
    grid-template-rows: 1fr 2fr;
}
.map3 .area .stage:hover {
    text-decoration: none;
    background-color: #a9b3eb;
}
.map3 .arrows a {
    flex-direction: row;
}
.map3 .resource:hover {
    text-decoration: none;
}
.map3 .resource .arrow {
    font-size: 120px;
    line-height: 60px;
}
.map3 .resource .arrow:hover {
    color: #a9b3eb;
}
.map3 .action .arrows {
    grid-column: 1;
}
.map3 .origen, .map3 .revision {
    grid-column: 1;
}