.elementor-46707 .elementor-element.elementor-element-5288af7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-46707 .elementor-element.elementor-element-4f08c2c{text-align:center;}.elementor-46707 .elementor-element.elementor-element-4f08c2c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:600;}.elementor-46707 .elementor-element.elementor-element-495e89b9{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-46707 .elementor-element.elementor-element-1b6acc2a{--display:flex;--min-height:80vh;--justify-content:center;}.elementor-46707 .elementor-element.elementor-element-1b6acc2a.e-con{--align-self:center;}.elementor-46707 .elementor-element.elementor-element-88d303a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-46707 .elementor-element.elementor-element-1b6acc2a{--content-width:100%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-46707 .elementor-element.elementor-element-495e89b9{--min-height:100vh;--justify-content:flex-start;}.elementor-46707 .elementor-element.elementor-element-1b6acc2a{--justify-content:flex-start;}.elementor-46707 .elementor-element.elementor-element-88d303a{--min-height:108px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-46707 .elementor-element.elementor-element-495e89b9{--content-width:500px;--min-height:100vh;}.elementor-46707 .elementor-element.elementor-element-1b6acc2a{--content-width:500px;--justify-content:flex-start;}}/* Start custom CSS for html, class: .elementor-element-021332b */body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
}

h1 {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 28px;
}

.contenedor {
	position: relative;
	width: 100%;
	max-width: 600px;
	aspect-ratio: 1 / 1;
	margin: 0 auto;
}

/* Altura mínima para que no se "meta" debajo del footer en móviles */
@media (max-width: 767px) {
	.contenedor {
		min-height: 80vw; /* garantiza espacio vertical suficiente */
	}
}


canvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	transition: transform 0.05s linear;
	z-index: 1;
}
.mark-winner {
	position: absolute;
	top: 50%;
	right: -5%;
	transform: translateY(-50%);
	width: 10%;
	height: 5%;
	background: red;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	z-index: 10;
	box-shadow: 0 0 3px #33333399;
}
button {
	display: block;
	margin: 20px auto 0 auto; /* centrado respecto al contenedor */
	padding: 10px 20px;
	font-size: 18px;
	background: #bf780f;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
	transition: background 0.3s;
}

button:hover {
	background: #a5630c;
}/* End custom CSS */