/*
Theme Name: Tacos Express Lienzo
Theme URI: https://segelc.net/
Author: Tacos Express
Description: Tema ligero de ancho completo para las paginas personalizadas de Tacos Express.
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tacos-express-lienzo
*/

:root {
	--lienzo-fondo: #fffaf0;
	--lienzo-superficie: #ffffff;
	--lienzo-texto: #40342e;
	--lienzo-titulo: #241b17;
	--lienzo-verde: #075c45;
	--lienzo-rojo: #c83924;
	--lienzo-borde: #e7d8bc;
	--lienzo-ancho-lectura: 760px;
	--lienzo-ancho-amplio: 1240px;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body.tacos-express-lienzo {
	padding: 0;
	margin: 0;
	background: var(--lienzo-fondo);
	color: var(--lienzo-texto);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.65;
}

html[data-tema="oscuro"] {
	color-scheme: dark;
}

html[data-tema="oscuro"] body.tacos-express-lienzo {
	--lienzo-fondo: #171311;
	--lienzo-superficie: #211b18;
	--lienzo-texto: #eadfd8;
	--lienzo-titulo: #fff8f1;
	--lienzo-borde: #4b3b33;
}

body.tacos-express-lienzo img {
	max-width: 100%;
	height: auto;
}

.contenido-pagina {
	width: 100%;
	min-height: 70vh;
}

.contenido-pagina > .tacos-express {
	width: 100%;
	max-width: none;
	margin: 0;
}

.lienzo-contenedor {
	width: min(calc(100% - 40px), var(--lienzo-ancho-lectura));
	margin-inline: auto;
}

.lienzo-cabecera {
	padding: 38px 0;
	background: var(--lienzo-verde);
	color: #ffffff;
}

.lienzo-cabecera a {
	color: inherit;
	text-decoration: none;
}

.lienzo-cabecera__titulo {
	margin: 0;
	font-size: clamp(1.8rem, 5vw, 3rem);
	line-height: 1.1;
}

.lienzo-cabecera__descripcion {
	margin: 8px 0 0;
}

.lienzo-contenido {
	padding-block: 70px;
}

.lienzo-articulo {
	padding-bottom: 45px;
	margin-bottom: 45px;
	border-bottom: 1px solid var(--lienzo-borde);
}

.lienzo-articulo:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.lienzo-articulo__titulo {
	margin: 0 0 22px;
	color: var(--lienzo-titulo);
	font-size: clamp(2rem, 5vw, 3.7rem);
	line-height: 1.08;
}

.lienzo-articulo__titulo a {
	color: inherit;
	text-decoration: none;
}

.lienzo-articulo__titulo a:hover,
.lienzo-articulo__titulo a:focus-visible {
	color: var(--lienzo-rojo);
}

.lienzo-articulo__meta {
	margin: -12px 0 24px;
	color: #756960;
	font-size: 0.88rem;
}

.lienzo-articulo__contenido a {
	color: var(--lienzo-verde);
}

.lienzo-articulo__contenido > * {
	max-width: 100%;
}

.lienzo-navegacion {
	margin-top: 45px;
}

.lienzo-navegacion .nav-links {
	display: flex;
	justify-content: space-between;
	gap: 25px;
}

.lienzo-navegacion a {
	color: var(--lienzo-verde);
	font-weight: 700;
}

.lienzo-error {
	padding-block: 100px;
	text-align: center;
}

.lienzo-error h1 {
	margin-bottom: 18px;
	color: var(--lienzo-titulo);
	font-size: clamp(2.8rem, 8vw, 6rem);
	line-height: 1;
}

.lienzo-error a {
	display: inline-block;
	padding: 12px 22px;
	margin-top: 20px;
	background: var(--lienzo-rojo);
	color: #ffffff;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
}

.lienzo-saltar {
	position: fixed;
	z-index: 100000;
	top: 10px;
	left: 10px;
	padding: 10px 16px;
	background: #ffffff;
	color: var(--lienzo-titulo);
	border: 2px solid var(--lienzo-verde);
	transform: translateY(-180%);
}

.lienzo-saltar:focus {
	transform: translateY(0);
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

@media (max-width: 600px) {
	.lienzo-contenedor {
		width: min(calc(100% - 28px), var(--lienzo-ancho-lectura));
	}

	.lienzo-contenido {
		padding-block: 50px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}