/* =========================================================
   Tecnez — Hoja de estilos principal
   Paleta: negro (#0A0A0A) + amarillo (#F6C915) sobre fondo blanco
   ========================================================= */

:root {
	--tz-black: #0A0A0A;
	--tz-yellow: #F6C915;
	--tz-yellow-dark: #D9AE00;
	--tz-white: #FFFFFF;
	--tz-bg: #FFFFFF;
	--tz-bg-soft: #F7F7F8;
	--tz-border: #EAEAEA;
	--tz-text: #1A1A1A;
	--tz-text-muted: #5B5B5B;
	--tz-radius: 10px;
	--tz-max-width: 1180px;
	/* Tipografia premium: Inter para texto de lectura (excelente legibilidad y
	   acentos en espanol) y Poppins para titulares/marca (look tech,
	   geometrico, moderno). Ambas se cargan desde Google Fonts con font-display:
	   swap para no bloquear el renderizado -- ver tecnez_fonts() en functions.php. */
	--tz-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--tz-font-display: 'Poppins', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

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

html { -webkit-text-size-adjust: 100%; }

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
	font-family: var(--tz-font);
	background: var(--tz-bg);
	color: var(--tz-text);
	line-height: 1.6;
	font-size: 16px;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--tz-black); text-decoration: none; }
a:hover { color: var(--tz-yellow-dark); }
ul { list-style: none; margin: 0; padding: 0; }

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px; height: 1px; overflow: hidden;
}
.skip-link {
	position: absolute; left: -9999px; top: 0; z-index: 999;
	background: var(--tz-black); color: var(--tz-yellow); padding: 10px 16px;
}
.skip-link:focus { left: 0; }

.tecnez-container {
	max-width: var(--tz-max-width);
	margin: 0 auto;
	padding: 0 20px;
}

/* ---------- Topbar ---------- */
.tecnez-topbar { background: var(--tz-black); color: #fff; font-size: 13px; }
.tecnez-topbar__inner { display: flex; align-items: center; justify-content: space-between; padding: 6px 20px; }
.tecnez-topbar__tagline { opacity: .85; }
.tecnez-social-links { display: flex; gap: 12px; }
.tecnez-social-links a { color: #fff; display: inline-flex; }
.tecnez-social-links a:hover { color: var(--tz-yellow); }

/* ---------- Header ---------- */
/* Header mas grande (+15% sobre la version anterior): mas padding vertical,
   tipografia mayor, y el logo queda separado del menu con un divisor
   vertical + espacio propio, en vez de agruparse todo junto.
   El buscador se movio al footer (ver seccion Footer mas abajo): al quitarlo
   de aqui, el header solo tiene que acomodar logo + menu, lo que simplifica
   bastante el layout en pantallas angostas y evita colisiones de las
   categorias del menu. El contenedor sigue en 1320px (vs 1180px del resto
   del sitio) para dar aire extra al logo grande + 5 categorias. */
.tecnez-header { background: var(--tz-black); border-bottom: 5px solid var(--tz-yellow); position: sticky; top: 0; z-index: 50; }
.tecnez-header .tecnez-container { max-width: 1320px; }
.tecnez-header__inner { display: flex; align-items: center; gap: 28px; padding: 26px 23px; flex-wrap: wrap; min-height: 110px; }

/* El logo/marca vive en su propia "zona": un divisor vertical + padding lo
   separa visualmente del menu de navegacion en vez de quedar pegados.
   flex-shrink: 0 evita que el logo se comprima de forma rara cuando el
   espacio se ajusta -- si algo cede, es el menu. */
.tecnez-brand { flex-shrink: 0; padding-right: 26px; margin-right: 2px; border-right: 1px solid rgba(255,255,255,.16); }
.tecnez-brand__logo-link { display: flex; align-items: center; gap: 16px; }
.tecnez-brand__logo-link img { border-radius: 50%; max-height: 74px; width: auto; }
.tecnez-brand__name { font-family: var(--tz-font-display); font-weight: 700; font-size: 51px; letter-spacing: -1.5px; color: var(--tz-yellow); line-height: 1; }

.tecnez-main-nav { flex: 1; min-width: 0; }
#primary-menu { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; row-gap: 6px; }
#primary-menu a {
	font-family: var(--tz-font-display); font-weight: 600; text-transform: uppercase; font-size: 16px; letter-spacing: .3px;
	padding: 12px 2px; border-bottom: 3px solid transparent; color: var(--tz-white); white-space: nowrap;
}
#primary-menu a:hover, #primary-menu li.current-menu-item > a {
	border-bottom-color: var(--tz-yellow); color: var(--tz-yellow);
}

.tecnez-menu-toggle {
	display: none; flex-direction: column; justify-content: center; align-items: center; gap: 6px;
	width: 51px; height: 51px; background: transparent; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; cursor: pointer;
	transition: border-color .25s ease, background .25s ease;
}
.tecnez-menu-toggle:hover { border-color: rgba(255,255,255,.6); }
/* Cuando el menu esta abierto, el boton se resalta en amarillo y el
   hamburguesa se transforma en una "X" -- un detalle moderno que confirma
   visualmente el estado abierto sin necesidad de texto. */
.tecnez-menu-toggle[aria-expanded="true"] { border-color: var(--tz-yellow); background: rgba(246,201,21,.1); }
.tecnez-menu-toggle span {
	width: 22px; height: 2px; background: var(--tz-yellow); border-radius: 2px;
	transition: transform .28s cubic-bezier(.4,0,.2,1), opacity .2s ease;
}
.tecnez-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.tecnez-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.tecnez-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.tecnez-menu-close { display: none; }
.tecnez-menu-backdrop { display: none; }

/* ---------- Badges / etiquetas de categoria ---------- */
.tecnez-badge {
	display: inline-block; background: var(--tz-yellow); color: var(--tz-black);
	font-family: var(--tz-font-display); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .4px;
	padding: 4px 10px; border-radius: 5px; margin-bottom: 10px;
}
.tecnez-badge:hover { background: var(--tz-black); color: var(--tz-yellow); }
.tecnez-badge--lg { font-size: 13px; padding: 8px 16px; margin: 4px; }
.tecnez-badge--tag { background: var(--tz-bg-soft); color: var(--tz-text); font-weight: 600; margin-right: 6px; }

/* ---------- Hero (post destacado) ---------- */
.tecnez-hero { margin-top: 28px; }
.tecnez-hero__card { display: grid; grid-template-columns: 1.2fr 1fr; gap: 30px; align-items: center; background: var(--tz-bg-soft); border-radius: var(--tz-radius); overflow: hidden; }
.tecnez-hero__image img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/10; }
.tecnez-hero__body { padding: 10px 30px 10px 0; }
.tecnez-hero__title { font-family: var(--tz-font-display); font-weight: 700; font-size: 30px; line-height: 1.2; margin: 6px 0 12px; }
.tecnez-hero__title a { color: var(--tz-black); }
.tecnez-hero__excerpt { color: var(--tz-text-muted); }
.tecnez-hero__meta { font-size: 13px; color: var(--tz-text-muted); margin-top: 10px; }

/* ---------- Grid / tarjetas de articulo ---------- */
.tecnez-section-title {
	font-family: var(--tz-font-display); font-size: 22px; font-weight: 700; margin: 44px 0 18px; padding-bottom: 10px;
	border-bottom: 3px solid var(--tz-black); display: inline-block;
}
.tecnez-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }

.tecnez-card { background: var(--tz-white); border: 1px solid var(--tz-border); border-radius: var(--tz-radius); overflow: hidden; transition: box-shadow .15s ease, transform .15s ease; }
.tecnez-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); transform: translateY(-2px); }
.tecnez-card__image { display: block; aspect-ratio: 16/10; background: var(--tz-bg-soft); overflow: hidden; }
.tecnez-card__image img { width: 100%; height: 100%; object-fit: cover; }
.tecnez-card__placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--tz-black), #2b2b2b); }
.tecnez-card__body { padding: 16px 18px 20px; }
.tecnez-card__title { font-family: var(--tz-font-display); font-weight: 600; font-size: 17px; line-height: 1.35; margin: 0 0 8px; }
.tecnez-card__title a { color: var(--tz-black); }
.tecnez-card__excerpt { font-size: 14px; color: var(--tz-text-muted); margin: 0 0 10px; }
.tecnez-card__meta { font-size: 12px; color: var(--tz-text-muted); }

.tecnez-categories-strip__list { display: flex; flex-wrap: wrap; }

/* ---------- Pagination ---------- */
.tecnez-pagination { margin: 30px 0 10px; display: flex; justify-content: center; gap: 10px; }
.tecnez-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 38px; height: 38px; border-radius: 6px; border: 1px solid var(--tz-border);
	font-weight: 700; color: var(--tz-black);
}
.tecnez-pagination .page-numbers.current { background: var(--tz-black); color: var(--tz-yellow); border-color: var(--tz-black); }

/* ---------- Breadcrumbs ---------- */
.tecnez-breadcrumbs { font-size: 13px; color: var(--tz-text-muted); margin: 18px 0 6px; }
.tecnez-breadcrumbs a { color: var(--tz-text-muted); }
.tecnez-breadcrumbs a:hover { color: var(--tz-black); }

/* ---------- Articulo individual ---------- */
.tecnez-single__top { padding-top: 24px; }
.tecnez-single__title { font-family: var(--tz-font-display); font-weight: 700; font-size: 32px; line-height: 1.2; margin: 10px 0 14px; }
.tecnez-single__meta { font-size: 13px; color: var(--tz-text-muted); margin-bottom: 14px; }
.tecnez-single__hero-image { margin: 20px 0; }
.tecnez-single__hero-image img { width: 100%; max-height: 480px; object-fit: cover; }

.tecnez-single__layout { display: grid; grid-template-columns: 2.2fr 1fr; gap: 40px; padding-bottom: 50px; min-width: 0; }
/* overflow-wrap/word-break: un tutorial de Windows/iPhone facilmente incluye
   URLs largas o rutas de archivo sin espacios -- sin esto, ese tipo de texto
   puede ensanchar la columna del articulo y romper el diseno en movil. */
.tecnez-single__body { font-size: 17px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }
.tecnez-single__body h2 { font-family: var(--tz-font-display); font-weight: 700; font-size: 24px; margin-top: 34px; }
.tecnez-single__body h3 { font-family: var(--tz-font-display); font-weight: 600; font-size: 20px; margin-top: 26px; }
.tecnez-single__body img { max-width: 100%; height: auto; border-radius: var(--tz-radius); margin: 16px 0; }
.tecnez-single__body a { color: var(--tz-yellow-dark); text-decoration: underline; }
.tecnez-single__body blockquote { border-left: 4px solid var(--tz-yellow); margin: 20px 0; padding: 6px 20px; background: var(--tz-bg-soft); font-style: italic; }
.tecnez-single__body ol, .tecnez-single__body ul { padding-left: 22px; list-style: revert; }
.tecnez-single__body li { margin-bottom: 8px; }
.tecnez-single__body pre { overflow-x: auto; max-width: 100%; background: var(--tz-bg-soft); padding: 14px 16px; border-radius: 8px; }
.tecnez-single__body code { overflow-wrap: break-word; }
.tecnez-single__body pre code { overflow-wrap: normal; }
.tecnez-single__body table { display: block; overflow-x: auto; max-width: 100%; }

.tecnez-share { display: flex; align-items: center; gap: 10px; margin: 10px 0 4px; }
.tecnez-share__label { font-size: 13px; font-weight: 700; color: var(--tz-text-muted); }
.tecnez-share__btn { width: 32px; height: 32px; border-radius: 50%; background: var(--tz-black); color: var(--tz-yellow); display: inline-flex; align-items: center; justify-content: center; }
.tecnez-share__btn:hover { background: var(--tz-yellow); color: var(--tz-black); }

.tecnez-tags { margin: 26px 0; }

.tecnez-disclosure { font-size: 13px; color: var(--tz-text-muted); background: var(--tz-bg-soft); border-left: 4px solid var(--tz-yellow); padding: 12px 16px; border-radius: 6px; }

.tecnez-author-box { display: flex; gap: 16px; align-items: center; background: var(--tz-bg-soft); border-radius: var(--tz-radius); padding: 18px; margin: 30px 0; }
.tecnez-author-box img { border-radius: 50%; }
.tecnez-author-box__name { font-family: var(--tz-font-display); font-weight: 700; margin: 0 0 4px; }
.tecnez-author-box__bio { margin: 0; font-size: 14px; color: var(--tz-text-muted); }

.tecnez-related .tecnez-grid { grid-template-columns: repeat(3, 1fr); }

.tecnez-single__sidebar .widget { background: var(--tz-bg-soft); border-radius: var(--tz-radius); padding: 20px; margin-bottom: 24px; }
.widget-title { font-family: var(--tz-font-display); font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: .4px; margin: 0 0 14px; border-bottom: 2px solid var(--tz-yellow); padding-bottom: 8px; }
.tecnez-social-links--sidebar a { display: flex; align-items: center; gap: 10px; padding: 6px 0; color: var(--tz-black); font-weight: 600; }
.tecnez-social-links--sidebar a:hover { color: var(--tz-yellow-dark); }

/* ---------- Comentarios ---------- */
.tecnez-comments { margin-top: 40px; }
.tecnez-comment-list { list-style: none; padding: 0; }
.comment-form input, .comment-form textarea {
	width: 100%; padding: 10px 12px; border: 1px solid var(--tz-border); border-radius: 6px; font-family: inherit; margin-bottom: 12px;
}
.comment-form input[type="submit"] {
	width: auto; background: var(--tz-black); color: var(--tz-yellow); border: 0; font-weight: 700; padding: 10px 24px; cursor: pointer;
}
.comment-form input[type="submit"]:hover { background: var(--tz-yellow); color: var(--tz-black); }

/* ---------- Paginas estaticas ---------- */
.tecnez-page__title { font-family: var(--tz-font-display); font-weight: 700; font-size: 30px; margin: 20px 0; }
.tecnez-page__content { font-size: 17px; }

/* ---------- 404 ---------- */
.tecnez-404 { text-align: center; padding: 80px 20px; }
.tecnez-404__code { font-family: var(--tz-font-display); font-size: 96px; font-weight: 700; color: var(--tz-black); margin: 0; }
.tecnez-404__text { color: var(--tz-text-muted); margin-bottom: 26px; }
/* Formulario de busqueda reutilizable (searchform.php) -- aparece en 404.php
   y en search.php ("sin resultados"), ambos sobre fondo claro, asi que usa
   una version clara (no la version oscura que tenia el header). */
.tecnez-search--widget {
	display: flex; align-items: center; justify-content: center; gap: 8px;
	background: var(--tz-bg-soft); border: 1px solid var(--tz-border); border-radius: 999px;
	padding: 8px 8px 8px 20px; max-width: 380px; margin: 0 auto 20px;
}
.tecnez-search--widget input {
	border: 0; background: transparent; outline: none; font-size: 15px; width: 100%; color: var(--tz-text);
}
.tecnez-search--widget button {
	background: var(--tz-black); border: 0; border-radius: 999px; width: 38px; height: 38px;
	display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--tz-yellow); flex-shrink: 0;
}

.tecnez-btn {
	display: inline-block; background: var(--tz-black); color: var(--tz-yellow);
	font-family: var(--tz-font-display); font-weight: 600; padding: 12px 26px; border-radius: 999px; margin-top: 16px;
}
.tecnez-btn:hover { background: var(--tz-yellow); color: var(--tz-black); }

/* ---------- Footer ---------- */
.tecnez-footer { background: var(--tz-black); color: #ddd; margin-top: 60px; }
.tecnez-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 30px; padding: 46px 20px; }
.tecnez-footer__brand { display: block; font-family: var(--tz-font-display); font-weight: 700; font-size: 30px; letter-spacing: -1px; color: var(--tz-yellow); margin-bottom: 12px; }
.tecnez-footer__col h4, .tecnez-footer__col .widget-title { color: #fff; font-family: var(--tz-font-display); font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: .4px; margin-bottom: 16px; border: 0; padding: 0; }
.tecnez-footer__menu li { margin-bottom: 10px; }
.tecnez-footer__menu a, .tecnez-footer__col a { color: #ccc; }
.tecnez-footer__menu a:hover, .tecnez-footer__col a:hover { color: var(--tz-yellow); }
.tecnez-footer .tecnez-social-links a { color: #ddd; }
.tecnez-footer .tecnez-social-links a:hover { color: var(--tz-yellow); }
/* Buscador del footer: reubicado aqui desde el header (para simplificar el
   header en movil) y al 50% del tamano que tenia -- input, boton e icono
   escalados a la mitad de sus medidas originales (170px->85px, 38px->19px). */
.tecnez-footer-search {
	display: flex; align-items: center; background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.2); border-radius: 999px;
	padding: 3px 3px 3px 8px; margin-top: 14px; width: fit-content; max-width: 100%;
}
.tecnez-footer-search input { border: 0; background: transparent; outline: none; font-size: 11px; width: 85px; color: var(--tz-white); }
.tecnez-footer-search input::placeholder { color: rgba(255,255,255,.55); }
.tecnez-footer-search button {
	background: var(--tz-yellow); border: 0; border-radius: 999px; width: 19px; height: 19px;
	display: flex; align-items: center; justify-content: center; cursor: pointer; color: var(--tz-black); flex-shrink: 0;
}
.tecnez-footer__bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 16px 20px; font-size: 13px; color: #999; text-align: center; }

/* ============ Responsive ============ */
@media (max-width: 960px) {
	.tecnez-hero__card { grid-template-columns: 1fr; }
	.tecnez-hero__body { padding: 0 20px 20px; }
	.tecnez-grid, .tecnez-related .tecnez-grid { grid-template-columns: repeat(2, 1fr); }
	.tecnez-single__layout { grid-template-columns: 1fr; }
	.tecnez-footer__grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
	.tecnez-topbar__tagline { display: none; }
	.tecnez-header__inner { padding: 18px 20px; min-height: auto; gap: 16px; justify-content: space-between; }
	/* En movil el logo ya no necesita el divisor -- el menu ya no vive en
	   esta fila (ahora es un panel lateral fijo, ver mas abajo). */
	.tecnez-brand { padding-right: 0; margin-right: 0; border-right: 0; }
	.tecnez-brand__name { font-size: 37px; }
	.tecnez-menu-toggle { display: flex; }

	/* ---- Menu hamburguesa clasico: panel lateral + overlay ----
	   En vez de un dropdown que empuja el contenido hacia abajo, el menu
	   ahora es un panel fijo que se desliza desde el borde derecho de la
	   pantalla (con transform, mas fluido y predecible entre navegadores
	   que animar max-height/altura), acompanado de un fondo oscuro
	   (backdrop) que atenua el resto del sitio mientras esta abierto. */
	.tecnez-main-nav {
		position: fixed; top: 0; right: 0; bottom: 0; width: min(78vw, 300px);
		background: linear-gradient(180deg, #181818, #0a0a0a);
		border-left: 1px solid rgba(255,255,255,.08);
		box-shadow: -12px 0 34px rgba(0,0,0,.45);
		padding: 74px 18px 24px; overflow-y: auto;
		transform: translateX(100%);
		transition: transform .32s cubic-bezier(.4,0,.2,1);
		z-index: 200;
	}
	.tecnez-main-nav.is-open { transform: translateX(0); }

	.tecnez-menu-close {
		display: flex; align-items: center; justify-content: center;
		position: absolute; top: 16px; right: 16px; width: 38px; height: 38px;
		border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.2);
		color: var(--tz-yellow); cursor: pointer;
	}
	.tecnez-menu-close:hover { background: rgba(255,255,255,.16); }

	.tecnez-menu-backdrop {
		display: block; position: fixed; inset: 0; background: rgba(0,0,0,.5);
		opacity: 0; visibility: hidden; z-index: 150;
		transition: opacity .28s ease, visibility 0s linear .28s;
	}
	.tecnez-menu-backdrop.is-open { opacity: 1; visibility: visible; transition: opacity .28s ease; }

	body.tecnez-menu-open { overflow: hidden; }

	/* white-space:normal: dentro del panel el menu es vertical, asi que el
	   texto debe poder ajustarse en vez de forzar el "nowrap" de escritorio.
	   Cada item es una "pastilla" redondeada que se resalta al tocar, con
	   una flecha que aparece como detalle -- mas moderno que un listado con
	   lineas divisorias. */
	#primary-menu { display: flex; flex-direction: column; gap: 2px; }
	#primary-menu a {
		padding: 13px 14px; border-radius: 9px; width: 100%; color: rgba(255,255,255,.85);
		white-space: normal; display: flex; align-items: center; font-size: 15px;
		transition: background .2s ease, color .2s ease, padding-left .2s ease;
	}
	#primary-menu a::after {
		content: '\203A'; margin-left: auto; color: var(--tz-yellow); font-size: 16px; line-height: 1;
		opacity: 0; transform: translateX(-4px); transition: opacity .2s ease, transform .2s ease;
	}
	#primary-menu a:hover, #primary-menu a:active { background: rgba(255,255,255,.07); color: var(--tz-yellow); padding-left: 18px; }
	#primary-menu a:hover::after, #primary-menu a:active::after { opacity: 1; transform: translateX(0); }
	#primary-menu li.current-menu-item > a { background: rgba(246,201,21,.12); color: var(--tz-yellow); }
	/* Entrada escalonada: cada categoria aparece con una leve animacion de
	   fade + slide al abrir el panel, en vez de aparecer todas de golpe. */
	.tecnez-main-nav.is-open li { animation: tecnezMenuItemIn .3s ease both; }
	.tecnez-main-nav.is-open li:nth-child(1) { animation-delay: .08s; }
	.tecnez-main-nav.is-open li:nth-child(2) { animation-delay: .12s; }
	.tecnez-main-nav.is-open li:nth-child(3) { animation-delay: .16s; }
	.tecnez-main-nav.is-open li:nth-child(4) { animation-delay: .2s; }
	.tecnez-main-nav.is-open li:nth-child(5) { animation-delay: .24s; }
	.tecnez-main-nav.is-open li:nth-child(n+6) { animation-delay: .28s; }

	.tecnez-grid, .tecnez-related .tecnez-grid { grid-template-columns: 1fr; }
	.tecnez-footer__grid { grid-template-columns: 1fr; }
	.tecnez-footer-search { margin-top: 10px; }
	.tecnez-single__title { font-size: 26px; }
}

@keyframes tecnezMenuItemIn {
	from { opacity: 0; transform: translateY(-6px); }
	to { opacity: 1; transform: translateY(0); }
}

/* Respeta la preferencia de "reducir movimiento" del sistema operativo:
   sin animaciones ni transiciones para quienes las tengan desactivadas. */
@media (prefers-reduced-motion: reduce) {
	.tecnez-main-nav, .tecnez-main-nav.is-open li, #primary-menu a, #primary-menu a::after,
	.tecnez-menu-toggle span, .tecnez-menu-toggle, .tecnez-menu-backdrop {
		transition: none !important; animation: none !important;
	}
}