/* Estilo para la tabla */
	.product-info {
		border-collapse: collapse;
		width: 100%;
	}

	.product-info td,
	.product-info th {
		border: 1px solid #ddd;
		padding: 8px;
		text-align: left;
	}

	.product-info th {
		background-color: #1D70BA;
		color: white;
	}

	/* Estilo para las características */
	.product-desc {
		text-align: justify;
		margin: 0 0px;
	}

	.accordion {
		max-width: 400px;
		margin: 0 auto;
		border: 2px solid #e6e6e6;
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	}

	.titulo_boton {
		background-color: #1D70BA;
		padding: 10px;
		font-family: "Avenir Next" !important;
		font-size: 18px;
		font-weight: bold;
		display: flex;
		justify-content: space-between;
		border-bottom: 2px solid #e6e6e6;
		color: #ddd;
	}

	.boton_mostrar {
		font-size: 10px;
		color: #DE7217;
		text-decoration: none;
		transition: color 0.3s;
		line-height: 20px;
	}

	.boton_mostrar:hover {
		color: #FF8000;
	}


	.panel {
		display: none;
		padding: 0;
		margin: 0 10px 0 0;
		/* Añade un margen de 10px al lado derecho para espaciar el texto */
		font-family: "Avenir Next" !important;
		font-size: 15px;
		text-align: justify;
		background-color: #f9f9f9;
		color: #333;
	}


	.sub-list {
		padding: 5px;
		/* Ajusta el espaciado vertical de los elementos de la lista */
		list-style: none;

		margin-bottom: 10px;
		/* Agrega espacio entre el elemento y la lista anidada */


	}

	.sub-list ul {
		padding-left: 0px;
		/* Añade sangría a la lista interna */
		text-align: left;
		/* Alinea el texto a la izquierda para que esté centrado */


	}

	.sub-list li {
		margin-left: -20px;
		/* Elimina la sangría izquierda para que el texto esté centrado */
		margin-bottom: 10px;
		/* Agrega espacio entre los elementos de la lista */

	}

	.sub-list ul li {
		color: #7b858a;
		margin-left: 0;
		/* Elimina la sangría izquierda para centrar el texto */
		font-size: 12px;
		/* Aplica un tamaño de fuente específico a los elementos de la lista */
	}

	.table-container {
		margin-top: 20px;
	}

	.table th,
	.table td {
		text-align: left;
	}

	.feature-title {
		font-weight: bold;
	}

	.feature-category {
		background-color: #f8f9fa;
	}

	.titulo {
		font-size: 22px;
		color: #007bff;
		margin-bottom: 20px;
		border-bottom: 2px solid #007bff;
		padding-bottom: 10px;
	}

	.subtitulo {
		font-size: 19px;
		color: #343a40;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.table th,
	.table td {
		text-align: left;
	}

	.lista-contenido {
		list-style-type: none;
		padding: 0;
	}

	.lista-contenido li {
		margin-bottom: 15px;
		position: relative;
	}

	.lista-contenido li:before {
		content: '\2022';
		/* Unicode character for a bullet point */
		color: #007bff;
		font-size: 1.5em;
		position: absolute;
		left: -20px;
		top: 1px;
	}

	.fondo-productos {
		border: 4px solid #1D70BA!important;
		border-radius: 18px!important;
		padding: 1px!important;
		background-color: #1D70BA!important;
		text-transform: uppercase;
	}

	.tamano {
		font-size: 20px !important;
		font-weight: bold!important;
		white-space: nowrap!important;
		/* Evita que el texto se rompa en varias líneas */
		margin-top: 20px!important;
		margin-left: -4px!important;
		color: white!important;
		text-align: center!important;
 
	}
	.gruesa {
		/*color: #1D70BA;*/
		color: #ffffff!important;
		font-weight: bold!important; /* O puedes usar un valor numérico como 600, 700, etc. */
	}