/*! * M4 Tests — Frontend styles. * Typeform-style immersive experience with full-viewport takeover, * slide transitions, M4 brand palette. */ .m4t { /* ---- Paleta de marca M4 (ref. "Mejoras Test M4.pdf", pág. 9) ---- Tokens oficiales: teal #476867, sage #88B7A8, ink #333333, amarillo #D4C65E. Se conservan --m4-dark (#0d3330, verde premium para CTAs sólidos) y --m4-medium como escalones más oscuros del mismo teal. */ --m4-dark: #0d3330; --m4-medium: #2d4f4d; --m4-teal: #476867; /* teal de marca (fondo hero/topbar) */ --m4-sage: #88b7a8; /* verde salvia (acentos suaves) */ --m4-ink: #333333; /* texto de marca */ --m4-yellow: #d4c65e; /* amarillo de marca (#D4C65E) */ --m4-yellow-strong: #c2b24a; /* amarillo intenso para hover */ --m4-bg-soft: #f4f4f0; --m4-bg-deep: #fafaf6; --m4-text: #1a1a1a; --m4-muted: #6b7775; --m4-border: #d8dcd6; --m4-error: #b94a4a; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--m4-text); background: linear-gradient(180deg, #ffffff 0%, var(--m4-bg-soft) 100%); border-radius: 14px; overflow: hidden; min-height: 560px; position: relative; box-shadow: 0 4px 32px rgba(13, 51, 48, 0.08); max-width: 920px; margin: 32px auto; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); } .m4t *, .m4t *::before, .m4t *::after { box-sizing: inherit; } /* ---- v1.3.0 defensive baseline ---- When the shortcode is embedded inside a theme (Hello Elementor, Astra, GeneratePress, etc.), the theme styles generic ,

, ,