<?php
/*
Template Name: Product List
*/
get_header();
?>
<div style="contain: layout;
				background-image:url('{@imagen_listado._src}'); 
				background-size: cover;
				width:100%; height:98vh; 
				border-radius: 0px 0px 40px 40px;">
	<div class="productInList" style="background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.05) 29.15%, rgba(0, 0, 0, 0) 79.67%, rgba(0, 0, 0, 0.8) 97.16%);
									  width: 100vw;
									  height: 100vh;
									  margin: 0px;
									  max-width: none;">
		<div class="glassEffect" 
			 style="color:white; width: 500px;
					position: absolute;
					top: 6rem;
					left: 6rem;
					margin: 0px;
					padding: 1rem;">
			<h2 style="color:white;">{@nombre}</h2>
			<p>{@descripcion_corta}</p>
		</div>
		<div class="button" style="width: max-content;
			position: absolute;
			bottom: 2rem;
			right: 2rem;
			margin: 0px;">Siguiente
		</div>
	</div>
</div>