/* MonsterDrop — plantilla de PÁGINA "Home 3 — Resilia" (home de marca,
 * tienda de suplementos naturales). Sistema de diseño propio: verde salvia,
 * fondo crudo/crema, tipografía serif para títulos. Full-canvas, sin
 * dependencias de otras plantillas (marca nueva, sin plantilla de producto
 * hermana todavía).
 * @package MonsterDrop
 */

.h3r-page {
	--h3r-green: #3B5D3A;
	--h3r-green-dark: #22381F;
	--h3r-cream: #F7F3EC;
	--h3r-cream-2: #EFE8DA;
	--h3r-text: #262622;
	--h3r-muted: #6B6A63;
	--h3r-border: #E4DDCC;
	--h3r-gold: #C79A45;
	--h3r-red: #B94A2C;
	--h3r-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--h3r-serif: 'Fraunces', 'Playfair Display', serif;

	font-family: var(--h3r-font);
	color: var(--h3r-text);
	background: #fff;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
.h3r-page *, .h3r-page *::before, .h3r-page *::after { box-sizing: border-box; }
.h3r-page img { max-width: 100%; display: block; }
.h3r-page h1, .h3r-page h2, .h3r-page h3 { line-height: 1.2; margin: 0; font-family: var(--h3r-serif); font-weight: 600; }
.h3r-page p { margin: 0; }
.h3r-container { max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.h3r-center { text-align: center; }

/* TOP BAR */
.h3r-top-bar { background: var(--h3r-green-dark); color: #fff; font-size: 12px; font-weight: 600; padding: 9px 0; letter-spacing: .02em; }
.h3r-top-bar-row { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; }

/* HEADER */
.h3r-header { background: #fff; padding: 16px 0; border-bottom: 1px solid var(--h3r-border); }
.h3r-header-row { display: flex; justify-content: center; align-items: center; }
.h3r-logo img { height: 22px; filter: brightness(0); }

/* HERO */
.h3r-hero { padding: 0; position: relative; background: var(--h3r-cream); }
.h3r-hero-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 50px; }
.h3r-hero-img img { width: 100%; height: 560px; object-fit: cover; }
.h3r-hero-copy { padding: 20px; }
.h3r-hero-eyebrow { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--h3r-green); margin-bottom: 14px; }
.h3r-hero-title { font-size: 38px; margin-bottom: 16px; }
.h3r-hero-desc { font-size: 15px; color: var(--h3r-muted); margin-bottom: 24px; max-width: 420px; }
.h3r-btn { display: inline-block; background: var(--h3r-green); color: #fff; font-weight: 600; font-size: 14px; padding: 15px 28px; border-radius: 40px; text-decoration: none; border: none; cursor: pointer; }
.h3r-btn:hover { background: var(--h3r-green-dark); }
.h3r-hero-social { font-family: var(--h3r-font); font-size: 13px; color: var(--h3r-muted); margin-top: 14px; }

/* PRODUCTOS DESTACADOS */
.h3r-products-section { padding: 60px 0; }
.h3r-products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 30px; }
.h3r-product-card { border: 1px solid var(--h3r-border); border-radius: 16px; overflow: hidden; background: var(--h3r-cream); text-align: center; text-decoration: none; color: inherit; display: block; transition: box-shadow .15s; }
.h3r-product-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.h3r-product-card img { width: 100%; aspect-ratio: 4/5; object-fit: contain; background: #fff; padding: 20px; }
.h3r-product-card-body { padding: 16px 18px 22px; }
.h3r-product-card h3 { font-size: 16px; margin-bottom: 6px; }
.h3r-product-card .h3r-stars { color: var(--h3r-gold); font-size: 13px; display: block; margin-bottom: 8px; }
.h3r-product-price { font-weight: 700; font-size: 15px; }

/* SECCIÓN OSCURA */
.h3r-dark-section { background: var(--h3r-green-dark); color: #fff; padding: 60px 0; }
.h3r-dark-section h2 { color: #fff; }
.h3r-dark-section p { color: rgba(255,255,255,.8); }

/* INGREDIENT STORY (2 columnas, imagen + texto alternando) */
.h3r-story-row { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; padding: 60px 0; }
.h3r-story-row.h3r-reverse .h3r-story-img { order: 2; }
.h3r-story-img img { border-radius: 16px; width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.h3r-story-copy h2 { font-size: 28px; margin-bottom: 14px; }
.h3r-story-copy p { color: var(--h3r-muted); margin-bottom: 10px; }
.h3r-check-list { list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 8px; }
.h3r-check-list li { font-size: 14px; }
.h3r-check-list li::before { content: "✓ "; color: var(--h3r-green); font-weight: 700; }

/* TRUST ROW */
.h3r-trust-row { display: flex; justify-content: center; gap: 40px; padding: 24px 0; background: var(--h3r-cream-2); flex-wrap: wrap; font-size: 13px; font-weight: 600; }

/* TESTIMONIOS */
.h3r-testimonials-section { padding: 60px 0; }
.h3r-testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 26px; }
.h3r-testimonial-card { border: 1px solid var(--h3r-border); border-radius: 14px; padding: 20px; }
.h3r-testimonial-card .h3r-stars { color: var(--h3r-gold); display: block; margin-bottom: 8px; }
.h3r-testimonial-card p { font-size: 14px; margin-bottom: 12px; }
.h3r-testimonial-card strong { font-size: 13px; }

/* FAQ */
.h3r-faq-section { padding: 60px 0; background: var(--h3r-cream); }
.h3r-faq-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; margin-top: 26px; }
.h3r-faq-img img { border-radius: 16px; }
.h3r-faq-list details { border-bottom: 1px solid var(--h3r-border); padding: 14px 0; }
.h3r-faq-list summary { font-weight: 600; cursor: pointer; list-style: none; display: flex; justify-content: space-between; font-size: 14px; }
.h3r-faq-list summary::-webkit-details-marker { display: none; }
.h3r-faq-list p { padding-top: 8px; font-size: 13px; color: var(--h3r-muted); }

/* FOOTER */
.h3r-footer { background: var(--h3r-green-dark); color: #fff; padding: 46px 0 20px; }
.h3r-footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 30px; margin-bottom: 26px; }
.h3r-footer-brand img { height: 18px; margin-bottom: 12px; }
.h3r-footer-brand p { font-size: 12px; opacity: .7; line-height: 1.5; }
.h3r-footer-col h4 { font-family: var(--h3r-font); font-size: 13px; margin-bottom: 10px; color: var(--h3r-gold); }
.h3r-footer-col ul { list-style: none; }
.h3r-footer-col li { margin-bottom: 6px; font-size: 13px; opacity: .85; }
.h3r-footer-col a { color: #fff; text-decoration: none; }
.h3r-footer-bottom { text-align: center; font-size: 12px; opacity: .6; border-top: 1px solid rgba(255,255,255,.12); padding-top: 16px; }

/* Sección "Bloque de productos" (flexible content, layout product_block) */
.h3r-wc-products-section { padding: 50px 0; }
.h3r-wc-products-grid { display: grid; gap: 24px; margin-top: 30px; }
.h3r-wc-products-grid[data-cols="2"] { grid-template-columns: repeat(2, 1fr); }
.h3r-wc-products-grid[data-cols="3"] { grid-template-columns: repeat(3, 1fr); }
.h3r-wc-products-grid[data-cols="4"] { grid-template-columns: repeat(4, 1fr); }
.h3r-wc-product-card { border: 1px solid var(--h3r-border); border-radius: 16px; overflow: hidden; background: var(--h3r-cream); text-align: center; text-decoration: none; color: inherit; display: block; transition: box-shadow .15s; }
.h3r-wc-product-card:hover { box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.h3r-wc-product-card img { width: 100%; aspect-ratio: 4/5; object-fit: contain; background: #fff; padding: 20px; }
.h3r-wc-product-card-body { padding: 16px 18px 22px; }
.h3r-wc-product-card-body h3 { font-size: 16px; margin-bottom: 6px; }
.h3r-wc-product-card-price { font-weight: 800; color: var(--h3r-green); }
.h3r-wc-product-card-price del { font-weight: 500; opacity: .6; margin-right: 6px; }

@media (max-width: 900px) {
	.h3r-hero-grid, .h3r-story-row, .h3r-faq-grid, .h3r-footer-grid { grid-template-columns: 1fr; }
	.h3r-story-row.h3r-reverse .h3r-story-img { order: -1; }
	.h3r-products-grid, .h3r-testimonials-grid { grid-template-columns: 1fr; }
	.h3r-hero-img img { height: 320px; }
	.h3r-wc-products-grid[data-cols="3"], .h3r-wc-products-grid[data-cols="4"] { grid-template-columns: 1fr; }
}