/*
 * Ajustes para celular (hasta 767 px) de las páginas del año: Inicio, Showroom / MPVP y la
 * ficha del juego. El plugin le pone al <body> la clase eva-inicio, eva-listado o eva-ficha.
 * Los IDs (elementor-element-xxxx) son de las plantillas 2026 y se mantienen al copiarlas
 * para otro año.
 */
@media (max-width: 767px) {

	/* ------------------------------------------------------------------
	 * Títulos: que entren en el ancho del celular
	 * ------------------------------------------------------------------ */

	:is(.eva-inicio, .eva-listado) .highlight .elementor-heading-title {
		font-size: min(3.4rem, 15vw) !important;
		line-height: 1.05 !important;
	}

	.eva-inicio .elementor-element-c646d36 .elementor-heading-title {
		font-size: 3rem !important;
	}

	.eva-inicio .elementor-element-cf275f5 .elementor-widget-heading:not(.elementor-element-c646d36) .elementor-heading-title {
		font-size: 1.75rem !important;
	}

	.eva-inicio :is(.elementor-element-6953e8f, .elementor-element-7dbe3c8) .elementor-heading-title,
	.eva-ficha .elementor-element-ca1187a .elementor-heading-title {
		font-size: 2.2rem !important;
	}

	/* ------------------------------------------------------------------
	 * Tarjetas de juegos (grillas y carrusel): nombres largos sin cortarse
	 * ------------------------------------------------------------------ */

	/* La caja de la tarjeta medía un alto fijo y tapaba el nombre si la imagen era más alta. */
	:is(.eva-inicio, .eva-listado) .jet-listing-grid__item :is(.e-con, .e-con-inner) {
		height: auto !important;
		min-height: 0 !important;
	}

	:is(.eva-inicio, .eva-listado) .jet-listing-grid__item .elementor-widget-call-to-action {
		height: auto !important;
		overflow: visible !important;
	}

	:is(.eva-inicio, .eva-listado) .jet-listing-grid .elementor-cta__title {
		font-size: 1.05rem !important;
		line-height: 1.2 !important;
		overflow-wrap: anywhere;
		hyphens: auto;
	}

	/* Flechas del carrusel más chicas y pegadas a los bordes: no tapan las tarjetas. */
	.eva-inicio .jet-listing-grid__slider-icon {
		width: 34px !important;
		height: 34px !important;
		padding: 7px !important;
		border-radius: 50% !important;
		background: rgba(26, 30, 54, .7) !important;
	}

	.eva-inicio .jet-listing-grid__slider-icon.prev-arrow {
		left: 4px !important;
	}

	.eva-inicio .jet-listing-grid__slider-icon.next-arrow {
		right: 4px !important;
	}

	/* ------------------------------------------------------------------
	 * Sponsors: logos de a dos por fila en vez de uno abajo del otro
	 * ------------------------------------------------------------------ */

	.eva-inicio :is(.e-con, .e-con-inner):has(> .elementor-widget-image + .elementor-widget-image) {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 20px !important;
		align-items: center;
		justify-items: center;
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.eva-inicio :is(.e-con, .e-con-inner):has(> .elementor-widget-image + .elementor-widget-image) > .elementor-widget-image {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		text-align: center;
	}

	.eva-inicio :is(.e-con, .e-con-inner):has(> .elementor-widget-image + .elementor-widget-image) > .elementor-widget-image img {
		width: auto !important;
		max-width: 100% !important;
		height: auto !important;
		max-height: 72px;
		object-fit: contain;
	}

	/* ------------------------------------------------------------------
	 * Ficha del juego
	 * ------------------------------------------------------------------ */

	/* Margen a los costados (la portada y el video siguen de borde a borde). */
	.eva-ficha :is(.elementor-element-98fe6f8, .elementor-element-5c41bbe, .eva-ubicacion-widget) {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.eva-ficha .highlight .elementor-heading-title {
		font-size: min(2.6rem, 11vw) !important;
		line-height: 1.1 !important;
	}

	/* Estudio y descripción: una columna, alineados a la izquierda. */
	.eva-ficha .elementor-element-61c5b61 {
		padding: 24px 16px !important;
		gap: 16px !important;
	}

	.eva-ficha :is(.elementor-element-f8124ab, .elementor-element-191b55c) {
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding-right: 0 !important;
	}

	.eva-ficha .elementor-element-191b55c {
		padding-left: 0 !important;
	}

	/* La descripción quedaba centrada y angosta (el campo se achicaba a su contenido). */
	.eva-ficha .elementor-element-191b55c .elementor-widget-jet-listing-dynamic-field {
		width: 100% !important;
		align-self: stretch !important;
	}

	.eva-ficha .elementor-element-f8124ab *,
	.eva-ficha .elementor-element-191b55c > * {
		text-align: left !important;
	}

	/* Comentarios con el estilo del sitio. */
	.eva-ficha .elementor-widget-post-comments {
		padding: 0 16px;
	}

	.eva-ficha .comment-respond {
		font-family: "DM Sans", var(--e-global-typography-secondary-font-family), sans-serif;
		font-size: 15px;
	}

	.eva-ficha .comment-reply-title {
		font-size: 1.4rem;
	}

	.eva-ficha .comment-form :is(input[type="text"], input[type="email"], input[type="url"], textarea) {
		width: 100%;
		padding: 10px 12px;
		border: 1px solid #c9c9d6;
		border-radius: 8px;
		font-family: "DM Sans", var(--e-global-typography-secondary-font-family), sans-serif;
		font-size: 16px;
	}

	.eva-ficha .comment-form textarea {
		min-height: 120px;
	}

	.eva-ficha .comment-form :is(input[type="submit"], .submit) {
		padding: 10px 22px;
		border: 0;
		border-radius: 50px;
		background: #002FFF;
		color: #fff;
		font-family: "DM Sans", var(--e-global-typography-secondary-font-family), sans-serif;
		font-weight: 600;
		text-transform: uppercase;
	}
}

/* "Ver más juegos" de los listados del año en el celular (lo agrega presencial.js). */
.eva-pag-oculto {
	display: none !important;
}

.eva-mas {
	display: flex;
	justify-content: center;
	margin: 28px 0 8px;
}

.eva-mas .eva-mas__boton,
.eva-mas .eva-mas__boton:hover,
.eva-mas .eva-mas__boton:focus {
	padding: 12px 24px;
	border: 0;
	border-radius: 50px;
	background: #002FFF;
	color: #fff;
	font-family: "DM Sans", var(--e-global-typography-secondary-font-family), sans-serif;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	cursor: pointer;
}