/*
Theme Name: Escritos de Oro
Author: Ingenio Arte y Comunicación
Author URI: https://www.ingenio.co.cr
Version: 1.0
Description: Theme oficial del sitio de Escritos de Oro.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: escritosdeoro
Tags: one-column, two-columns
Theme URI:
*/

/* -------------------------------------------------------------------------
 * Ajustes propios de WordPress.
 *
 * El diseño completo vive en public/css/escritos.css, la hoja de la maqueta
 * original. Aquí solo van los añadidos que la maqueta estática no necesitaba
 * porque no existían: el enlace de salto, la barra de administración y el
 * marcado que introduce el editor de bloques.
 * ---------------------------------------------------------------------- */

/* Enlace «Ir al contenido»: invisible hasta que recibe el foco con el
   teclado, momento en el que aparece anclado arriba a la izquierda. */
.accessibility {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.accessibility:focus {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 100000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 20px;
	clip: auto;
	background: #fff;
	color: #151515;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	text-decoration: none;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

/* La barra de administración desplaza la página 32 px hacia abajo; la barra
   de navegación fija tiene que arrancar por debajo de ella. */
.admin-bar .rd-navbar-fixed .rd-navbar-panel,
.admin-bar .rd-navbar-static .rd-navbar-panel {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .rd-navbar-fixed .rd-navbar-panel,
	.admin-bar .rd-navbar-static .rd-navbar-panel {
		top: 46px;
	}
}

/* El contenedor del contenido es puramente estructural: los bloques ya se
   pintan como secciones a sangre completa. No debe crear ni contexto de
   apilamiento ni recorte, o el parallax de la portada (que usa una capa
   position: fixed) y la barra fija dejarían de calcular bien sus posiciones. */
#content {
	position: static;
	overflow: visible;
	margin: 0;
	padding: 0;
}

/* Un perfil sin retrato.
 *
 * En la maqueta, la raya verde que va sobre el nombre lleva «margin-top: 100%»
 * para que el nombre quede a la altura del pie de la fotografía. Cuando no hay
 * fotografía —el jurado sin retrato— ese margen deja medio metro de blanco
 * antes del nombre. Solo en ese caso se quita, y la ficha se cierra sobre sí
 * misma como si estuviera pensada así. */
.image-wrap:not(:has(img)) .linea-verde-der {
	margin-top: 0;
}

/* El logotipo de X.
 *
 * La maqueta trae Font Awesome 4.7, de 2016, así que su repertorio se quedó en
 * el pajarito de Twitter: no hay ningún glifo para la X. En vez de cambiar la
 * tipografía entera —son cientos de iconos en uso— se dibuja este suelto.
 *
 * Va como máscara y no como imagen de fondo para que la marca tome el color del
 * texto igual que los demás iconos: en la cabecera y el pie son blancos sobre
 * un círculo gris que se vuelve naranja al pasar el ratón, y con una imagen de
 * fondo el color quedaría fijo.
 *
 * Se usa con la misma pareja de clases que el resto: <a class="icon icon-round
 * icon-gray-7 fa-x-twitter">. */
.fa-x-twitter:before {
	content: '';
	/* 0.875em, no 1em: los glifos de Font Awesome dejan aire dentro de su caja
	   y a tamaño completo la X se vería más grande que sus vecinas. */
	width: 0.875em;
	height: 0.875em;
	vertical-align: -0.0625em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z'/%3E%3C/svg%3E") no-repeat center;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 1227'%3E%3Cpath d='M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z'/%3E%3C/svg%3E") no-repeat center;
	-webkit-mask-size: contain;
	mask-size: contain;
}