Garantia — Monda
@font-face {
font-family: 'Pouf';
src: url('../../brand/assets/PoufV0.5-Regular.otf') format('opentype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url('../../brand/assets/Lexend-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lexend';
src: url('../../brand/assets/Lexend-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--bg: #F7F3EE;
--bg-warm: #EDE7DE;
--text: #1C1917;
--text-secondary: #44403C;
--border: #E7E0D8;
--white: #FFFFFF;
--primary: #A16B45;
/* Trust green */
--trust: #1A4D32;
--trust-light: rgba(255,255,255,0.12);
--font-display: 'Pouf', Georgia, serif;
--font-body: 'Lexend', system-ui, sans-serif;
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--max-w: 720px;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html {
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: var(--font-body) !important;
color: var(--text) !important;
background: var(--bg);
line-height: 1.7 !important;
font-size: 14px !important;
}
a { color: inherit; text-decoration: none; }
/* ============================================
SCROLL REVEAL
============================================ */
.sr {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.sr.is-visible { opacity: 1; transform: none; }
/* ============================================
PAGE HEADER
============================================ */
.page-header {
padding: 54px 24px 30px;
text-align: center;
max-width: var(--max-w);
margin: 0 auto;
}
h1 {
font-family: var(--font-display) !important;
font-size: clamp(30px, 4.5vw, 42px) !important;
font-weight: 400 !important;
letter-spacing: -0.03em;
line-height: 1.15 !important;
margin-bottom: 8px;
color: #FFFFFF !important;
}
.page-header p {
font-size: 15px !important;
color: var(--text-secondary) !important;
line-height: 1.7 !important;
}
/* ============================================
CONTENT
============================================ */
.content {
max-width: var(--max-w);
margin: 0 auto;
padding: 0 24px 60px;
}
/* ============================================
PROMISE BLOCK
============================================ */
.promise {
background: var(--trust);
border-radius: 16px;
padding: 42px 30px;
text-align: center;
margin-bottom: 42px;
}
.promise-icon {
width: 52px;
height: 52px;
margin: 0 auto 18px;
background: var(--trust-light);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.promise-icon svg {
width: 26px;
height: 26px;
color: #FFFFFF;
}
.promise h2 {
font-family: var(--font-display) !important;
font-size: clamp(22px, 3.4vw, 30px) !important;
font-weight: 400 !important;
letter-spacing: -0.02em;
margin-bottom: 10px;
color: #FFFFFF !important;
}
.promise p {
font-size: 14px !important;
color: rgba(255,255,255,0.85) !important;
line-height: 1.75 !important;
max-width: 420px;
margin: 0 auto 24px;
}
.promise-cta {
display: inline-flex;
align-items: center;
gap: 6px;
background: #FFFFFF;
color: var(--trust) !important;
padding: 12px 28px;
border-radius: 100px;
font-size: 13px !important;
font-weight: 700 !important;
border: none;
cursor: pointer;
transition: background 0.3s, transform 0.3s;
text-decoration: none;
}
.promise-cta:hover { background: #EDE7DE; transform: translateY(-1px); }
.promise-cta svg {
width: 17px;
height: 17px;
}
/* ============================================
WHAT WE COVER
============================================ */
.cover-section {
margin-bottom: 42px;
}
.cover-section h2 {
font-family: var(--font-display) !important;
font-size: 24px !important;
font-weight: 400 !important;
letter-spacing: -0.02em;
margin-bottom: 18px;
}
.cover-item {
display: flex;
gap: 15px;
padding: 18px 0;
border-bottom: 1px solid var(--border);
align-items: flex-start;
}
.cover-item:first-child {
padding-top: 0;
}
.cover-item:last-child {
border-bottom: none;
padding-bottom: 0;
}
.cover-icon {
width: 36px;
height: 36px;
background: var(--bg-warm);
border-radius: 9px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cover-icon svg {
width: 18px;
height: 18px;
color: var(--primary);
}
.cover-text h3 {
font-size: 14px !important;
font-weight: 700 !important;
margin-bottom: 3px;
color: var(--text) !important;
}
.cover-text p {
font-size: 13px !important;
color: var(--text-secondary) !important;
line-height: 1.7 !important;
}
/* ============================================
HOW TO CLAIM
============================================ */
.steps-section {
background: var(--white);
border: 1px solid var(--border);
border-radius: 16px;
padding: 30px;
margin-bottom: 42px;
}
.steps-section h2 {
font-family: var(--font-display) !important;
font-size: 24px !important;
font-weight: 400 !important;
letter-spacing: -0.02em;
margin-bottom: 24px;
}
.steps {
display: flex;
flex-direction: column;
gap: 21px;
}
.step {
display: flex;
gap: 15px;
align-items: flex-start;
}
.step-number {
width: 33px;
height: 33px;
border-radius: 50%;
background: var(--trust);
display: flex;
align-items: center;
justify-content: center;
font-size: 13px !important;
font-weight: 700 !important;
color: #FFFFFF !important;
flex-shrink: 0;
}
.step h3 {
font-size: 14px !important;
font-weight: 700 !important;
margin-bottom: 2px;
color: var(--text) !important;
}
.step p {
font-size: 13px !important;
color: var(--text-secondary) !important;
line-height: 1.7 !important;
}
/* ============================================
FAQ
============================================ */
.faq-section {
margin-bottom: 24px;
}
.faq-section h2 {
font-family: var(--font-display) !important;
font-size: 24px !important;
font-weight: 400 !important;
letter-spacing: -0.02em;
margin-bottom: 12px;
}
.faq-item {
padding: 18px 0;
border-bottom: 1px solid var(--border);
}
.faq-item:last-child {
border-bottom: none;
}
.faq-item h3 {
font-size: 14px !important;
font-weight: 700 !important;
margin-bottom: 4px;
color: var(--text) !important;
}
.faq-item p {
font-size: 13px !important;
color: var(--text-secondary) !important;
line-height: 1.7 !important;
}
.faq-item strong {
color: var(--text) !important;
}
/* ============================================
BOTTOM CTA
============================================ */
.bottom-cta {
background: var(--bg-warm);
border-radius: 16px;
padding: 30px;
text-align: center;
margin-top: 24px;
}
.bottom-cta p {
font-size: 14px !important;
color: var(--text-secondary) !important;
line-height: 1.7 !important;
margin-bottom: 15px;
}
.bottom-cta a {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--trust);
color: #FFFFFF !important;
padding: 12px 28px;
border-radius: 100px;
font-size: 13px !important;
font-weight: 700 !important;
transition: background 0.3s, transform 0.3s;
}
.bottom-cta a:hover { background: #155D3A; transform: translateY(-1px); }
.bottom-cta a svg {
width: 17px;
height: 17px;
}
/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 640px) {
.promise { padding: 30px 20px; }
.steps-section { padding: 24px 18px; }
.cover-item { gap: 12px; }
}
Garantía Monda
Si tu pedido llega con algún problema, lo resolvemos rápido y sin complicaciones.
Escribinos por WhatsApp
Que cubrimos
Producto dañado
Si tu frasco llega roto, te mandamos uno nuevo o te devolvemos el dinero. Mandanos una foto por WhatsApp y listo.
Pedido incorrecto
Si recibis un producto que no es el que pediste, te enviamos el correcto sin costo.
Demora en el envío
Si tu pedido no llega en los tiempos estimados, hacemos el seguimiento con el correo por vos.
Problemas con el sabor
Si no te gusta te asistimos para que puedas usarla y en caso de que no sea para vos te devolvemos el dinero en créditos.
Como hacer un reclamo
1
Escribinos por WhatsApp
Contanos que paso con tu pedido.
2
Mandanos una foto y tu número de pedido
Así podemos verificar el problema rápido.
3
Lo resolvemos
Reenvío, devolucion de dinero o alguna solución creativa.
Preguntas frecuentes
¿Cuanto tiempo tengo para reclamar?
Avisanos dentro de las 48 horas de recibido el pedido si hay un problema visible (frasco roto, producto incorrecto). Para otros temas, escribinos cuando quieras.
¿Puedo devolver un producto si no me gusto?
El gusto es personal. Si es la primera vez que probas un producto nuestro y no te convencio, escribinos y vemos como ayudarte.
¿Hacen devolución de dinero?
Si el producto llego dañado o es incorrecto, si. Te ofrecemos reenvio o devolucion, lo que prefieras.
Se separó el aceite en mi frasco. ¿Está vencido?
No. Nuestras mantequillas no tienen estabilizantes, asi que el aceite natural se separa. Mezclá bien antes de usar y listo. No es un defecto, es señal de que el producto es natural.
¿Cuanto dura el producto?
12 meses, abierto o cerrado. Se conserva a temperatura ambiente, no necesita refrigeracion.
¿Como se que el frasco no fue abierto?
Cada frasco tiene un sello de induccion. Si está completamente abierto cuando lo recibis, escribinos inmediatamente. Puede haber una pequeña abertura natural de la degradación del sellado, es normal y no significa que se haya contaminado.
document.addEventListener('DOMContentLoaded', () => {
const els = document.querySelectorAll('.sr');
const observer = new IntersectionObserver((entries) => {
entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('is-visible'); observer.unobserve(e.target); } });
}, { threshold: 0.15 });
els.forEach(el => observer.observe(el));
});