/**
 * Estilos para page.php (páginas sin template específico)
 */

.page-default {
	max-width: 800px;
	margin: 0 auto;
}

.page-default__header {
	margin-bottom: var(--gap-32, 2rem);
}

.page-default__title {
	color: var(--color-text-primary, #1a1a1a);
	margin: 0;
}

.page-default__thumbnail {
	margin-bottom: var(--gap-24, 1.5rem);
}

.page-default__thumbnail-img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 4px;
}

.page-default__content {
	color: var(--color-text-body, #333333);
	line-height: 1.6;
}

.page-default__content > * + * {
	margin-top: 1.5em;
}

.page-default__content h2,
.page-default__content h3,
.page-default__content h4 {
	margin-top: 2em;
	margin-bottom: 0.75em;
	color: var(--color-text-primary, #1a1a1a);
}

.page-default__content h2 {
	font-size: clamp(1.5rem, 4vw, 2rem);
	font-weight: 600;
}

.page-default__content h3 {
	font-size: clamp(1.25rem, 3vw, 1.5rem);
	font-weight: 600;
}

.page-default__content h4 {
	font-size: clamp(1.125rem, 2.5vw, 1.25rem);
	font-weight: 600;
}

.page-default__content p {
	margin: 0 0 1.5em;
}

.page-default__content ul,
.page-default__content ol {
	margin: 0 0 1.5em;
	padding-left: 1.5em;
}

.page-default__content li {
	margin-bottom: 0.5em;
}

.page-default__content a {
	color: var(--color-primary, #0066cc);
	text-decoration: underline;
}

.page-default__content a:hover {
	text-decoration: none;
}

.page-default__content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 2em 0;
	border-radius: 4px;
}

.page-default__content blockquote {
	margin: 2em 0;
	padding: 1em 1.5em;
	border-left: 4px solid var(--color-primary, #0066cc);
	background-color: #f9f9f9;
	font-style: italic;
}

.page-default__content pre,
.page-default__content code {
	background-color: #f5f5f5;
	border-radius: 4px;
	font-family: 'Courier New', Courier, monospace;
	font-size: 0.9em;
}

.page-default__content pre {
	padding: 1em;
	overflow-x: auto;
}

.page-default__content code {
	padding: 0.2em 0.4em;
}

.page-default__content pre code {
	padding: 0;
	background-color: transparent;
}

.page-default__content table {
	width: 100%;
	margin: 2em 0;
	border-collapse: collapse;
}

.page-default__content th,
.page-default__content td {
	padding: 0.75em;
	border: 1px solid #e0e0e0;
	text-align: left;
}

.page-default__content th {
	background-color: #f5f5f5;
	font-weight: 600;
}

/* Enlaces de paginación */
.page-links {
	margin-top: 2em;
	padding-top: 1.5em;
	border-top: 1px solid #e0e0e0;
}

/* Footer con enlace de edición (solo admin) */
.page-default__footer {
	margin-top: 3em;
	padding-top: 1.5em;
	border-top: 1px solid #e0e0e0;
}

.edit-link {
	color: var(--color-text-body, #666666);
}

.edit-link a {
	text-decoration: none;
	color: inherit;
}

.edit-link a:hover {
	text-decoration: underline;
}