/* End Custom Fonts CSS */

.elementor-kit-5 {
	--e-global-color-primary: #fff;
	--e-global-color-secondary: #499c21;
	--e-global-color-text: #fff;
	--e-global-color-accent: #499c21;
	--e-global-typography-primary-font-family: "Tactic Round";
	--e-global-typography-secondary-font-family: "Neue Plak";
	--e-global-typography-text-font-family: "Roboto";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Tactic Round";
	--e-global-typography-accent-font-size: 16px;
	--e-global-typography-accent-font-weight: 500;
	--e-global-typography-9ed5335-font-family: "Archivo Black";
	--e-global-typography-9ed5335-font-size: 16px;
	--e-global-typography-9ed5335-font-weight: 400;
	color: #fff;
	font-family: "Neue Plak", Sans-serif;
	font-size: 18px;
	line-height: 24px;
	--e-page-transition-entrance-animation: e-page-transition-fade-out;
	--e-page-transition-exit-animation: e-page-transition-fade-in;
	--e-page-transition-animation-duration: 750ms;
}

.elementor-kit-5 p {
	margin-block-end: 1em;
}

.elementor-kit-5 a {
	color: #fff;
	font-family: "Neue Plak", Sans-serif;
}

.elementor-kit-5 h1 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
	font-size: 28px;
}

.elementor-kit-5 h2 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
	font-size: 24px;
	font-weight: 800;
}

.elementor-kit-5 h3 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
	font-size: 18px;
}

.elementor-kit-5 h4 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
	font-size: 16px;
}

.elementor-kit-5 h5 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
	font-size: 14px;
}

.elementor-kit-5 h6 {
	color: #fff;
	font-family: "Tactic Round", Sans-serif;
}

.elementor-kit-5 button, .elementor-kit-5 input[type="button"], .elementor-kit-5 input[type="submit"], .elementor-kit-5 .elementor-button {
	font-family: "Tactic Round", Sans-serif;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, .3);
	color: #fff;
	background-color: #499c21;
	border-style: none;
	border-radius: 10px 10px 10px 10px;
	padding: 7px 16px 9px 16px;
}

.elementor-kit-5 button:hover, .elementor-kit-5 button:focus, .elementor-kit-5 input[type="button"]:hover, .elementor-kit-5 input[type="button"]:focus, .elementor-kit-5 input[type="submit"]:hover, .elementor-kit-5 input[type="submit"]:focus, .elementor-kit-5 .elementor-button:hover, .elementor-kit-5 .elementor-button:focus {
	color: var(--e-global-color-primary);
	background-color: #377619;
	border-radius: 10px 10px 10px 10px;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1140px;
}

.e-con {
	--container-max-width: 1140px;
	--container-default-padding-top: 0px;
	--container-default-padding-right: 0px;
	--container-default-padding-bottom: 0px;
	--container-default-padding-left: 0px;
}

.elementor-widget:not(:last-child) {
	--kit-widget-spacing: 20px;
}

.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}

.elementor-kit-5 e-page-transition {
	background-color: #000;
}

@media (max-width:1024px) {
	.elementor-kit-5 {
		font-size: 18px;
	}
	
	.elementor-kit-5 a {
		font-size: 14px;
	}
	
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 1024px;
	}
	
	.e-con {
		--container-max-width: 1024px;
	}
}

@media (max-width:767px) {
	.elementor-kit-5 {
		--e-global-typography-primary-font-size: 24px;
		--e-global-typography-secondary-font-size: 18px;
		font-size: 16px;
	}
	
	.elementor-kit-5 a {
		font-size: 14px;
	}
	
	.elementor-kit-5 h1 {
		font-size: 24px;
		line-height: 1em;
	}
	
	.elementor-kit-5 h2 {
		font-size: 18px;
		line-height: 1em;
		letter-spacing: -.9px;
	}
	
	.elementor-kit-5 h3 {
		font-size: 20px;
	}
	
	.elementor-kit-5 h4 {
		font-size: 14px;
	}
	
	.elementor-kit-5 h5 {
		font-size: 14px;
	}
	
	.elementor-kit-5 h6 {
		font-size: 12px;
	}
	
	.elementor-kit-5 button, .elementor-kit-5 input[type="button"], .elementor-kit-5 input[type="submit"], .elementor-kit-5 .elementor-button {
		font-size: 24px;
		padding: 8px 16px 8px 16px;
	}
	
	.elementor-section.elementor-section-boxed > .elementor-container {
		max-width: 767px;
	}
	
	.e-con {
		--container-max-width: 767px;
	}
}

/* Start custom CSS */

/* Anchor: mantiene stroke del texto y centra el icono */
.back {
	--gap: .45em;
	display: inline-flex;
	align-items: center;
	-webkit-text-stroke: 1px #000;
	line-height: 1;
	padding-left: calc(14px + var(--gap));
	position: relative;
	font-size: 18px !important;
	font-family: "Tactic Round" !important;
}

/* Style for the link text on hover */
.back:hover {
	text-shadow: 0px 0px 10px #499c21;
}

/* Style for the triangle shape on hover */
.back:hover::before {
	filter: drop-shadow(0px 0px 10px #499c21);
}

/* Triángulo blanco con borde negro 1px, isósceles, más alto y más chato */
.back::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 16px;
	background: no-repeat center/100% 100% url("data:image/svg+xml;utf8,\A<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'14\' height=\'16\' viewBox=\'0 0 14 22\'>\A  <!-- apex centrado; base vertical a la derecha, alineado a .5 px para stroke 1 px nítido -->\A  <path d=\'M0.5 11 L13.5 0.5 L13.5 21.5 Z\' fill=\'white\' stroke=\'black\' stroke-width=\'1\'\A        stroke-linejoin=\'miter\' vector-effect=\'non-scaling-stroke\' shape-rendering=\'crispEdges\'/>\A</svg>");
	pointer-events: none;
}

/* Right-pointing arrow on the right side of the anchor */
.forward {
	--gap: .45em;
	display: inline-flex;
	align-items: center;
	-webkit-text-stroke: 1px #000;
	line-height: 1;
	padding-right: calc(12px + var(--gap));
	position: relative;
}

.forward p {
	text-shadow: 2px 2px 0 black, -2px 2px 0 black, 2px -2px 0 black, -2px -2px 0 black, 0 2px 0 black, 2px 0 0 black, -2px 0 0 black, 0 -2px 0 black, 0 0 4px black;
}

.forward::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 20px;
	background: no-repeat center/100% 100% url("data:image/svg+xml;utf8,\A<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'20\' viewBox=\'0 0 12 26\'>\A  <!-- Isósceles, punta a la derecha, borde 1px nítido -->\A  <path d=\'M11.5 13 L0.5 25.5 L0.5 0.5 Z\' fill=\'white\' stroke=\'black\' stroke-width=\'1\'\A        stroke-linejoin=\'miter\' vector-effect=\'non-scaling-stroke\' shape-rendering=\'crispEdges\'/>\A</svg>");
	pointer-events: none;
}

/* Variante: triángulo totalmente negro */
.forward-black::after {
	background: no-repeat center/100% 100% url("data:image/svg+xml;utf8,\A<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'20\' viewBox=\'0 0 12 26\'>\A  <!-- Igual geometría que next, pero negro sólido -->\A  <path d=\'M11.5 13 L0.5 25.5 L0.5 0.5 Z\' fill=\'black\' stroke=\'black\' stroke-width=\'1\'\A        stroke-linejoin=\'miter\' vector-effect=\'non-scaling-stroke\' shape-rendering=\'crispEdges\'/>\A</svg>");
}

.elementor-countdown-item {
	display: inline-flex !important;
}

/* Green glow that follows the silhouette */
.logo-tmnt img {
	filter: drop-shadow(0 4px 1em #0f0);
}

/* Prevent clipping by wrappers */
.logo-tmnt, .logo-tmnt .elementor-widget-container {
	overflow: visible;
}

/* Base: same filter func with zero values, so it animates both ways */
.category-card img {
	-webkit-filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
	filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
	transition: filter 1s ease, -webkit-filter 1s ease;
}

/* Hover behavior shared by all category cards */
.category-card:hover img {
	-webkit-filter: drop-shadow(0 4px 20px var(--glow, #000));
	filter: drop-shadow(0 4px 20px var(--glow, #000));
}

h1, h2, h3, h4, h5, h6, p {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}