<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Preguntas Frecuentes - Vestidos de Ceremonia</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="faq-container">
<div class="faq-title">Todo lo que Necesitas Saber para Comprar tu Vestido</div>
<div class="faq-item">
<div class="faq-question">¿Cómo elegir el vestido ideal?</div>
<div class="faq-answer">Piensa en el tipo de evento, tu estilo personal y qué siluetas te favorecen más. En cada ficha de producto encontrarás información sobre el diseño en la sección “detalles del producto”. Si tienes dudas, contáctanos y te ayudaremos a elegir el vestido perfecto para ti.</div>
</div>
<div class="faq-item">
<div class="faq-question">¿Cómo enviar las medidas?</div>
<div class="faq-answer">Para enviarnos tus medidas, consulta la sección de "Tabla de Medidas" en la descripción de cada vestido. Allí encontrarás las tallas disponibles y una guía sobre cómo medir correctamente tu contorno de pecho, cintura y cadera.</div>
</div>
<div class="faq-item">
<div class="faq-question">¿Cuánto tiempo tarda la confección?</div>
<div class="faq-answer">Cada uno de nuestros vestidos es confeccionado de forma artesanal, con especial atención a los detalles y acabados. Al ser hechos a mano y bajo pedido, el tiempo de producción varía entre 1 y 2 semanas. Este plazo puede depender del diseño seleccionado y la carga de trabajo en nuestro taller.</div>
</div>
<div class="faq-item">
<div class="faq-question">¿Cómo es el proceso de pago?</div>
<div class="faq-answer">Aceptamos pagos con tarjeta de crédito, PayPal y otras opciones seguras disponibles en nuestra tienda. Una vez confirmado el pago, comenzamos con la confección de tu vestido.</div>
</div>
<div class="faq-item">
<div class="faq-question">¿Qué hacer si el vestido no queda bien?</div>
<div class="faq-answer">Tienes 14 días naturales desde la recepción del producto para solicitar un cambio o devolución. Recuerda que solo se permite un cambio por cada producto adquirido.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Puedo personalizar el vestido?</div>
<div class="faq-answer">Actualmente, no ofrecemos personalización de los vestidos. Sin embargo, cada uno de nuestros diseños está cuidadosamente seleccionado para ofrecerte una opción única y elegante.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Cómo sé que los materiales son de buena calidad?</div>
<div class="faq-answer">Nuestros vestidos están hechos con telas de alta calidad. Si nos contactas por WhatsApp, podemos enviarte fotos de los tejidos utilizados.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Qué pasa si necesito mi vestido antes del tiempo estimado?</div>
<div class="faq-answer">No podemos acelerar el proceso más allá del tiempo estimado, ya que cada detalle requiere tiempo para ser cuidadosamente ejecutado.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Cómo recibiré mi vestido?</div>
<div class="faq-answer">Tu vestido será cuidadosamente empaquetado en una caja especial para garantizar su protección. Lo recibirás doblado y planchado, listo para usar. Además, te enviaremos un número de seguimiento para que puedas monitorear el estado de tu envío en todo momento.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Cuál es su política de cambios y devoluciones?</div>
<div class="faq-answer">Tienes 14 días naturales para solicitar un cambio o devolución. El vestido debe estar en su estado original, sin uso, manchas ni alteraciones, con etiquetas intactas.</div>
</div>
<div class="faq-item hidden">
<div class="faq-question">¿Qué pasa si tengo dudas después de hacer mi pedido?</div>
<div class="faq-answer">Si tienes alguna duda, nuestro equipo de atención al cliente está disponible para ayudarte por email o WhatsApp.</div>
</div>
<button class="show-more" id="showMore">Ver más</button>
</div>
<script>
document.querySelectorAll('.faq-question').forEach(question => {
question.addEventListener('click', () => {
const answer = question.nextElementSibling;
const isActive = answer.style.display === 'block';
document.querySelectorAll('.faq-answer').forEach(a => a.style.display = 'none');
answer.style.display = isActive ? 'none' : 'block';
});
});
document.getElementById('showMore').addEventListener('click', function() {
document.querySelectorAll('.faq-item.hidden').forEach(item => {
item.classList.remove('hidden');
});
this.style.display = 'none';
});
</script>
</body>
</html>
body {
font-family: Arial, sans-serif;
background-color: #f8f8f8;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.faq-container {
max-width: 800px;
margin: auto;
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.faq-title {
text-align: center;
font-size: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.faq-item {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.faq-question {
font-size: 18px;
font-weight: bold;
cursor: pointer;
padding: 10px;
background: #f1f1f1;
border-radius: 5px;
transition: background 0.3s;
white-space: normal;
}
.faq-question:hover {
background: #e0e0e0;
}
.faq-answer {
display: none;
padding: 10px;
font-size: 16px;
background: #fff;
border-left: 3px solid #c09;
margin-top: 5px;
border-radius: 5px;
white-space: normal;
}
.hidden {
display: none;
}
.show-more {
display: block;
width: fit-content;
margin: 20px auto;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
color: white;
background-color: #c09;
border: none;
border-radius: 5px;
cursor: pointer;
text-align: center;
transition: background 0.3s;
}
.show-more:hover {
background-color: #a07;
}
