/*Fonts*/

    /* INTER*/

@font-face {
    font-family: 'Inter';
    src: url('/files/asset/custom-fonts/Inter_18pt-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/files/asset/custom-fonts/Inter_18pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/files/asset/custom-fonts/Inter_18pt-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Inter';
    src: url('/files/asset/custom-fonts/Inter_18pt-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

   /*Frutiger*/
/*    COMENTED
@font-face {
    font-family: 'Frutiger45';
     src: url('/files/asset/custom-fonts/FrutigerLTCom-Light.ttf') format('opentype');
  }
@font-face {
    font-family: 'Frutiger46';
     src: url('/files/asset/custom-fonts/FrutigerLTCom-LightItalic.ttf') format('opentype');
  }
@font-face {
    font-family: 'Frutiger55';
     src: url('/files/asset/custom-fonts/FrutigerLTCom-Roman.ttf') format('opentype');
     font-weight: normal;
     font-style: normal;
  }
@font-face {
    font-family: 'Frutiger56';
     src: url('/files/asset/custom-fonts/FrutigerLTCom-Italic.ttf') format('opentype');
  }
@font-face {
    font-family: 'Frutiger65';
     src: url('/files/asset/custom-fonts/FrutigerLTCom-Bold.ttf') format('opentype');
  }
@font-face {
    font-family: 'Frutiger75';
     src: url('/files/asset/custom-fonts/FrutigerLTPro-Black.ttf') format('opentype');
  }
@font-face {
    font-family: 'Frutiger95';
     src: url('/files/asset/custom-fonts/FrutigerLTPro-UltraBlack.ttf') format('opentype');
  }
*/
   /*Inria Serif*/
 @font-face {
    font-family: 'Inria Serif Bold';
     src: url('/files/asset/custom-fonts/InriaSerif-Bold.ttf') format('opentype');
     font-weight: bold;
     font-style: normal;
  }
 @font-face {
    font-family: 'Inria Serif Bold Italic';
     src: url('/files/asset/custom-fonts/InriaSerif-BoldItalic.ttf') format('opentype');
   }
@font-face {
    font-family: 'Inria Serif Italic';
     src: url('/files/asset/custom-fonts/InriaSerif-Italic.ttf') format('opentype');
    }
@font-face {
    font-family: 'Inria Serif Light Italic';
     src: url('/files/asset/custom-fonts/InriaSerif-LightItalic.ttf') format('opentype');
    }
@font-face {
    font-family: 'Inria Serif Light';
     src: url('/files/asset/custom-fonts/InriaSerif-Light.ttf') format('opentype');
    }
@font-face {
    font-family: 'Inria Serif Regular';
     src: url('/files/asset/custom-fonts/InriaSerif-Regular.ttf') format('opentype');
    }

/*BODY STYLE*/
body {
    font-family: 'Inter';
    font-weight: 200;
}
p {
    font-family: 'Inter';
    font-weight: 200;
    font-size: 1.25rem;
}
 h1,.h1,h2,.h2,h3,.h3,h4,.resource-meta .resource-link .resource-name,h1.site-title,.h4,h5,.preview-block h4,.h5,h6,.h6 {
     font-family: Inria Serif Bold;
     font-style: normal;
     font-weight: normal;
     color: inherit;
       text-rendering: optimizeLegibility
 }

 /*custom heading*/
 h4 {
      font-family: Inria Serif Regular;
      color: #003764;
 }
 h1.h1-blue {
     font-family: 'Inter';
     color: #003764;
     font-weight: 900; /* Frutiger75 → Inter Black */
 }

 h2.h2-blue {
     font-family: 'Inter';
     color: #003769;
     font-weight: 700; /* Frutiger55 → Inter Bold */
 }

 h3.h3-black {
     font-family: 'Inter';
     color: #000000;
     font-weight: 400; /* Frutiger55 → Inter Regular */
 }

 h4.h4-black {
     font-family: 'Inter';
     color: #000000;
     font-weight: 400; /* Frutiger55 → Inter Regular */
 }

/*PAGES*/
  /*hide page title*/
.blocks>h2:first-child {
    display: none;
}

    /*accordion Resoruce page*/
/* Frutiger65 → Inter Bold 700 */
.accordion-panel h3 {
        font-family: 'Inter';
        font-weight: 700;
        color: #003764;
}

.accordion-trigger {
    color: #003764;
}

/*button world*/
 .btn-world{border: 1px solir red !important}
 .btn-world:hover{color:#2d2d2d;text-decoration:none;}
 .btn-world:focus{outline:0;box-shadow:0 0 0 .2rem rgba(14,119,159,.25);}
 .btn-world:disabled{opacity:.65;}
 .btn-world:not(:disabled):not(.disabled){cursor:pointer;}
 .btn-world-outline-primary{color:#0084ad;border-color:#0084ad;}
 .btn-world-outline-primary:hover{color:#fff;background-color:#0084ad;border-color:#0084ad;}
 .btn-world-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(213,16,103,.5);}
 .btn-world-outline-primary:disabled{color:#0084ad;background-color:transparent;}
 .btn-world-outline-primary:not(:disabled):not(.disabled):active{color:#fff;background-color:#0084ad;border-color:#0084ad;}
 .btn-world-outline-primary:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(213,16,103,.5);}
 .btn-world-more{max-width:100%;background-repeat:no-repeat;background-position:right 1.3rem top 47%;background-size:.7rem;border: 1px solid #0084ad;padding: 8px 3.5rem 8px 8px;}
 .btn-world-more,.btn-world-more:hover{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.19 15.56" width="9.19" height="15.56"%3e%3cpolygon fill="%230084ad" points="1.41 15.56 0 14.14 6.36 7.78 0 1.41 1.41 0 9.19 7.78 1.41 15.56"/%3e%3c/svg%3e');}
 .btn-world-more.btn-world-outline-primary:hover{background-image:url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.19 15.56" width="9.19" height="15.56"%3e%3cpolygon fill="%23fff" points="1.41 15.56 0 14.14 6.36 7.78 0 1.41 1.41 0 9.19 7.78 1.41 15.56"/%3e%3c/svg%3e');}




 /*HEADER AND LINKS*/
 .top-bar, .top-bar ul {
     background-color: #003764;
     background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" width="1200px" height="3px" viewBox="0 0 1200 3" preserveAspectRatio="none"%3e%3crect x="0" y="0" width="1200" height="3" style="fill:%2372D0EB;"/%3e%3crect x="150" y="0" width="1050" height="3" style="fill:%230084AD;"/%3e%3crect x="300" y="0" width="900" height="3" style="fill:%23003764;"/%3e%3crect x="450" y="0" width="750" height="3" style="fill:%234A0D66;"/%3e%3crect x="600" y="0" width="600" height="3" style="fill:%23D51067;"/%3e%3crect x="750" y="0" width="450" height="3" style="fill:%23FF6C0C;"/%3e%3crect x="900" y="0" width="300" height="3" style="fill:%23FEE300;"/%3e%3crect x="1050" y="0" width="150" height="3" style="fill:%238AE2D1;"/%3e%3c/svg%3e');
     background-repeat: no-repeat;
     background-size: 100% 3px;
 }
 a {
     color: #003764;
 }
 a:hover {
     outline-width: 0;
     color: #717a7c;
 }
 .button, [class^=numeric-] label.numeric-toggle-time.button, [class^=numeric-] label.numeric-toggle-time[type=submit], [class^=numeric-] label.numeric-toggle-time[type=button], [class*=numeric-] label.numeric-toggle-time.button, [class*=numeric-] label.numeric-toggle-time[type=submit], [class*=numeric-] label.numeric-toggle-time[type=button], .site-page-pagination>a, [type=submit], [type=button], .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
     background-color: #003764;
 }

    /*logo*/
.site-title img {
    vertical-align: top;
    max-height: 1rem;
    min-height: 25px;
    margin: 10px 0 10px 65px;
    border: none !important;
}

   /*nav*/
 .container.navegacion {
     max-width: 100%;
 }
 .row.navegacion {
     max-width: 100%;
 }
 .top-bar .top-bar-right {
     display: flex;
     justify-content: center;
     margin: 4px 30px 0 0;
 }
   /*menu colors*/
ul.dropdown.menu {
   background: none;
}
   ul.dropdown.menu a {
   color: #ffffff;
   font-family: 'Inter';
   font-weight: 400;
}
 .menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
        border-bottom: 4px solid #72d0eb;
        background: none;
        height: 50px;
       margin: 0 0 -7px 0;
 }
ul.dropdown.menu a:hover {
    color: #ffffff;
    text-decoration: underline;
}
 .dropdown .is-dropdown-submenu a:hover {
     background-color: #4ca3c1;
     color: #c5f4f2;
 }
 .dropdown.menu>li.is-dropdown-submenu-parent.active:hover>a, .toc-block>ul.dropdown>li.is-dropdown-submenu-parent.active:hover>a, .toc-block ul ul.dropdown>li.is-dropdown-submenu-parent.active:hover>a {
     background-color:  #0084AD;
 }
.dropdown.menu > li.is-dropdown-submenu-parent > a, .toc-block > ul.dropdown > li.is-dropdown-submenu-parent > a, .toc-block ul ul.dropdown > li.is-dropdown-submenu-parent > a:focus-within {
  color: #ffffff;
}


 /*search button*/
.top-bar-right .search {
    margin-left: 1rem;
    display: none;
}
 .search button.button {
     background: #003764;
     display: none;
 }
 .search button.button:hover {
     background: #3587b5;
 }

  .resource-title a.resource-link .resource-name {
     color: #003764;
     font-size: 14pt;
     font-weight: bold;
 }

 .value-content a.metadata-browse-direct-link {
     background: none !important;
     font-size: 14pt;
     color: #5fa2c0;
 }
 .topic-single:hover, .topic-single:focus {
     color: #0084AD;
 }
 h2, .h2 {
     color: #5f5f5f;
 }

 /*IMAGES*/
 .resource.item img {
     border: 3px solid #f4f4f4;
 }
 .thumbnail, .resource.show .resource-link img, .media-list img, .resource .resource-link img {
     border: 3px solid #f4f4f4;
 }
 .resource.show .media-render>a:only-child {
     border: none;
 }
 /*ITEM PAGE*/
h3.label {
    display: none;
}
     /*thumbnails carousel*/
.lg-backdrop {
    background-color: #ffffff;
    border: 1px solid  #d9d9d9;
}
.lg-outer .lg-thumb-outer {
    background-color: #ffffff;
    border: 1px solid  #d9d9d9;
}
#lg-outer-1 [type=button] {
    background-color: #979a9b;
    color: #fefefe;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #30769d;
}
.add-copyright {
    color: #0c5460;
    font-size: 11pt;
    background: #d1ecf163;
    border-color: #bee5eb;
    padding: 0.75rem 1.25rem;
    margin: 2.5rem 1rem 0 1rem;
    border: 1px solid;
    border-radius: 0.25rem;
}
   /*hide copyright for glossary*/
.add-copyright.Worldskills.Archive.terms {
    display: none;
}

.lg-container a#lg-download-1 {
    display: none;
}

     /*hide related items field*/
div#Related\ items {
    display: none;
}

     /*hide related items areas*/
div#resources-linked h3 {
    font-family: 'Inter';
    font-weight: 400;
    font-size: 18pt;
    margin: 20px 0 15px 0;
}
.linked-header {
    display: none;
}
caption.linked-resource-property {
    display: none;
}
div#linked-resources th:last-child {
    display: none;
}
tr.linked-resource td:last-child {
    display: none;
}

       /*Hide lef-sidebar space if there is no image eg. Glossary*/
.left-sidebar.cell.medium-4:empty {
        display: none;
    }


     /*universal viewer*/
#uv-1 .title {
    font-family: Inria Serif;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 13pt !important;
}
#uv-1 canvas {
    background: #ffffff !important;
}
#uv-1 .centerPanel {
    background: #8d8d8d !important;
}
.iiif-metadata-component .groups .group .items .item .label {
    color: #3d3d3d;
    border-bottom: 1px solid #343434;
    margin: 15px 10px 0 0;
    background: #ffffff;
}



   /*properties and values*/
.property {
  display: flex;
  margin-bottom: 0.3rem;
}
.property dt::after {
    content: ":";
    margin: 0 5px 0 1px;
}
     /*sepatartor 2 points : */
.property dt {
    min-width: max-content;
    margin-right: 10px;
}
.content .property h4::after {
content: ":";
}

.value-content {
    width: calc(66.66667% - 1.25rem);
    flex: 0 0 auto;
    -webkit-box-flex: 0;
    margin-left: 0;
    margin-right: .825rem;
}
#content .item-sets .value {
    margin: 0 15px;
}
#content .media-list .property {
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    clear: both;
}
#content .resource-class .property {
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    clear: both;
}
#content .media-list .value {
    display: block;
    margin: 8px 0 0 0;
}
.property .metadata-browse-link {
    margin: .5rem 0;
    border-bottom: 1px dotted;
    font-size: 15px;
}

 #content .resource-title h2 {
     line-height: 20pt;
 }
 #content .title {
     font-family: 'Inter';
     font-weight: 700;
     color: #003764;
     font-size: 20pt;
 }
    /*display properties in 2 colums*/
 .right-sidebar.cell.medium-8 {
     column-width: 263px;
 }
 a.button.volver {
     font-size: 12pt;
     background: #4ca3c1;
     width: 135px;
     border-radius: 50px;
     margin-top: 18px;
     height: 30pt;
     padding: 10px;
 }
 a.button.prev-next {
     font-size: 14pt;
     background: #4ca3c1;
     border-radius: 50px;
     line-height: 12pt;
     font-weight: bold;
     margin: auto 10px;
 }
 .block.resource-block.block-previous-next {
     margin: -50px auto 7px auto;
     position: relative;
     width: fit-content;
 }
 .block-previous-next a.button {
     font-size: 14pt;
     background: #4ca3c1;
     border-radius: 50px;
     line-height: 12pt;
     font-weight: bold;
     margin: auto 10px;
 }
 a.button.advanced-search {
     background: #ffffff;
     color: #5fa2c0;
     line-height: 30px;
     padding: 10px 0 0 0;
     margin-top: 16px;
     font-size: 12pt;
 }

 .circulo {
     background: #003764;
     padding: 12px;
     border-radius: 50%;
     color: #ffffff;
     font-size: 20pt;
     margin: 10px;
 }



 /*RESULTADOS DE BÚSQUEDA - Browse*/
 h2 span.title {
     color: #003764 !important;
     font-size: 2rem !important;
     line-height: 1.4 !important;
     font-weight: 500!important;
     padding-top: 6px !important;
 }
 .label, .filter-value, .filter-label {
     padding: 0.63333rem 0.5rem;
     background: #4ca3c1;
 }
 span.filter-value {
     background: #d4d4d4;
 }
 [type=button] {
     background-color: #5fa2c0;
     color: #fefefe;
 }
 [type=submit] {
     background-color: #5fa2c0;
     color: #fefefe;
 }
    /*hide title col 4*/
 .col-4 .media-object-section span.resource-name {
     display: none;
 }
   /*hide img col 8*/
 .col-8 .resource-link img {
     border: 3px solid #f4f4f4;
     margin: 0px 20px;
     display: none;
 }
    /*hide tag col 8*/
 .col-8 .resource-title h3.label {
     display: none;
 }
 .col-4 .resource-link img {
     border: 3px solid #f4f4f4;
     margin: 0px 20px;
     width: 260px;
     height: auto;
 }
 .resource .resource-link img {
     border: 3px solid #f4f4f4;
     margin: 0px 20px;
 }


 /*ADVANCED SEARCH FORM*/
 /*advanced search hide fields*/

  /*search by class*/
  div#resource-class {
      display: none;
  }
  /*search by id and media*/
.advanced-search-content .field:nth-child(5) {
    display: none;
}
.advanced-search-content .field:nth-child(7) {
    display: none;
}
/*order by*/
.advanced-search-content .field:nth-child(8) {
    display: none;
}
/*time hour*/
label.numeric-toggle-time.button {
    display: none !important;
}

/*intervals*/
  div#numeric-interval {
      display: none;
  }
  div#numeric-duration-gt {
    display: none;
}
div#numeric-less-than {
    display: none;
}
div#numeric-duration-gt {
    display: none;
}
div#numeric-duration-lt {
    display: none;
}
div#numeric-greater-than {
    display: none;
}
/*timestamp*/
 div#numeric-timestamp-on-after {
    display: none;
}
div#numeric-timestamp-on-before{
    display: none;
}

/* is resource with or without ID  from the dropdown*/
option[value=res] {
  display: none;
}
option[value=nres] {
  display: none;
}

   /*advanced search results*/
.resource-list .resource img {
    float: left;
    margin-right: 1rem;
}
#content .resource-list .resource img {
    width: 165px;
}



 /*SEARCH FILTERS*/
 span.filter-value {
     white-space: break-spaces;
 }


   /*FOOTER*/
 footer {
     max-width: 100%;
     background: #003764;
 }
 footer p {
     color: #FFFFFF;
     font-family: 'Inter';
     font-weight: 400;
     padding: 41px 0px 0 60px;
 }
 footer a {
     outline-width: 0;
     color: #ffffff;
 }
 footer a:hover {
     outline-width: 0;
     color: #c5f4f2;
 }
img.footer-logo {
    float: right;
    margin-right: 3rem;
     border: none !important;
}

   /*pre footer*/
  .row.prefooter {
     padding-top: 15px;
     border-top: 1px solid #4ca3c1;
 }


 /*FACETAS*/
p.filters-phones {
    display: none;
}
a.link-advanced-search {
    margin: 10px 0 10px 0;
}
 #content\ facetas {
     max-width: 97%;
     margin: auto;
 }
 #section-sidebar {
     width: 25%;
     padding: 5px 0 0 20px;
     background: #f1f1f1;
     margin: 0 0 0 -21px;
 }
 #section-content {
     width: 75%;
     padding-left: 0.5 rem;
 }
 p.instruccion.facetas {
     background: #d1ecf1;
     font-size: 13pt;
     color: #0c5460;
     border: 1px solid #bee5eb;
     padding: 0px 10px;
     margin: 3px 0 7px -9px;
     width: 100%;
 }
/*Tooltip*/
.tooltip {
    position: relative;
    display: inline-block;
    min-width: 35px;
    max-width: 90%;
    margin: 0px;
    padding: 0px 5px;
    min-height: 30px;
    line-height: 100%;
}
p.tooltip.facets {
    background: #d1ecf1;
    font-size: 12pt;
    color: #0c5460;
    border: 1px solid #bee5eb;
    padding: 8px 10px;
    margin: 3px 0 7px 0;
}

 /*HOME*/





 /*COLUMNAS RESULTADOS EN  DINÁMICA*/
 @media only screen and (max-width: 1199px) {
     #section-content tr td:nth-child(6),
     #section-content th:nth-child(6) {
         display: none;
     }
 }

 @media only screen and (max-width: 991px) {
     #section-content tr td:nth-child(5),
     #section-content th:nth-child(5) {
         display: none;
     }
     #section-content tr td:nth-child(6),
     #section-content th:nth-child(6) {
         display: none;
     }
 }

 @media only screen and (max-width: 655px) {
 p.title-banner {
    font-size: 60pt;
 }
 p.subtitle-banner {
     font-size: 1.3625rem;
 }
     #section-sidebar {
         width: 35%;
     }
 #section-sidebar legend {
     font-size: 14pt;
 }
 p.instruccion.facetas {
     font-size: 11pt;
 }
     #section-content {
         width: 65%;
     }
     #section-content tr td:nth-child(4),
     #section-content th:nth-child(4) {
         display: none;
     }
     #section-content tr td:nth-child(5),
     #section-content th:nth-child(5) {
         display: none;
     }
     #section-content tr td:nth-child(6),
     #section-content th:nth-child(6) {
         display: none;
     }
 }

 @media only screen and (max-width: 455px) {
     #section-sidebar {
         width: 40%;
         margin-top: 12px;
     }
 #section-sidebar legend {
     font-size: 13pt;
 }
 p.instruccion.facetas {
     font-size: 10pt;
 }
     #section-content {
         width: 60%;
     }
     #section-content td {
         border-bottom: 1px solid grey;
     }
  #section-content tr td:nth-child(2),
     #section-content th:nth-child(2) {
         display: none;
     }
     #section-content tr td:nth-child(3),
     #section-content th:nth-child(3) {
         display: none;
     }
     #section-content tr td:nth-child(4),
     #section-content th:nth-child(4) {
         display: none;
     }
     #section-content tr td:nth-child(5),
     #section-content th:nth-child(5) {
         display: none;
     }
     #section-content tr td:nth-child(6),
     #section-content th:nth-child(6) {
         display: none;
     }
 }

 @media only screen and (max-width: 325px) {
 p.title-banner {
    font-size: 40pt;
 }
 p.subtitle-banner {
     font-size: 0.7rem;
 }
     #section-sidebar {
         width: 55%;
     }
 #section-sidebar legend {
     font-size: 12pt;
 }
 p.instruccion.facetas {
     font-size: 9pt;
 }
     #section-content {
         width: 45%;
     }
     #section-content tr td:nth-child(2),
     #section-content th:nth-child(2) {
         display: none;
     }
     #section-content tr td:nth-child(3),
     #section-content th:nth-child(3) {
         display: none;
     }
     #section-content tr td:nth-child(4),
     #section-content th:nth-child(4) {
         display: none;
     }
     #section-content tr td:nth-child(5),
     #section-content th:nth-child(5) {
         display: none;
     }
     #section-content tr td:nth-child(6),
     #section-content th:nth-child(6) {
         display: none;
     }
 }

 /*RESPONSIVE VISIBILIDAD MENU*/
 @media only screen and (min-width: 910px) {
     /*Visibilidad menus*/
 nav#top-nav {
     display: none;
 }
 }
 @media only screen and (max-width: 910px) {
     /*Visibilidad menus*/
 .contenedor-menu {
     display:  none;
 }
 nav#top-nav {
 margin-right: 5%;
 }
 }

  /*GLOBAL RESPONSIVE*/
 @media only screen and (max-width: 1073px) {
 .top-bar-left i.fas.fa-bars {
     font-size: 22pt;
 }
 .site-title img {
     margin: 5px 0 5px 15px;
 }
 .banner-inicio {
     min-height: unset;
     height: 270px;
 }
 .col-single p:nth-child(2n) {
     width: auto;
 }
 }

 @media only screen and (max-width: 1024px) {
     /*ajuste menu/logo en menu mobile*/
.fa-bars:before, .o-icon-menu:before {
    content: "";
    color: #ffffff;
}
    .menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
        border-left: 4px solid #3383ab;
        border-bottom: none;
        background: none;
        color: #003764;
        font-weight: bold;
        text-decoration: underline;
        padding-left: 12px;
    }

 .container.navegacion .col-1 {
     width: 20%;
 }
 .container.navegacion .col-10 {
     width: 60%;
 }
 h1.site-title {
     margin: 0;
     z-index: 1000;
 }
    /*hide search box*/
#offCanvas .search {
    margin: 1rem;
    display: none;
}
}

 @media only screen and (max-width: 1024px) {
footer p {
    padding: 41px 0px 0 0px;
}
}

 @media only screen and (max-width: 863px) {
 .ultimos-registros ul.resource-list.preview {
     margin: 0 auto;
     columns: 2;
 }
 .ultimos-registros li.resource.item {
     min-height: 475px;
 }
 .col-single p:nth-child(2n) {
     width: 320px;
 }
 /*display properties in 2 colums*/
 .right-sidebar.cell.medium-8 {
     column-width: 215px;
 }
 }

 @media only screen and (max-width: 768px) {
 .banner-inicio {
     height: 330px;
    min-height: auto;
 }
 .align-banner p {
     padding-left: 0;
 }
  /*footer*/
footer {
       margin: 0;
}
footer p {
    padding: 0px;
}
footer .mb-2 {
    margin-bottom: 0.5rem !important;
    display: flex;
    flex-direction: column-reverse;
}
footer .col-sm-3 {
    text-align: left;
}
.col-sm-9 p {
    width: 600px;
}
img.footer-logo {
      float: none;
      margin: -10px 0 25px 0;
       width: 100px;
}
}

 @media only screen and (max-width: 720px) {
 .col-single p:nth-child(2n) {
     width: auto;
 }
 }

 @media only screen and (max-width: 640px) {
p {
    font-family: 'Inter';
    font-weight: 200;
    font-size: 1rem;
}
 /*adjusting filters panel of  faceted browse*/
.top-bar .top-bar-left, .top-bar .top-bar-right {
  z-index: 0;
}
.faceted-browse-page #section-sidebar.open {
        padding: 1.2rem 0 0 2rem;
}
#section-sidebar button.close-button {
    top: 0rem;
 }
.close-glyph:before {
    color: #3d3d3d;
    border: 1px solid #3d3d3d;
    padding: 0.5rem;
}
p.filters-phones {
        display: block;
        color: #c82666;
        font-size: medium;
        margin-top: -10px;
        padding: 0 5px;
        text-decoration: underline;
    }
}


 @media only screen and (max-width: 584px) {
 .right-sidebar.cell.medium-8 {
     column-width: auto;
 }
 .ultimos-registros ul.resource-list.preview {
     margin: unset;
     columns: unset;
 }
 .ultimos-registros li.resource.item {
     min-height: unset;
 }
 .col-single {
     margin: auto;
 }
 .col-single p:nth-child(2n) {
     width: 320px;
 }
}

 @media only screen and (max-width: 490px) {
 p.title-banner {
    font-size: 50pt;
 }
 p.subtitle-banner {
     font-size: 1rem;
 }
 }

 @media only screen and (max-width: 455px) {
 .banner-inicio {
     height: 225px;
    background-position: center bottom;
 }
 .resource-grid li.item.resource {
     width: unset;
     padding-bottom: 10px;
     border-bottom: 1px solid #e1e1e1;
 }
.col-sm-9 p {
    width: auto;
}
 }

 @media only screen and (max-width: 325px) {
 p.title-banner {
    font-size: 40pt;
 }
 p.subtitle-banner {
     font-size: 0.7rem;
 }
 }
