Preguntas frecuentes
<style>
.faq-container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px;
font-family: inherit;
}
.faq-header {
text-align: center;
margin-bottom: 35px;
}
.faq-header h1 {
font-size: 32px;
margin-bottom: 10px;
letter-spacing: 1px;
}
.faq-header p {
font-size: 15px;
color: #666;
}
.faq-category {
margin-top: 35px;
margin-bottom: 15px;
font-size: 18px;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.faq-item {
border: 1px solid #e5e5e5;
border-radius: 12px;
margin-bottom: 12px;
overflow: hidden;
background: #fff;
}
.faq-question {
width: 100%;
padding: 18px 20px;
background: #fff;
border: none;
text-align: left;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.faq-question span {
font-size: 22px;
line-height: 1;
transition: transform 0.2s ease;
}
.faq-answer {
display: none;
padding: 0 20px 18px;
color: #555;
font-size: 14px;
line-height: 1.7;
}
.faq-item.active .faq-answer {
display: block;
}
.faq-item.active .faq-question span {
transform: rotate(45deg);
}
.faq-contact-box {
margin-top: 40px;
padding: 25px;
border-radius: 14px;
background: #f7f7f7;
text-align: center;
}
.faq-contact-box h3 {
margin-bottom: 8px;
font-size: 20px;
}
.faq-contact-box p {
color: #555;
margin-bottom: 12px;
}
.faq-contact-box a {
color: #000;
font-weight: 700;
text-decoration: underline;
}
</style>
<div class="faq-container">
<div class="faq-header">
<h1>Preguntas frecuentes</h1>
<p>Encuentra respuestas rápidas sobre pedidos, envíos, devoluciones, pagos y productos de Vernier Brand.</p>
</div>
<div class="faq-category">Pedidos y devoluciones</div>
<div class="faq-item">
<button class="faq-question">¿Puedo devolver mi pedido? <span>+</span></button>
<div class="faq-answer">
Sí. Puedes solicitar una devolución dentro de los 14 días posteriores a la recepción del pedido. Los artículos deben estar sin usar, sin estrenar y en su estado original, y deben devolverse con su embalaje original.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Puedo cambiar o cancelar mi pedido? <span>+</span></button>
<div class="faq-answer">
Los pedidos se pueden cancelar dentro de las 12 horas posteriores a la compra, antes de que comience su preparación. Una vez que el pedido se haya procesado o enviado, es posible que ya no podamos cancelarlo ni modificarlo.
</div>
</div>
<div class="faq-item">
<button class="faq-question">Recibí un artículo dañado o incorrecto. ¿Qué debo hacer? <span>+</span></button>
<div class="faq-answer">
Contáctanos dentro de las 48 horas posteriores a la entrega a través de contact@vernier-brand.com e incluye el número de pedido y fotos nítidas del artículo y del embalaje. Nuestro equipo de atención al cliente te ayudará lo antes posible.
</div>
</div>
<div class="faq-category">Envíos</div>
<div class="faq-item">
<button class="faq-question">¿Realizan envíos a todo el mundo? <span>+</span></button>
<div class="faq-answer">
Sí. Vernier Brand realiza envíos a clientes de todo el mundo. Las opciones y los costos de envío disponibles se muestran al finalizar la compra.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Cuánto tarda el envío? <span>+</span></button>
<div class="faq-answer">
Los pedidos se procesan en un plazo de 1–3 días hábiles. Los plazos de entrega estimados son de 5–10 días hábiles para Estados Unidos, de 5–12 días hábiles para Europa y de 7–15 días hábiles para pedidos internacionales.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Recibiré un número de seguimiento? <span>+</span></button>
<div class="faq-answer">
Sí. Una vez enviado tu pedido, recibirás un número de seguimiento por correo electrónico para que puedas seguir la entrega.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Tengo que pagar aranceles aduaneros o tasas de importación? <span>+</span></button>
<div class="faq-answer">
Los clientes internacionales podrían tener que pagar aranceles aduaneros, impuestos o tasas de importación, según la normativa local. Vernier Brand no controla estos cargos.
</div>
</div>
<div class="faq-category">Pago</div>
<div class="faq-item">
<button class="faq-question">¿Qué métodos de pago aceptan? <span>+</span></button>
<div class="faq-answer">
Aceptamos las principales tarjetas de crédito y débito, así como otros métodos de pago seguros disponibles al finalizar la compra.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Es seguro mi pago? <span>+</span></button>
<div class="faq-answer">
Sí. Los pagos se procesan a través de proveedores de pago seguros y de confianza. Vernier Brand no almacena los datos completos de tu tarjeta.
</div>
</div>
<div class="faq-category">Información del producto</div>
<div class="faq-item">
<button class="faq-question">¿Cómo elijo la talla adecuada? <span>+</span></button>
<div class="faq-answer">
Consulta la guía de tallas de cada página de producto antes de hacer tu pedido. Si estás entre dos tallas, te recomendamos elegir la más grande para un ajuste más cómodo.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Cómo debo cuidar mi ropa? <span>+</span></button>
<div class="faq-answer">
Te recomendamos seguir las instrucciones de cuidado de la etiqueta del producto. Para conservar la calidad de la tela, lava las prendas con colores similares, evita los detergentes agresivos y sécalas al aire cuando sea posible.
</div>
</div>
<div class="faq-item">
<button class="faq-question">¿Los colores de los productos son exactamente como se muestran? <span>+</span></button>
<div class="faq-answer">
Hacemos todo lo posible por mostrar los colores de los productos con precisión. Sin embargo, los colores pueden variar ligeramente según la configuración de la pantalla, la iluminación y la fotografía.
</div>
</div>
<div class="faq-contact-box">
<h3>¿Aún necesitas ayuda?</h3>
<p>Nuestro equipo de atención al cliente está aquí para ayudarte.</p>
<a href="mailto:contact@vernier-brand.com">contact@vernier-brand.com</a>
</div>
</div>
<script>
document.querySelectorAll('.faq-question').forEach(function(button) {
button.addEventListener('click', function() {
const item = this.parentElement;
item.classList.toggle('active');
});
});
</script>