#item-sets { display: none;}
#resource-class { display: none;}

.navigation { display: none;}

body {
    font-family: 'Noto Sans';
    /*background-color: #D8CAA7;*/
}

.file {
    text-align: center;
}

.pagination .row-count {
    color: #414141;
    font-size: .8125rem;
    margin-right: 1rem;
    font-weight: bold;
}

.pagination .pager label, .pagination .pager .page-count  {
    color: #414141;
    font-size: .8125rem;
    font-weight: bold;
}

.faceted-browse-page .resource-name, .block-facetedBrowsePreview .resource-name {
    font-weight: 500;
    margin-left: 25px;
}


.description, .full {
   margin-left: 60px;
}

.main-header__advanced-search {
    font-size: 1rem;
    padding-right: 15px;
    text-transform: uppercase;
}

.main-footer__top {
    background-color: #E9E9E9;
    padding: 30px 0 10px;
}

.main-header {
    background-color: #eceef0;

 .regions-container {
         text-align: center;   
}

.main-footer__bottom {
    display: none;
    background-color: #36475a;
    padding: 35px 0;
}

@media (min-width: 1024px) {
    .main-footer__top {
        padding: 20px 0 5px;
    }
}

@media print, screen and (min-width: 40em) {
    .top-bar-left {
    display: none;
    }
}

#content {
    max-width: 90%;
}

body:not(.browse) #content {
    max-width: 90%;
}

.site-title img {
    max-height: 5rem;
    width: auto;
}

h1.site-title {
    margin: auto;
}

.top-bar-right {
    background-color:  #6E6F71;
}

.top-bar, .top-bar ul {
    background-color:  #333333;
}

.top-bar a {
    color: #fff;
}

.top-bar a:hover {
    color: #B39563;
}

.top-bar input {
    max-width: 400px;
    margin-right: 1rem;
}

.top-bar-right a {
    color: #fff;
}

.top-bar-right a:hover {
    color: #B39563;
}

.top-bar-right .nav-header{
    widht: 30% ;
}

[type=submit] {
    background-color: #285C4D;
    color: #fefefe;
}

h1 {
    font-family: 'Geomanist', sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #B39563;
    padding: 10px;
    line-height: 82px;
}


h2 {
    font-family: 'Noto Sans';
    font-weight: 700;
    font-size: 28px;
    color: #000;
    padding: 10px;
    /*line-height: 62px;*/
}

h3 {
    font-family: 'Noto Sans';
    font-weight: 700;
    font-size: 30px;
    color: #B39563;
    padding: 10px;
    line-height: 46px;
}

h4 {
    font-family: 'Noto Sans';
    font-weight: 700;
    font-size: 28px;
    color: #B39563;
    padding: 10px;
    line-height: 35px;
}

h5 {
    font-family: 'Noto Sans';
    font-weight: 700;
    font-size: 21px;
    color: #B39563;
    padding: 10px;
    line-height: 26px;
}

.menu .active>a, .toc-block>ul .active>a, .toc-block ul ul .active>a {
    background: #B39563;
    color: #fefefe;
}

.site-page-pagination {
    display: none;
}

.label {
    background: #B39563;
}

.grid-margin-x {
    width: auto;
    background-color: #6E6F7121;
}

p {
    font-family: 'Noto Sans';
    font-weight: 700;
    font-size: 16px;
    color: #474747;
    padding: 10px;
    line-height: 20px;
}

.resource-grid {
    background-color: rgba(110, 111, 113, 0.13);
}

.resource-grid .resource .resource-name {
    color: #4f2b31;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}

.resource-grid:hover .resource:hover .resource-name:hover {
    color: #355A4F;
    font-weight: bold;
    font-size: 16px;
}

.description, .full {
font-family: 'Noto Sans';
font-size: 13px;
font-weight: bold;
line-height: 16px;
text-align: left;
}

a:hover, a:focus {
    color: #621132;
    font-weight: bold;
}

a {
    color: #000;
    font-weight: bold;
}

.button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
    background-color: #B39563;
    color: #fefefe;
}

/*
footer {
    display: none;
}
*/

@media print, screen and (min-width: 40em) {
    .grid-margin-x>.medium-8 {
        width: 90%;
        margin: auto;
    }
    .media-render .file {
    padding-left: 80px;
    max-width: 95%;
    text-align: center;
}
    .top-bar .top-bar-left {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: auto;
        padding-right: 4em;
    }
}


        /* botones acervos */
        .btnacervos {
            border: none;
            width: 250px;
            height: 80px;
            border-radius: 3px;
            background: #B39563;
            color: #fff;
            font-weight: bold;
            padding: 25px;
            font-size: 16px;
            cursor: pointer;
            display: inline-block;
        }

div.gallery {
margin: 5px;
border: 1px solid #ccc;
float: left;
width: 180px;
}

div.gallery:hover {
border: 2px solid #1A302C;
}

div.gallery img {
width: 100%;
height: auto;
display: inline-block;
}

div.desc {
padding: 15px;
text-align: center;
}



h1, .h1, h2, .h2, h3, .h3, h4, .resource-meta .resource-link .resource-name, h1.site-title, .h4, h5, .h5, h6, .h6 {
    font-family: 'Noto Sans';
}

.resource .resource-link img {
height: 200px;
border: none;
}


.navbar {
width: 100%;
background-color: #6E6F71;
overflow: auto;
}

.navbar a {
float: left;
padding: 12px;
color: white;
text-decoration: none;
font-size: 17px;
width: 33%; /* Four links of equal widths */
text-align: center;
}

.navbar a:hover {
background-color: #000;
}

.navbar a.active {
background-color: #B39563;
}

@media screen and (max-width: 500px) {
.navbar a {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}
}

/*.fondoinicio {
    background-image: url(https://fototeca.inpi.gob.mx/files/asset/7babe26959fef6d0a999fb8ee7be38f913a8fc6b.jpeg);
    background-repeat: no-repeat;
    opacity: 0.5
}*/
/* Buscador Ricardo vargas */
/*.busqueda {
    margin-left: 1em;
    margin-top: 2em;
}

.textoinicial {
    border-radius: 20px;
    margin-left: 1em;
    margin-top: 170px;
}

.search-form {
width: 80%; 
margin: 0 auto; 
padding: 10px; 
background-color: #f7f7f7; 
border: 1px solid #ddd; 
border-radius: 5px; 
}

.search-form input[type="search"] {
    width: 800px;
    height: 55px;
    padding: 3px;
    font-size: 16px;
    border: 3px solid #355A4F;
    border-radius: 20px;
    text-align: center;
    margin: auto;
}
.search-form button {
    width: 25%;
    height: 40px;
    padding: 10px;
    font-size: 16px;
    background-color: #922E45;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 25px;
}

.search-form button:hover {
background-color: #3e8e41; 
}*/

/* Inicio Fototeca By MosheRamz */
.pagina-inicio #content {
position: relative; 
background-image: url('https://fototeca.inpi.gob.mx/files/asset/7babe26959fef6d0a999fb8ee7be38f913a8fc6b.jpeg');
background-size: cover;
background-position: center;
height: 77vh;
color: white; 
}

.pagina-inicio #content::before {
content: "";
position: absolute; 
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(197, 197, 197, 0.35);
z-index: 1; 
}

.pagina-inicio #content > * {
position: relative; 
z-index: 2; 
}

/* Buscador */
.pagina-inicio .center-image {
display: block;
margin: 0 auto;
text-align: center;
}

.pagina-inicio .block.block-search {
text-align: center; 
}

.pagina-inicio #search-form {
display: inline-block; 
position: relative; 
width: 100%; 
max-width: 800px;
padding-top: 57px;
}

.pagina-inicio #search-form input {
width: 100%; 
height: 56px;
padding: 0 14px 0 50px; 
border-radius: 30px;
border: 3px solid #1A302C; 
background: #fefefe; 
color: #000; 
box-sizing: border-box; 
}

.pagina-inicio #search-form button {
position: absolute;
right: 14px; 
top: 66%; 
transform: translateY(-50%); 
border: none; 
background: transparent url('https://fototeca.inpi.gob.mx/files/asset/5fb267e9d0afacd0f8e309bbfa008eca95fd7b10.png') no-repeat center; 
background-size: 20px 20px; 
width: 40px; 
height: 40px; 
cursor: pointer; 
padding: 0; 
text-indent: -9999px; 
overflow: hidden; 
}

@media (max-width: 768px) {
.pagina-inicio #search-form input {
    height: 48px; /* Ajusta la altura si es necesario */
    padding: 0 14px 0 40px; /* Reduce el padding */
}

.pagina-inicio #search-form button {
    width: 36px; /* Reduce el tamaño del botón si es necesario */
    height: 36px; /* Ajusta la altura del botón */
}
}

/** Texto descriptivo */
.fototeca-bg {
background-color: #333333;
color: white;
padding: 20px;
top: 30%;
width: 90%;
margin: 0 auto;
position: relative;
border-radius: 8px;
}

.fotodesc {
display: block; 
overflow: hidden; 
max-height: 4.5em;
text-align: justify;
}

.fotodesc.expanded {
max-height: none;
}

.vermas{
font-weight: 700;
font-size: 16px;
color: #ffffff;
padding: 10px;
line-height: 14px;
}

/*** vista de detalle ***/

.btn-agrandar{
padding: 10px 24px 10px 24px;
border-radius: 100px;
border: 3px;
background: #922E45;
color: #ffffff;
display: inline-block;
vertical-align: middle;
margin: 0 0 1rem 0;
border: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: background-color .25s ease-out, color .25s ease-out;
transition: background-color .25s ease-out, color .25s ease-out;
font-family: inherit;
/*font-size: .9rem;*/
-webkit-appearance: none;
line-height: 1;
cursor: pointer;
max-height: 50px;
margin-left: auto;
}

.inline .property {
    color: #5F2134;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-left: 5px;
    color: #5F2134;
    font-size: 16px;
    font-weight: 400;
}

.property {
margin-bottom: 1rem;
overflow: hidden;
clear: both;
text-align: justify;
line-height: 25px;
}

@media (max-width: 568px) { 
    .property {
        line-height: 15px;
    }
    .inline .property {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: justify;
        width: 100%;
        margin-left: 20px;
        }

.value, .value-content {
    display: block; 
    width: 100%; 
    color: #000;
    text-align: left;
    line-height: 20px;
/*  margin-left: 15px;  /
}
}

/*.resource-title {
text-align: center;
margin: 1rem;
}*/

.resource-title  {
    padding-left: 10px;
}

.resource-title .title {
    font-size: 26px;
    line-height: 1.2;
    color: #4f2b31;
    margin-left: 10px;
    padding-left: 10px;
}

@media (max-width: 568px) {
    .resource-title .title {
        font-size: 25px; 
    }
}
@media (max-width: 668px){
    h2 {
        font-family: 'Noto Sans';
        font-weight: 700;
        font-size: 18px;
        color: #B39563;
        padding: 10px;
        line-height: 1px;
    }
}

.media-embeds {
        width: 95%;
/*        order: 1;  */
    }

    dl {
        width: 95%; 
/*        order: 2;  */
    }

@media (max-width: 668px) {
    .main-with-sidebar {
        display: flex;
        flex-direction: column;
    }

    .media-embeds {
        width: 100%;
        order: 1; 
    }

    dl {
        width: 100%; 
        order: 2; 
    }
}

/* Resultados de busqueda */
.property-container {
display: flex;
/*flex-wrap: wrap;*/
align-items: flex-start;
}

.property-anotaciones {
    display: flex;
    flex-direction: column;
    /*margin: 17px;*/
    text-align: justify;
    display: flex;
    flex-direction: column;
    margin-right: 55px;
    text-align: justify;
    padding: 17px;
    margin-left: 20px;
}

.property-anotaciones dt{
    color: #5F2134;
    font-size: 16px;
}
.column {
flex: 1;
padding: 0 10px;
}

strong, b {
    font-weight: 400;
    line-height: inherit;
}

.value, .value-content {
    display: block; 
    width: 100%; 
    color: #000;
    text-align: left;
    margin-left: 15px;
    line-height: 20px;
    /*:width: ;text-align: justify;i*/
}

.resource.show .media-render>a:only-child {
     border: none;
}

.inline .property dt {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
    line-height: 15px;
}

.browse-controls {
    margin-top: 15px;
    margin-bottom: 20px;
}