:root{--mango-color-primary:#111111;--mango-color-secondary:#f9f8f1;--mango-color-text:#111111;--mango-color-accent:#f1f6f6;--mango-color-muted:#6b6b6b;--mango-font-primary:"Kanit", sans-serif;--mango-font-weight-primary:500;--mango-font-secondary:"Kanit", sans-serif;--mango-font-weight-secondary:400;--mango-font-text:"Kanit", sans-serif;--mango-font-weight-text:300;--mango-content-width:1140px;--mango-button-radius:6px;}.mango .mango-section-inner, .mango .mango-container--boxed > .mango-container-inner{max-width: 1140px;}

/* Cretiva · CSS del kit de Mango (lo sube setup.sh). */
:root { --cr-ink: #111111; --cr-cream: #f9f8f1; --cr-mist: #f1f6f6; --cr-muted: #6b6b6b; --cr-line: #e4e2d8; }
body { background: #fff; color: var(--cr-ink); font-family: "Kanit", system-ui, sans-serif; font-weight: 300; }
h1, h2, h3, h4, .mango-post-title { font-family: "Kanit", system-ui, sans-serif; font-weight: 500; letter-spacing: -.005em; }
::selection { background: var(--cr-ink); color: #fff; }

/* Cabecera */
.cr-header { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.94); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--cr-line); }
.admin-bar .cr-header { top: 32px; }
.cr-logo img { display: block; width: 160px; height: auto; }
.cr-nav { flex: 1; }
.cr-nav .mango-menu > li > a { font-size: 17px; font-weight: 400; color: var(--cr-ink) !important; }
.cr-nav .mango-menu > li > a:hover { opacity: .6; }
.cr-nav .sub-menu, .cr-nav .mango-sub-menu { border-radius: 14px !important; box-shadow: 0 18px 40px rgba(0,0,0,.12) !important; }

/* Botones píldora (Suscríbete) */
.cr-btn .mango-button { padding: 12px 22px !important; border-radius: 999px !important; background: var(--cr-ink) !important; color: #fff !important; font-family: "Kanit", sans-serif; font-size: 17px; font-weight: 400; }
.cr-btn .mango-button:hover { background: #333 !important; }
.cr-btn-light .mango-button { background: #fff !important; color: var(--cr-ink) !important; }

/* Títulos de sección: grande, raya fina */
.cr-sec-title { display: flex; align-items: baseline; gap: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--cr-ink); }
.cr-sec-title .mango-heading-title { margin: 0; font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: -.02em; }
.cr-sec-title .mango-heading-title a { color: inherit; text-decoration: none; }
.cr-sec-title.has-link .mango-heading-title a::after { content: " →"; font-weight: 300; font-size: .6em; vertical-align: middle; transition: margin .2s; }
.cr-sec-title.has-link .mango-heading-title a:hover::after { margin-left: 6px; }

/* Tarjetas: categorías como píldoras negras, sin mayúsculas */
.mango-posts .mango-post-cat { padding: 5px 13px !important; border-radius: 999px !important; font-family: "Kanit", sans-serif; font-size: 13px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; }
.mango-posts .mango-post-title { font-weight: 500; line-height: 1.2; }
.mango-posts:not(.is-overlay):not(.is-mosaic) .mango-post-title a { color: var(--cr-ink); }
.mango-posts.is-overlay .mango-post-title a { color: #fff; }
.mango-posts.is-overlay .mango-post-title { font-size: 22px; }
.mango-posts .mango-post-meta { color: var(--cr-muted); font-size: 13px; }
.mango-posts .mango-post-media { border-radius: 4px; }
.mango-posts.is-list .mango-post { border-color: var(--cr-line) !important; }
.mango-posts.is-headlines .mango-post-num { font-family: "Kanit", sans-serif; font-weight: 600; color: var(--cr-ink); }

/* Portada */
.cr-hero { background: var(--cr-cream); }
.cr-hero-grid, .cr-hero-grid > .mango-container-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr) !important; align-items: start; }
.cr-lead .mango-post-title { font-size: clamp(28px, 3vw, 40px) !important; line-height: 1.1; letter-spacing: -.02em; }
.cr-lead .mango-post-excerpt { font-size: 18px; color: #333; }
.cr-side .mango-post-title { font-size: 20px !important; }
.cr-small .mango-post-title { font-size: 16px !important; }
.cr-dark { background: var(--cr-ink); color: #fff; }
.cr-dark .cr-sec-title { border-color: rgba(255,255,255,.35); }
.cr-dark .cr-sec-title .mango-heading-title, .cr-dark .mango-heading-title { color: #fff; }
.cr-dark .mango-posts .mango-post-cat { background: #fff !important; color: var(--cr-ink) !important; }
.cr-two-cols, .cr-two-cols > .mango-container-inner { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important; align-items: start; }
.cr-lede { font-size: 22px; line-height: 1.4; color: #333; max-width: 640px; }

/* Bloque «Aparece en Cretiva» */
.cr-cta { padding: 48px; border-radius: 6px; background: var(--cr-cream); }
.cr-cta .mango-heading-title { margin: 0; font-size: clamp(30px, 3.4vw, 46px); line-height: 1.05; letter-spacing: -.02em; }
.cr-cta .mango-text-editor { font-size: 18px; color: #333; }

/* Noticia */
.cr-article h1.mango-heading-title { font-size: clamp(34px, 4.4vw, 56px); line-height: 1.06; letter-spacing: -.025em; font-weight: 500; }
.cr-article .mango-post-content { font-size: 19px; line-height: 1.65; font-weight: 300; }
.cr-article .mango-post-content h2, .cr-article .mango-post-content h3 { font-weight: 500; letter-spacing: -.01em; }
.cr-article .mango-post-content p { color: #222; }
.cr-article .mango-post-info .mango-post-cat { border-radius: 999px !important; text-transform: none !important; letter-spacing: 0 !important; }
.cr-archive-title .mango-heading-title { font-size: clamp(40px, 5vw, 64px); }

/* Suscripción (pie) */
.cr-newsletter { background: var(--cr-mist); }
.cr-newsletter-grid, .cr-newsletter-grid > .mango-container-inner { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; align-items: center; }
.cr-newsletter .mango-heading-title { margin: 0; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; font-weight: 400; letter-spacing: -.02em; }
.cr-newsletter .mango-heading-title strong { font-weight: 600; }
.cr-newsletter-art img { width: 120px; height: auto; }
.cr-subscribe-form .tulbrand-form-title { display: none !important; }
.cr-subscribe-form .tulbrand-form { display: flex !important; flex-wrap: wrap; align-items: center; gap: 0 !important; padding: 6px !important; border: 1px solid var(--cr-ink) !important; border-radius: 999px !important; background: #fff !important; }
.cr-subscribe-form .tulbrand-form-fields { flex: 1; min-width: 0; }
.cr-subscribe-form .tulbrand-form-fields > * { margin: 0 !important; }
.cr-subscribe-form input[type=email] { width: 100% !important; padding: 12px 18px !important; border: 0 !important; background: transparent !important; outline: none !important; font: 300 17px "Kanit", sans-serif !important; }
.cr-subscribe-form .tulbrand-form-submit { margin: 0 !important; }
.cr-subscribe-form .tulbrand-form-button { padding: 13px 24px !important; font: 400 16px "Kanit", sans-serif !important; }
.cr-subscribe-form .tulbrand-form { flex-wrap: wrap !important; }
.cr-subscribe-form .tulbrand-form-fields { order: 1; display: block !important; }
.cr-subscribe-form .tulbrand-form-field { width: 100% !important; margin: 0 !important; }
.cr-subscribe-form .tulbrand-form-submit { order: 2; flex: 0 0 auto; }
.cr-subscribe-form .tulbrand-form-messages { order: 3; flex-basis: 100%; padding: 0 18px; }
.cr-subscribe-form .tulbrand-form-messages > div:not([style*=none]) { padding: 8px 0; }
.cr-small-print { color: var(--cr-muted) !important; font-size: 14px; }

/* Pie */
.cr-footer { background: #fff; border-top: 1px solid var(--cr-line); }
.cr-footer .mango-heading-title { font-size: 18px; font-weight: 500; }
.cr-footer .mango-text-editor { color: #444; font-size: 15px; }
.cr-footer ul { margin: 0; padding: 0; list-style: none; }
.cr-footer li { margin: 0 0 10px; }
.cr-footer a { color: var(--cr-ink); text-decoration: none; }
.cr-footer a:hover { text-decoration: underline; }
.cr-rule { margin: 4px 0; border: 0; border-top: 1px solid var(--cr-line); }
.cr-copy { color: var(--cr-muted) !important; font-size: 13px; }

@media (max-width: 1024px) {
	.cr-hero-grid, .cr-hero-grid > .mango-container-inner { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
	.cr-hero-grid .cr-col-lead { grid-column: 1 / -1; order: -1; }
	.cr-two-cols, .cr-two-cols > .mango-container-inner, .cr-newsletter-grid, .cr-newsletter-grid > .mango-container-inner { grid-template-columns: minmax(0, 1fr) !important; }
	.cr-header .cr-nav { flex: 0 0 auto !important; width: auto !important; margin-left: auto; }
	.cr-header .mango-menu-container { position: fixed !important; top: 72px; right: 0; left: 0; width: auto !important; max-height: calc(100vh - 72px); overflow-y: auto; padding: 8px 0 24px !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 20px 40px rgba(0,0,0,.12) !important; }
	.cr-header .mango-menu a { display: block; width: 100%; padding: 14px 24px !important; border-bottom: 1px solid var(--cr-line); font-size: 20px !important; }
	.cr-header .mango-menu li { width: 100%; }
}
@media (max-width: 767px) {
	.cr-hero-grid, .cr-hero-grid > .mango-container-inner { grid-template-columns: minmax(0, 1fr) !important; }
	.cr-sec-title .mango-heading-title { font-size: 30px; }
	.cr-header-cta { display: none; }
	.cr-logo img { width: 128px; }
	.admin-bar .cr-header { top: 0; }
	.cr-cta { padding: 28px; }
}
.cr-subscribe-form .tulbrand-form-messages { margin: 0 !important; min-height: 0 !important; }
.cr-subscribe-form .tulbrand-form-messages:not(:has(> div:not([style*="none"]))) { display: none !important; }
.cr-subscribe-form .tulbrand-form-fields, .cr-subscribe-form .tulbrand-form-submit { margin: 0 !important; }