/* ============================================================
   Rich Affiliate Site – 日本語: ajustes para japonés
   - Fuentes japonesas detrás de la fuente elegida en Personalizar (o de Poppins en la landing).
   - Saltos de línea correctos en japonés.
   - Piezas nuevas de la landing (/buy, /demo, /changelog).
   ============================================================ */

/* ---------- Tipografía japonesa ----------
   En el blog, las fuentes japonesas se añaden a --font y --font-heading desde functions.php
   (richja_font_vars), delante de la fuente genérica. Aquí solo el salto de línea. */
body {
	line-break: strict;
	word-break: normal;
	overflow-wrap: anywhere;
}
.rich-product,
.rich-product h1, .rich-product h2, .rich-product h3, .rich-product h4 {
	font-family: 'Poppins', "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "BIZ UDPGothic", Meiryo, sans-serif;
}
/* Los títulos en japonés son más densos: un poco menos de peso y de tamaño en la landing. */
.rich-product .hero-section h1 { font-weight: 800; letter-spacing: .02em; }
@media (max-width: 768px) {
	.rich-product .hero-section h1 { font-size: 28px; }
}

/* ---------- Logo o nombre del sitio en la landing ---------- */
.rich-product .header-logo a,
.rich-product .footer-logo { display: inline-flex; align-items: center; height: auto; text-decoration: none; }
.rich-product .header-logo img,
.rich-product .footer-logo img { height: 30px; width: auto; }
.richja-brand-text { color: #fff; font-weight: 800; font-size: 22px; letter-spacing: .02em; line-height: 1; }
.richja-footer-copy { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 13px; color: rgba(255, 255, 255, .8); text-align: center; }
.rich-product .footer-links .menu-item a { color: #fff; }

/* ---------- Landing (/buy) ---------- */
.richja-eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; opacity: .85; margin-bottom: 10px; }
.richja-center { text-align: center; margin-bottom: 30px; }
.richja-module-icon {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
	min-height: 220px; border-radius: 12px; background: linear-gradient(135deg, #1177CC, #0058C4);
	color: #fff; box-shadow: 0 10px 30px rgba(17, 119, 204, .25);
}
.richja-module-icon i { font-size: 64px; }
.richja-module-icon span { font-size: 13px; font-weight: 700; letter-spacing: .2em; opacity: .85; }
.richja-table-wrap { overflow-x: auto; }
.richja-table { width: 100%; border-collapse: collapse; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 16px rgba(0, 0, 0, .08); font-size: 14px; }
.richja-table th { background: #1177CC; color: #fff; padding: 14px 16px; text-align: left; font-weight: 700; }
.richja-table td { padding: 12px 16px; border-bottom: 1px solid #eee; color: #444; vertical-align: top; }
.richja-table tr:nth-child(even) td { background: #f9fbfd; }
.richja-table td:nth-child(2) { font-weight: 700; color: #1177CC; white-space: nowrap; }
.richja-pricing { max-width: 440px; margin: 0 auto; }
.richja-pricing .pricing-card.featured { transform: none; }
.richja-pricing .price-amount.sale { font-size: 56px; font-weight: 900; color: #1177CC; line-height: 1; }
.richja-pricing .original-price { color: #999; font-size: 20px; }
.richja-pricing .price-period { color: #999; font-size: 15px; }
.richja-pricing .pricing-body { text-align: left; }
.richja-pricing .pricing-body ul { list-style: none; margin: 0; padding: 0; }
.richja-pricing .pricing-body i { color: #1177CC; }
.richja-pricing .pricing-footer { padding: 0 25px 10px; }
.richja-pricing .btn-pricing { background: #E63946; font-size: 16px; padding: 16px 20px; box-shadow: 0 4px 15px rgba(230, 57, 70, .3); }
.richja-pricing-note { font-size: 12px; color: #888; padding: 0 25px 22px; margin: 10px 0 0; line-height: 1.6; }
.richja-disclosure { margin-top: 30px; font-size: 12px; color: #888; text-align: center; line-height: 1.7; }

/* ---------- Demo (/demo) ---------- */
.richja-demo-live { max-width: 960px; margin: 0 auto; }
.richja-demo-live .demo-section-title { margin-top: 50px; scroll-margin-top: 90px; }
.richja-demo-live > :first-child { margin-top: 0; }
.richja-demo-cta { margin: 40px 0 60px; }
.demo-content code { background: #f1f5fa; padding: 3px 8px; border-radius: 4px; font-size: 14px; }

/* ---------- Registro de cambios (/changelog) ---------- */
.richja-narrow { max-width: 800px; padding: 40px 20px 60px; }
.richja-changelog-tags { margin-bottom: 15px; }

/* ---------- Producto (AkusesuPro) en el blog ---------- */
.main-nav__cta .richja-product-name { font-size: 18px; font-weight: 800; color: #fff; letter-spacing: .02em; }
.promo-box .richja-promo-name { margin: 0 0 6px; font-size: 26px; font-weight: 800; color: #fff; letter-spacing: .02em; }
.richja-demo-note { margin: -10px 0 30px; font-size: 12px; color: #888; text-align: center; }

/* ---------- Landing: imágenes de los módulos y móvil ---------- */
.richja-module-shot { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 30px rgba(17, 119, 204, .18); background: #fff; }
.rich-product .module-img { width: 100%; }
@media (max-width: 768px) {
	.rich-product .module-row { gap: 24px; }
	.rich-product .module-img { order: -1; }
	/* Tabla «記事の目的からモジュールを選ぶ» como tarjetas apiladas. */
	.richja-table, .richja-table tbody, .richja-table tr, .richja-table td { display: block; width: 100%; }
	.richja-table { box-shadow: none; background: transparent; }
	.richja-table thead { display: none; }
	.richja-table tr { margin-bottom: 14px; background: #fff; border-radius: 10px; box-shadow: 0 2px 12px rgba(0, 0, 0, .08); overflow: hidden; }
	.richja-table tr:nth-child(even) td { background: #fff; }
	.richja-table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; white-space: normal; }
	.richja-table td:last-child { border-bottom: 0; }
	.richja-table td::before { content: attr(data-label); display: block; margin-bottom: 2px; font-size: 12px; font-weight: 700; color: #8a94a3; }
	.richja-table td:nth-child(2) { white-space: normal; background: #f1f7fd; }
}