/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 18 2026 | 19:02:46 */
	.container_encuesta {
		width: 450px;
		text-align: center;
	}

	.title_encuesta {
		font-size: 2.5rem;
		letter-spacing: 4px;
		margin-bottom: 10px;
		text-transform: uppercase;
		color: #FFF;
		font-weight:bold;
		font-family: "Cheddar", Sans-serif!important;
		margin-left: 75px;
	}

	.options-list_encuesta {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.option-item_encuesta {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	/* Contenedor de la Imagen */
	.icon-circle_encuesta {
		width: 65px;
		height: 65px;
		border-radius: 50%;
		overflow: hidden; /* Corta la imagen en forma de círculo */
		border: 1px solid #ffffff44;
		flex-shrink: 0;
	}

	.icon-circle_encuesta img {
		width: 100%;
		height: 100%;
		object-fit: cover; /* Asegura que la imagen llene el círculo */
	}

	/* Estilo Botón Voto */
	.vote-button_encuesta {
		flex-grow: 1;
		background-color: rgba(0, 0, 0, 0.6);
		color: #fff;
		border: 4px solid #8e734a;
		border-radius: 10px;
		padding: 15px;
		cursor: pointer;
		font-weight: 500;
		letter-spacing: 4px;
		transition: 0.3s;
		height: 60px;
		font-family: "Montserrat", Sans-serif;
		font-size: 1.1rem;
	}

	.vote-button_encuesta:hover, .vote-button_encuesta:focus {
		background: #8e734a;
		color: #000;
	}

	/* Estilo Resultados (Barras) */
	.result-bar-container_encuesta {
		flex-grow: 1;
		height: 60px;
		border: 1px solid #8e734a;
		border-radius: 10px;
		position: relative;
		overflow: hidden;
		display: flex;
		align-items: center;
	}

	.fill_encuesta {
		height: 100%;
		background-color: #8e734a; /* Dorado por defecto */
		width: 0%; /* IMPORTANTE: Empieza en cero para la animación */
		/* Esta línea controla la suavidad y duración de la carga */
		transition: width 1s ease-out;
	}

	/* Clase para la opción seleccionada */
	.fill_encuesta.selected {
		background-color: #ffffff; /* Blanca si es la elegida */
		border: 1px solid #FFF;
	}

	.percentage-text_encuesta {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: bold;
		color: #fff;
		font-size: 1rem;
		z-index: 2; /* Para que el texto quede sobre la barra */
		font-family: "Montserrat", Sans-serif;
	}

	.go-back-button {
		background: transparent;
		color: #ffffff;
		border: none;
		cursor: pointer;
		font-size: 0.8rem;
		letter-spacing: 2px;
		margin-top: 30px;
		padding: 10px;
		text-transform: uppercase;
		opacity: 0.7;
		transition: all 0.3s ease;
		display: block; /* Para que ocupe su propia línea */
		width: 100%;    /* Centrado respecto al contenedor */
		font-family: "Montserrat", Sans-serif;
	}

	.go-back-button:hover, .go-back-button:focus {
		opacity: 1;
		color: #000; /* Color dorado al pasar el mouse */
		background: #D3A768!important;
	}

@media (max-width: 767px) {
	.container_encuesta {
		width: 100%;
	}
	/*.vote-button_encuesta {
		font-size: 12px !important;
	}*/
	
	.title_encuesta {
		height: 30px;
		font-size: 2.1rem;
	}
	
	.live-results-container { 
		margin-top: 30px;
	}
	
	.live-indicator {
		margin-top: 0px;
	}
	
	.title_encuesta { 
		margin-left:0px;
		margin-bottom: 30px;
	}
}