/* Minimal cleaned stylesheet to ensure correct CSS parsing */
/* Product card + carrito + pagination basics */
.producto-card{box-sizing:border-box;position:relative;padding-bottom:56px}
.producto-card .carrito-add-btn{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);background:#bcae9e;color:#4e3b2c;border:none;border-radius:8px;padding:6px 14px;font-weight:700;cursor:pointer;z-index:5;box-shadow:0 1px 4px #bcae9e33;white-space:nowrap}
.producto-precio{margin-bottom:12px;z-index:1}
@media (max-width:600px){.producto-card{padding-bottom:64px}.producto-card .carrito-add-btn{bottom:12px}}
.producto-img{display:block;max-width:100%;height:auto}
.tienda-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 18px;justify-items:stretch;align-items:stretch}
@media (max-width:900px){.tienda-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.tienda-grid{grid-template-columns:1fr}}
.paginacion{display:flex;justify-content:center;align-items:center;gap:8px;margin:32px 0 16px 0;flex-wrap:nowrap;padding:6px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
.paginacion button{background:#ede6df;border:none;border-radius:8px;min-width:36px;height:36px;padding:0 8px;font-size:1em;color:#6d4c2b;cursor:pointer;box-shadow:0 1px 6px #bcae9e33;transition:background .2s}
.paginacion button:disabled{opacity:.5;cursor:default}
.paginacion .pagina-activa{font-weight:700;color:#4e3b2c;background:#bcae9e33;border-radius:8px;padding:6px 10px}
.paginacion .ellipsis{background:transparent;border:none;color:#6d4c2b;padding:0 8px;font-weight:700;cursor:pointer}
.carrito-btn{position:fixed;bottom:32px;right:32px;background:#388e3c;color:#fff;border:none;border-radius:50px;padding:14px 28px;font-size:1.1em;font-weight:700;box-shadow:0 2px 12px #388e3c33;cursor:pointer;z-index:2000}
.carrito-lista{position:fixed;bottom:80px;right:32px;background:#fff;color:#4e3b2c;border-radius:12px;box-shadow:0 2px 12px #bcae9e33;padding:18px 22px;min-width:320px;max-width:90vw;max-height:60vh;overflow-y:auto;z-index:2001;display:none}
.carrito-lista h3{margin-top:0;margin-bottom:12px;font-size:1.1em;color:#388e3c}
.carrito-lista ul{padding-left:0;margin:0}
.carrito-lista li{margin-bottom:8px;font-size:1em}
.carrito-lista .carrito-total{font-weight:700;color:#388e3c;margin-top:12px}
.carrito-lista .carrito-wa{margin-top:18px;display:block;text-align:center}
.carrito-lista .carrito-vaciar{margin-top:8px;color:#bcae9e;cursor:pointer;font-size:.95em;text-align:right}
/* Reglas globales para tarjetas de producto y botón "Añadir al carrito" */
.producto-card {
  box-sizing: border-box;
  position: relative; /* contexto para el botón absolute */
  padding-bottom: 56px; /* espacio reservado para el botón */
}

.producto-card .carrito-add-btn {
  position: absolute;
  bottom: 14px;
  left: 50%;
  transform: translateX(-50%);
  background: #bcae9e;
  color: #4e3b2c;
  border: none;
  border-radius: 8px;
  padding: 6px 14px;
  font-weight: bold;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 1px 4px #bcae9e33;
  white-space: nowrap;
}

.producto-precio {
  margin-bottom: 12px;
  z-index: 1;
}

@media (max-width: 600px) {
  .producto-card { padding-bottom: 64px; }
  .producto-card .carrito-add-btn { bottom: 12px; }
}

/* Pequeña mejora: evitar que imágenes de producto empujen el botón fuera */
.producto-img { display: block; max-width: 100%; height: auto; }

/* Reglas para grid de la tienda y paginación (movidas desde index.php) */
.tienda-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 18px;
  justify-items: stretch;
  align-items: stretch;
}
@media (max-width: 900px) {
  .tienda-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .tienda-grid { grid-template-columns: 1fr; }
}

.paginacion {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 32px 0 16px 0;
  flex-wrap: nowrap;
  padding: 6px 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.paginacion button {
  background: #ede6df;
  border: none;
  border-radius: 8px;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  font-size: 1em;
  color: #6d4c2b;
  cursor: pointer;
  box-shadow: 0 1px 6px #bcae9e33;
  transition: background 0.2s;
}
.paginacion button:disabled { opacity: 0.5; cursor: default; }
.paginacion .pagina-activa {
  font-weight: bold;
  color: #4e3b2c;
  background: #bcae9e33;
  border-radius: 8px;
  padding: 6px 10px;
}
.paginacion button, .paginacion .pagina-activa { flex: 0 0 auto; }
.paginacion::-webkit-scrollbar { height: 6px; }
.paginacion .ellipsis {
  background: transparent;
  border: none;
  color: #6d4c2b;
  padding: 0 8px;
  font-weight: bold;
  cursor: pointer;
}

/* Botón flotante del carrito y listado */
.carrito-btn {
  position: fixed;
  bottom: 32px;
  right: 32px;
  background: #388e3c;
  color: #fff;
  border: none;
  border-radius: 50px;
  padding: 14px 28px;
  font-size: 1.1em;
  font-weight: bold;
  box-shadow: 0 2px 12px #388e3c33;
  cursor: pointer;
  z-index: 2000;
  transition: background 0.2s;
}
.carrito-lista {
  position: fixed;
  bottom: 80px;
  right: 32px;
  background: #fff;
  color: #4e3b2c;
  border-radius: 12px;
  box-shadow: 0 2px 12px #bcae9e33;
  padding: 18px 22px;
  min-width: 320px;
  max-width: 90vw;
  max-height: 60vh;
  overflow-y: auto;
  z-index: 2001;
  display: none;
}
.carrito-lista h3 { margin-top:0; margin-bottom:12px; font-size:1.1em; color:#388e3c; }
.carrito-lista ul { padding-left:0; margin:0; }
.carrito-lista li { margin-bottom:8px; font-size:1em; }
.carrito-lista .carrito-total { font-weight:bold; color:#388e3c; margin-top:12px; }
.carrito-lista .carrito-wa { margin-top:18px; display:block; text-align:center; }
.carrito-lista .carrito-vaciar { margin-top:8px; color:#bcae9e; cursor:pointer; font-size:0.95em; text-align:right; }
/*Reglas globales para tarjetas de producto y botón "Añadir al carrito"*/
.producto-card {
	box-sizing: border-box;
	position: relative; /* contexto para el botón absolute */
	padding-bottom: 56px; /* espacio reservado para el botón */
}

.producto-card .carrito-add-btn {
	position: absolute;
	/* Reglas globales para tarjetas de producto y botón "Añadir al carrito" */
	.producto-card {
		box-sizing: border-box;
		position: relative; /* contexto para el botón absolute */
		padding-bottom: 56px; /* espacio reservado para el botón */
	}

	.producto-card .carrito-add-btn {
		position: absolute;
		bottom: 14px;
		left: 50%;
		transform: translateX(-50%);
		background: #bcae9e;
		color: #4e3b2c;
		border: none;
		border-radius: 8px;
		padding: 6px 14px;
		font-weight: bold;
		cursor: pointer;
		z-index: 5;
		box-shadow: 0 1px 4px #bcae9e33;
		white-space: nowrap;
	}

	.producto-precio {
		margin-bottom: 12px;
		z-index: 1;
	}

	@media (max-width: 600px) {
		.producto-card { padding-bottom: 64px; }
		.producto-card .carrito-add-btn { bottom: 12px; }
	}

	/* Pequeña mejora: evitar que imágenes de producto empujen el botón fuera */
	.producto-img { display: block; max-width: 100%; height: auto; }

	/* Reglas para grid de la tienda y paginación (movidas desde index.php) */
	.tienda-grid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 40px 18px;
		justify-items: stretch;
		align-items: stretch;
	}
	@media (max-width: 900px) {
		.tienda-grid { grid-template-columns: repeat(2, 1fr); }
	}
	@media (max-width: 600px) {
		.tienda-grid { grid-template-columns: 1fr; }
	}

	.paginacion {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin: 32px 0 16px 0;
		flex-wrap: nowrap;
		padding: 6px 12px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	.paginacion button {
		background: #ede6df;
		border: none;
		border-radius: 8px;
		min-width: 36px;
		height: 36px;
		padding: 0 8px;
		font-size: 1em;
		color: #6d4c2b;
		cursor: pointer;
		box-shadow: 0 1px 6px #bcae9e33;
		transition: background 0.2s;
	}
	.paginacion button:disabled { opacity: 0.5; cursor: default; }
	.paginacion .pagina-activa {
		font-weight: bold;
		color: #4e3b2c;
		background: #bcae9e33;
		border-radius: 8px;
		padding: 6px 10px;
	}
	.paginacion button, .paginacion .pagina-activa { flex: 0 0 auto; }
	.paginacion::-webkit-scrollbar { height: 6px; }
	.paginacion .ellipsis {
		background: transparent;
		border: none;
		color: #6d4c2b;
		padding: 0 8px;
		font-weight: bold;
		cursor: pointer;
	}

	/* Botón flotante del carrito y listado */
	.carrito-btn {
		position: fixed;
		bottom: 32px;
		right: 32px;
		background: #388e3c;
		color: #fff;
		border: none;
		border-radius: 50px;
		padding: 14px 28px;
		font-size: 1.1em;
		font-weight: bold;
		box-shadow: 0 2px 12px #388e3c33;
		cursor: pointer;
		z-index: 2000;
		transition: background 0.2s;
	}
	.carrito-lista {
		position: fixed;
		bottom: 80px;
		right: 32px;
		background: #fff;
		color: #4e3b2c;
		border-radius: 12px;
		box-shadow: 0 2px 12px #bcae9e33;
		padding: 18px 22px;
		min-width: 320px;
		max-width: 90vw;
		max-height: 60vh;
		overflow-y: auto;
		z-index: 2001;
		display: none;
	}
	.carrito-lista h3 { margin-top:0; margin-bottom:12px; font-size:1.1em; color:#388e3c; }
	.carrito-lista ul { padding-left:0; margin:0; }
	.carrito-lista li { margin-bottom:8px; font-size:1em; }
	.carrito-lista .carrito-total { font-weight:bold; color:#388e3c; margin-top:12px; }
	.carrito-lista .carrito-wa { margin-top:18px; display:block; text-align:center; }
	.carrito-lista .carrito-vaciar { margin-top:8px; color:#bcae9e; cursor:pointer; font-size:0.95em; text-align:right; }

}