/*
 * Site customizations that used to live in the database (moved to the child theme, F3.5):
 * 1. Simple Custom CSS and JS snippet "glosario" (CSS, post 42850), printed after all theme/plugin stylesheets.
 * 2. Customizer "Additional CSS" (custom_css post 30668), printed last.
 * Order is preserved: this file loads right after style.css and keeps 1 before 2.
 */

/* 1. Simple Custom CSS and JS: glosario (42850) */
.wp-show-posts-columns#wpsp-41324 .wp-show-posts-inner {
    margin: 0 auto !important;
	text-align: center;
}

.wp-show-posts-columns#wpsp-41324 .wp-show-posts-inner {
    margin: 0 auto !important;
    text-align: center;
    padding: 15px;
    border: 1px solid black;
}

.page-id-41316 .wpglossarygroup-como-se-llama a{
	color: white !important;
}

.page-id-2024 #menu-menupie {
    width: 85%;
}

.post-title {
    font-size: 27px !important;
}

.single-post .post-title {
    font-size: 28px;
}

.marcas .contento .wp-caption a .wp-image-33571.size-medium {
    width: 100%;
    height: 186px;
    object-fit: cover;
}

.marcas .contento .wp-caption a img {
    width: 100%;
    height: 186px;
    object-fit: cover;
}

/* Full gallery page (/galeriaimagenes/, page 2024; its [display-gallery]
   shortcode has wrapper_class "display-posts-listing galeria-completa", added
   by deploy/gallery-wrapper.php): the whole image is shown instead of
   cropped, so vertical and square photos are not cut. */
.galeria-completa .marcas .contento .wp-caption a img {
    object-fit: contain;
}

/* Desktop only: bigger tiles and less white space. Three columns fill the
   whole content width, the fixed min-height and the inline line gap under
   the image are removed. Phones keep the responsive.css one-column layout. */
@media (min-width: 1025px) {
    .galeria-completa .marcas .contento .wp-caption {
        width: 33.333% !important;
        box-sizing: border-box;
        padding: 6px;
        min-height: 0;
        max-height: none;
    }

    .galeria-completa .marcas .contento .wp-caption a img {
        display: block;
        height: 240px;
        max-height: none;
    }
}

.cajita a {
    color: #fff;
    font-size: 17px;
    display: block;
    margin-top: 12px;
}

.margen-inferior {
    margin-bottom: 40px;
}

ul.display-posts-listing .separador {
    margin: 30px 0px;
}

#header-first .logo{
	margin-top: 35px;
}

#header-first .logo h1 {
    font-size: 3em;
    font-family: 'Rouge Script',cursive;
    margin-right: 106px;
	padding: 0px 43px;
}

/* F6.3: mirrors the rule above for the inner-page site title, now a
 * non-heading .site-title element instead of <h1> (see header.php). */
#header-first .logo .site-title {
    font-size: 3em;
    font-family: 'Rouge Script',cursive;
    margin-right: 106px;
	padding: 0px 43px;
}

.home #header-first .logo h1 {
    font-size: 3em;
    font-family: 'Rouge Script',cursive;
    margin-right: 0px;
	padding: 0px 0px;
}

.page-id-2024 .wp-caption, .page-id-4049 .wp-caption, .galeria-completa .wp-caption {
    background: none;
    width: 30%!important;
    float: left;
    text-align: -moz-center;
    text-align: -webkit-center;
    min-height: 265px;
}

/* Award image in the /alarife-2/ caption (attachment 42854, 149x138, tag 111x103).
   Two rules used to sit here for its retired id 42832 and were dead. `#alarife img`
   forces height:300px (meant for the author portrait), which stretched this small image
   into a tall narrow column: keep its natural proportions. */
#alarife .wp-image-42854 {
    height: auto!important;
}

#menu-menupie {
    width: 85%;
}

.cabecera p {
    font-family: 'Rouge Script',cursive;
    font-size: 29px;
    line-height: 32px;
    text-align: center;
}

/* Propileos (page 50): its header paragraph is written with <em> around the sentences
   (Rouge Script has no italic, so the browser slants it) and two words in inline
   `font-family: initial; font-size: 26px` spans (Times New Roman). Make it look like the
   other pages' headers: upright Rouge Script 29px. !important is needed against the inline
   style of the spans. */
.page-id-50 .cabecera p em {
    font-style: normal;
}
.page-id-50 .cabecera p span {
    font-family: 'Rouge Script',cursive !important;
    font-size: 29px !important;
}

/* Localizacion (2029) and Monumentos (2035): the intro <h4> inside #content was 1.5em of the
   body (21.6px on desktop, 24px on phones); the client wants it smaller. Scoped to the
   content wrapper so the page title (h1.page-title) and the header search heading
   (h4.search-title, outside #content) keep their sizes. Desktop (>= 1025px) here; phones below. */
@media (min-width: 1025px) {
    .page-id-2029 #content > h4,
    .page-id-2035 #content > h4 {
        font-size: 18px;
        line-height: 1.5;
    }
}

/* Same intro on phones (Simón): 2026-10-08 (M5) 24px -> 22px up to 480px; 2026-10-09 (N5) it is
   only a hint, so on phones (<= 767px, style.css's phone breakpoint) it takes the size of the body
   text, 16px / 24px (1em, line-height 1.5), half the 32px page title. 768-1024px keep 21.6px. */
@media (max-width: 767px) {
    .page-id-2029 #content > h4,
    .page-id-2035 #content > h4 {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* /como-se-llama/ (page 41316) tiles: white links on the colored tile, as the desktop rule at the
   top of this file. Every glossary entry of that group also carries the class
   wpglossarygroup-como-se-llama on its article, so the unscoped rules made the entry's own
   links (related entries, author, date) white on the white page on tablets and phones (M1,
   2026-10-08). Scoped to the listing page like the desktop rule. */
@media(min-width: 781px) and (max-width: 1024px){
	.page-id-41316 .wpglossarygroup-como-se-llama a {
		color: white !important;
		font-size: 16px;
	}
	
	.wp-show-posts-columns#wpsp-41324 {
		margin-left: 2em !important;
	}
	
	.cajita {
		width: 30%;
	}
}

@media(min-width: 481px) and (max-width: 780px){
	.page-id-41316 .wpglossarygroup-como-se-llama a {
		color: white !important;
		font-size: 14px;
	}
	
	.wp-show-posts-columns#wpsp-41324 .wp-show-posts-inner {
		margin: 0 auto;
		text-align: center;
		padding: 15px 6px;
		border: 1px solid black;
	}
	
	.wp-show-posts-columns#wpsp-41324 {
		margin-left: 0em !important;
		position: relative;
		left: 13px;
	}
	
	.cajita {
		width: 40%;
	}
	
	.logo h1 a {
		font-size: 30px;
		line-height: 40px;
	}

	.logo .site-title a {
		font-size: 30px;
		line-height: 40px;
	}

	#header-first .logo h1 {
		font-size: 0em;
		font-family: 'Rouge Script',cursive;
		margin-right: 106px;
		padding: 0px 43px;
	}

	#header-first .logo .site-title {
		font-size: 0em;
		font-family: 'Rouge Script',cursive;
		margin-right: 106px;
		padding: 0px 43px;
	}
}

@media(max-width: 480px){
	.page-id-41316 .wpglossarygroup-como-se-llama a {
		color: white !important;
		font-size: 20px !important;
	}
	
	.cajita {
		width: 45%;
	}
	
	.logo h1 a {
		font-size: 30px!important;
	}

	.logo .site-title a {
		font-size: 30px!important;
	}
}

@media(min-width: 1279px) and (max-width: 1441px) {
	#header-first .logo h1 {
		margin-right: 0;
		padding: 0;
	}

	#header-first .logo .site-title {
		margin-right: 0;
		padding: 0;
	}
}

/* 2. Customizer Additional CSS (30668) */
#wop-1 li ul li{
    font-size: 1.2em;
    line-height: 1.2em;
}
#wop-1 h2{
    font-size: 1.2em;
    line-height: 1.2em;
}
/* F6.3: the stats widget title is no longer <h2> (see
 * inc/parent-compat.php, glosario_child_wop_widget_title()); mirror the
 * rule above for its new .widgettitle (non-heading) markup. */
#wop-1 .widgettitle{
    font-size: 1.2em;
    line-height: 1.2em;
}
#wop-1 {
text-align:center;
}
.wpg-term-usage, .glossary-references{
	display:none;
}
.anckla {
    column-count: 4;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -o-column-count: 4;
}
div.clear {
    clear: both;
    border-bottom: 1px solid #020202;
    margin-bottom: 2px;
}
.post-title {
    padding: 0;
    margin-top: 40px;
    padding: 0 0 10px;
  
    font-size: 31px;
}
#header-first .logo2 {
    width: 24%;
    float: left;
    text-align: center;
    position: absolute;
    padding: 10px;
}
#menu-menupie {
  
    width: 84%;
}
/* D1 (Simón, 2026-10-08): the two link boxes of /alarife-2/ ("Selección de diccionarios y
   glosarios..." and "Páginas web de actualidad...", .cajita2, the only page that uses the class)
   were too thick: style.css gives them 27px of padding on every side. They keep their 27px sides
   and width, and get 14px above and below the text (the padding of the .cajita boxes of Ágora),
   at every width. */
.cajita2 {
    padding-top: 14px;
    padding-bottom: 14px;
}
/* D2 (Simón, 2026-10-08): header search box. header.php prints the title ("Búsqueda de
   términos") and, under the search form, the hint "(Entrecomillar los términos compuestos)"
   (it used to be a span inside the title). The title is clearly larger than the hint: 28px
   (style.css: 1.8em = 25.92px) against 18px (the old hint, #subtitle, was 22px). The box keeps
   its two desktop lines: title + search form on the first, the hint on the second. Smaller
   screens: css/responsive.css, section 23. */
#header-third .search-title {
    font-size: 28px;
}
#header-third .search-hint {
    clear: both;
    color: #fff;
    font-family: 'Rouge Script', cursive;
    font-size: 18px;
    line-height: 25px;
    /* The box keeps its desktop height (84.76px: 7px + two 38.88px lines of the old title), so
       nothing under it moves: 50px form + 25px hint + 9.76px. */
    padding: 0 0 9.76px;
}
/* D3 (Simón, 2026-10-08): the "Última actualización" date of /sillares/ and /canteria/ is moved
   out of the shaded intro box (.cabecera) by inc/update-date.php, into div.glosario-update-date
   right after it. The div has the box's width, centring and side padding, so the date starts at
   the same x as before (the box's text edge), left-aligned, 6px under the box (the box's 39px
   bottom margin collapses with the -33px top margin); the next block keeps its 39px gap. It
   takes the page's text colour (the date was white on the box). Smaller screens follow the box:
   css/responsive.css, section 24. */
.glosario-update-date {
    width: 75%;
    margin: -33px auto 39px;
    padding: 0 10px;
    text-align: left;
}
/* S1 (inc/headings.php): elements printed in place of an <h4> (h2 section headings, divs for
   empty headings and the home date line) keep the h4 look. This is style.css's own
   `h4{font-size:1.5em;line-height:1.5em}`, at the same type-only specificity (:where() adds
   none), so every class or id rule that used to override the h4 (.widgettitle,
   #header-third .search-title, .post-title, mobile rules) still overrides it, and it still
   beats the bare `h2` rule and the reset because it loads later. */
h2:where(.glosario-h4),
div:where(.glosario-h4) {
    font-size: 1.5em;
    line-height: 1.5em;
}
/* S1b: the same for elements printed in place of an <h5> (legal subsections, /glossary/orden/
   parts, empty spacers): style.css's `h5{font-size:1em;line-height:2em}`. And for an empty
   <h6> printed as a <div>: style.css hides every h6 (`.contento h5,h6{display:none}`). */
h2:where(.glosario-h5),
h3:where(.glosario-h5),
h4:where(.glosario-h5),
div:where(.glosario-h5) {
    font-size: 1em;
    line-height: 2em;
}
div:where(.glosario-h6) {
    font-size: .75em;
    line-height: 2em;
    display: none;
}
/* Simón, 2026-10-12 (item 4 of his sixth list, revised the same afternoon): on /seleccion-de-
   diccionarios-y-glosarios-sobre-arte-arquitectonico/ (page 4045) a dictionary the reader opens
   stays shaded while the browser tab is open, at every width, and the marks go away when the tab
   or the browser is closed (no permanent marks, so no :visited style). js/dictionary-seen.js
   (loaded on page 4045 only, inc/dictionary-seen.php) adds the class glosario-dict-seen to the
   opened link and keeps it in sessionStorage. The shade is a light warm grey of the site's
   palette; the text keeps #211E16 (contrast about 12.7:1). Rounded corners and the clone (each
   wrapped line rounded on its own); no padding, so no text moves. Unmarked links are untouched. */
.page-id-4045 #diccionario a.glosario-dict-seen {
    background-color: #e3e1d8;
    border-radius: 3px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Simón, 2026-10-13: the same shade for the "No es lo que se dice" articles. On the category
   archive /category/no-es-lo-que-se-dice/ (term 13, every page of it) js/dictionary-seen.js adds
   the class glosario-article-seen to the TITLE of an article the reader opened (from the title or
   from its "Leer más" button), for 2 hours without activity. Same shade, corners and clone as the
   dictionaries; no padding, the title keeps its colour, nothing moves. "Leer más", the page links
   and unmarked titles are untouched. */
.category-13 #content h2.post-title a.glosario-article-seen {
    background-color: #e3e1d8;
    border-radius: 3px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}
/* Simón, 2026-10-13 (evening): the list he meant is page 4643, Ágora > "No es lo que se dice"
   (/contacto-agora/no-es-lo-que-se-dice/), its numbered article titles (h5 or p links in the
   page text). js/dictionary-seen.js adds glosario-article-seen to the title of an article the
   reader opened from this page or from the category archive (the two lists share the marks),
   for 2 hours without activity. Same shade, corners and clone as the dictionaries; no padding,
   the text keeps its colours (the grey #808080 words too), nothing moves. Unmarked titles, the
   quotes and every other link are untouched. */
.page-id-4643 #content > h5 > a.glosario-article-seen,
.page-id-4643 #content > p > a.glosario-article-seen {
    background-color: #e3e1d8;
    border-radius: 3px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}