/* Tipografía Roboto: diferentes variantes de peso y estilo */
.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

/* Estilos generales del cuerpo y títulos */
body {
    font-family: 'Roboto', sans-serif; 
    font-weight: normal; 
    font-style: normal; 
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
}

/* Encabezado y enlaces */
.top-bar, .top-bar ul {
    background-color: #003764;
}

a {
    color: #003764;
}

a:hover {
    outline-width: 0;
    color: #717a7c;
}

/* Botones */
.button,
[type=submit], 
[type=button] {
    background-color: #003764;
}

.button.disabled, 
.button[disabled] {
    background-color: #003764;
}

/* Estilo para el logo y el título del sitio */
.site-title img {
    vertical-align: top;
    min-height: 30px;
    margin: 10px 0 10px 140px;
    border: none !important;
}

.site-title a {
    display: block;
    color: #ffffff;
    font-size: 26pt;
    padding: 0 10px;
}

/* Navegación */
.container.navegacion, .row.navegacion {
    max-width: 100%;
}

.top-bar .top-bar-right {
    display: flex;
    justify-content: center;
    margin: 4px 0;
}

/* Estilos para el menú */
ul.dropdown.menu {
    background: #0e779f;
}

ul.dropdown.menu a {
    color: #ffffff;
    font-size: 12pt;
    font-weight: bold;
}

.menu .active > a {
    border-bottom: 3px solid #72D0EB;
    background: #0e779f;
}

ul.dropdown.menu a:hover {
    border-bottom: 3px solid #8ae2d1;
    background: #0e779f;
}

/* Submenú */
.dropdown .is-dropdown-submenu a:hover {
    background-color: #4ca3c1;
    color: #c5f4f2;
}

.dropdown.menu > li.is-dropdown-submenu-parent.active:hover > a {
    background-color: #0084AD;
}

/* Botón de búsqueda */
.search button.button {
    background: #003764;
    display: none;
}

/* Títulos de recursos */
.resource-title a.resource-link .resource-name {
    color: #003764;
    font-size: 14pt;
    font-weight: bold;
}

.value-content a.metadata-browse-direct-link {
    font-size: 14pt;
    color: #5fa2c0;
}

/* Imágenes */
.resource.item img, 
.thumbnail, 
.resource.show .resource-link img, 
.media-list img, 
.resource .resource-link img {
    border: 3px solid #f4f4f4;
}

/* Página de ítem */
.resource.show .media-render > a:only-child {
    border: none;
}

/* Carousel de miniaturas */
.lg-backdrop, .lg-outer .lg-thumb-outer {
    background-color: #ffffff;
    border: 1px solid #d9d9d9;
}

#lg-outer-1 [type=button] {
    background-color: #979a9b;
    color: #fefefe;
}

/* Propiedades y valores */
.property {
    display: flex;
    margin-bottom: 0.3rem;
}

/* Separador entre propiedades */
.property dt::after {
    content: ":";
    margin: 0 5px 0 1px;
}

.value-content {
    width: calc(66.66667% - 1.25rem);
    margin-left: .625rem;
    margin-right: .625rem;
}

#content .item-sets .value {
    margin: 0 15px;
}

#content .media-list .property, 
#content .resource-class .property {
    display: block;
    margin-bottom: 1rem;
    overflow: hidden;
    clear: both;
}

/* Botones adicionales */
a.button.volver, 
a.button.prev-next {
    font-size: 12pt;
    background: #4ca3c1;
    border-radius: 50px;
    font-weight: bold;
}

/* Círculos */
.circulo {
    background: #003764;
    padding: 12px;
    border-radius: 50%;
    color: #ffffff;
    font-size: 20pt;
    margin: 10px;
}

/* Formularios de búsqueda avanzada */
div#resource-class, 
.advanced-search-content .field:nth-child(5),
.advanced-search-content .field:nth-child(7),
.advanced-search-content .field:nth-child(8),
div#numeric-interval, 
div#numeric-duration-gt, 
div#numeric-less-than, 
div#numeric-duration-lt,
div#numeric-greater-than, 
div#numeric-timestamp-on-after, 
div#numeric-timestamp-on-before {
    display: none;
}

/* Listado de recursos */
.resource-list .resource img {
    float: left;
    margin-right: 1rem;
}

/* Footer */
footer {
    max-width: 100%;
    background: #003764;
}

footer p {
    color: #FFFFFF;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #c5f4f2;
}

.row.prefooter {
    padding-top: 15px;
    border-top: 1px solid #4ca3c1;
}

.col-6.jcyl img, 
.col-6.federacion img {
    width: 100px;
    border: none;
}

.col-6.federacion img {
    float: right;
}

/* Facetas */
p.instruccion.facetas {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

/* Tooltips */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Estilo para banners */
p.title-banner {
    font-size: 60pt;
}

p.subtitle-banner {
    font-size: 1.3625rem;
}

/* Estilos para tablas */
#section-content tr td:nth-child(6), 
#section-content th:nth-child(6) {
    display: none;
}

/* Media queries */
@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),
    #section-content tr td:nth-child(6), #section-content th:nth-child(6) {
        display: none;
    }
}

/* Varias @media queries continúan aquí... */