/*
 * 1.8.21 (pedido de Felipe, 2026-10-08): «reduce un poco el tamaño de las letras, se siente muy inflada la página».
 * Solo la tienda pública (portada, producto, carrito, checkout, confirmación, /app/); el panel no carga este archivo.
 * Baja ~10-15 % SOLO los textos grandes (títulos, precios, botones). El texto normal (≤15 px) no cambia,
 * los campos siguen en 16 px (iOS no hace zoom) y los botones del checkout conservan su altura.
 * Se carga el último (después de storefront-desktop-polish.css, checkout-steps.css y app-promo.css).
 */

/* ── Portada ── */
html body.zfl-store-active .zfh-slide-copy :is(h1, strong).zfh-slide-headline.zfh-slide-headline { font-size: clamp(28px, 2.9vw, 40px) !important; }
html body.zfl-store-active .zfh-hero-note h2 { font-size: clamp(19px, 2.2vw, 27px) !important; }
html body.zfl-store-active .zfh-side-card h2 { font-size: 19px !important; }
html body.zfl-store-active .zfh-hero-location strong { font-size: 18px !important; }
html body.zfl-store-active .zfh-h2.zfh-h2,
html body.zfl-store-active .zfh-products-head h2 { font-size: 21px !important; }
html body.zfl-store-active .zfh-how h2 { font-size: 24px !important; }
html body.zfl-store-active .zfh-payment-copy h2 { font-size: 18px !important; }
html body.zfl-store-active .zfh-emotional h2 { font-size: clamp(19px, 1.85vw, 25px) !important; }
html body.zfl-store-active .zfh-card-price.zfh-card-price,
html body.zfl-store-active .zfh-grid .zfh-card-price { font-size: 15px !important; }

/* ── /app/ y sección de la app en la portada ── */
html body .zap-title.zap-title { font-size: clamp(23px, 2.6vw, 31px) !important; }
html body .zap-lead { font-size: 15px !important; }
html body .zap-adv strong { font-size: 15px !important; }
html body .zap-btn.zap-btn { font-size: 15px !important; }

/* ── Producto ── */
html body.zfl-store-active .zfl-sp-name.zfl-sp-name { font-size: clamp(22px, 2.15vw, 28px) !important; }
html body.zfl-store-active .zfl-sp-price-item.zfl-sp-price-item { font-size: 16px !important; }
html body.zfl-store-active .zfl-sp-section h2,
html body.zfl-store-active .zfl-sp-related h2 { font-size: 18px !important; }
html body.zfl-store-active .zfl-sp-add-btn.zfl-sp-add-btn { font-size: 15px !important; }

/* ── Carrito ── */
html body.zfl-store-active .zfl-cart h1 { font-size: clamp(22px, 2.6vw, 29px) !important; }
html body.zfl-store-active .zfl-cart-total,
html body.zfl-store-active .zfl-cart-total > * { font-size: 19px !important; }
html body.zfl-store-active .zfl-cart-share > span:first-child { font-size: 17px !important; }

/* ── Checkout por pasos (las alturas de los botones no cambian) ── */
html body .er-checkout h1 { font-size: clamp(23px, 2.6vw, 29px) !important; }
html body .er-checkout.zst .zst-q.zst-q { font-size: 19px !important; }
html body .er-checkout.zst .zst-live-total strong { font-size: 17px !important; }
html body .er-checkout.zst .er-summary-total strong { font-size: 18px !important; }
html body .er-checkout.zst .er-summary h2 { font-size: 16px !important; }
@media (max-width: 600px) { html body .er-checkout.zst .zst-q.zst-q { font-size: 18px !important; } }

/* ── Confirmación del pedido ── */
html body .er-thanks-card h1 { font-size: 23px !important; }
html body .er-final strong { font-size: 22px !important; }
html body .er-review-box h3 { font-size: 18px !important; }

/* ── Móvil: los mismos textos grandes, un poco más pequeños (el texto normal no baja de 15 px) ── */
@media (max-width: 600px) {
    html body.zfl-store-active .zfh-slide-copy :is(h1, strong).zfh-slide-headline.zfh-slide-headline { font-size: 25px !important; }
    html body.zfl-store-active .zfh-h2.zfh-h2,
    html body.zfl-store-active .zfh-products-head h2 { font-size: 19px !important; }
    html body.zfl-store-active .zfh-how h2 { font-size: 21px !important; }
    html body.zfl-store-active .zfh-payment-copy h2 { font-size: 16px !important; }
    html body .zap-title.zap-title { font-size: 23px !important; }
}