/* ==========================================================
   Módulos: archivo, contador de visitas, publicidad
   ========================================================== */

/* Archivo por año y mes */
.archivo__anio { border-bottom: 1px solid var(--filete); }
.archivo__anio summary {
	display: flex; justify-content: space-between; align-items: center; cursor: pointer; list-style: none;
	padding: 9px 0; font-family: var(--f-rotulo); font-weight: 800; font-size: 15px; letter-spacing: .04em;
}
.archivo__anio summary::-webkit-details-marker { display: none; }
.archivo__anio summary > span:first-child { display: flex; align-items: center; }
.archivo__anio summary::after { content: "+"; font-weight: 400; font-size: 18px; margin-left: 10px; }
.archivo__anio[open] summary::after { content: "–"; }
.archivo__total { margin-left: auto; font-family: var(--f-clasica); font-style: italic; font-weight: 400; font-size: 13px; color: var(--gris); }
.archivo__anio ul { list-style: none; margin: 0 0 10px; padding: 0 0 0 18px; }
.archivo__anio li a {
	display: flex; justify-content: space-between; padding: 5px 0; border-bottom: 1px dotted #b5ab95; font-size: 15px;
}
.archivo__anio li:last-child a { border-bottom: 0; }
.archivo__anio li.activo a { font-weight: 600; color: var(--acento); }
.archivo__cant {
	font-family: var(--f-rotulo); font-size: 12px; font-weight: 600; min-width: 28px; text-align: center;
	background: var(--tinta); color: var(--p2); padding: 1px 6px; align-self: center;
}
.archivo__mas { display: inline-block; margin-top: 10px; font-family: var(--f-rotulo); font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }

/* Página Archivo */
.pagina-archivo { padding-block: 28px 40px; }
.archivo-grilla { display: grid; gap: 30px; }
.archivo-anio h2 { display: flex; align-items: baseline; justify-content: space-between; font-size: 40px; font-weight: 900; margin-bottom: 8px; }
.archivo-anio h2 small { font-family: var(--f-clasica); font-style: italic; font-weight: 400; font-size: 16px; color: var(--gris); }
.archivo-meses { list-style: none; padding: 0; margin: 14px 0 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.archivo-meses li > a, .archivo-meses li > .mes { display: block; }
.archivo-meses li {
	border: 1px solid var(--tinta); background: var(--papel-claro); font-family: var(--f-rotulo);
}
.archivo-meses a { display: flex !important; flex-direction: column; padding: 10px 12px; }
.archivo-meses a:hover { background: var(--p2); color: var(--tinta); }
.archivo-meses .mes { font-size: 13px; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; }
.archivo-meses .cant { font-family: var(--f-titulo); font-size: 30px; font-weight: 900; line-height: 1.1; }
.archivo-meses .sin-notas { opacity: .45; padding: 10px 12px; border-style: dashed; }
.archivo-meses .sin-notas .cant { display: block; }

/* Contador de visitas */
.contador__lista { margin: 0; }
.contador__fila { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 0; border-bottom: 1px dotted #a99f8a; }
.contador__fila dt { display: flex; align-items: center; font-family: var(--f-rotulo); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.contador__fila dd { margin: 0; font-family: var(--f-titulo); font-weight: 700; font-size: 18px; font-variant-numeric: tabular-nums; }
.contador__fila--total { border-bottom: 0; border-top: 2px solid var(--tinta); margin-top: 4px; padding-top: 8px; }
.contador__fila--total dd { color: var(--acento); font-size: 22px; }

/* Versión chica para la columna derecha */
.contador--compacto .contador__fila { padding: 3px 0; }
.contador--compacto .contador__fila dt { font-size: 11px; letter-spacing: .06em; }
.contador--compacto .contador__fila dt .pir { width: 9px; height: 9px; margin-right: 6px; }
.contador--compacto .contador__fila dd { font-size: 14px; }
.contador--compacto .contador__fila--total { padding-top: 5px; }
.contador--compacto .contador__fila--total dd { font-size: 17px; }

/* Publicidad */
.pub { margin: 20px auto; text-align: center; }
.pub__rotulo {
	display: block; font-family: var(--f-rotulo); font-size: 10px; text-transform: uppercase; letter-spacing: .18em;
	color: var(--gris-claro); margin-bottom: 4px;
}
.pub img { margin-inline: auto; height: auto; }
.pub--cabecera img, .pub--pie img, .pub--portada_medio img { max-width: 970px; width: 100%; }
.pub--nota_medio, .pub--nota_final { margin: 28px 0; }
.pub--lateral_1, .pub--lateral_2 { margin: 0; }

/* Guía visible solo para administradores mientras el espacio está vacío */
.pub--guia {
	border: 2px dashed var(--p4); background: repeating-linear-gradient(45deg, rgba(255, 194, 0, .07) 0 10px, transparent 10px 20px);
	padding: 14px; font-family: var(--f-rotulo); font-size: 12px; color: var(--tinta-suave); display: grid; gap: 4px;
}
.pub--guia small a { text-decoration: underline; color: var(--acento); }
.pub--cabecera.pub--guia, .pub--pie.pub--guia, .pub--portada_medio.pub--guia { min-height: 90px; align-content: center; }
.pub--lateral_1.pub--guia { min-height: 250px; align-content: center; }
.pub--lateral_2.pub--guia { min-height: 400px; align-content: center; }

@media (max-width: 860px) {
	.archivo-meses { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 420px) {
	.archivo-meses { grid-template-columns: repeat(2, 1fr); }
}

.archivo__vacio { font-family: var(--f-clasica); font-style: italic; font-size: 14px; color: var(--gris); margin: 0; }
.pagina-archivo { padding-block: 0; }