1e:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/3vkzaackgg_qg.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/3p652vdqlk1ce.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://sites.super.so/snippets/v2/carousel.css","style"] :HL["https://sites.super.so/snippets/v2/full-width-section.css","style"] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","font-preload-Poppins-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","font-preload-Poppins-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Poppins-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Poppins-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Poppins/poppins-v20-latin-ext_latin-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/v2/carousel.css","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://sites.super.so/snippets/v2/full-width-section.css","as":"style"}] 18:["$","script","3",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=UA-158936338-1","children":null}] 19:["$","script","5",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n\n gtag('config', 'UA-158936338-1');\n"},"children":null}] 1a:["$","script","9",{"dangerouslySetInnerHTML":{"__html":"(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\nnew Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\nj=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n})(window,document,'script','dataLayer','GTM-NTGXGXR5');"},"children":null}] 1b:["$","link","link-https://sites.super.so/snippets/v2/carousel.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/v2/carousel.css"}] 1c:["$","link","link-https://sites.super.so/snippets/v2/full-width-section.css",{"rel":"stylesheet","href":"https://sites.super.so/snippets/v2/full-width-section.css"}] 1f:T9e4b,.notion-collection-card__anchor { z-index: 999 !important; } :root { /* Style options */ --callout-padding: 5px!important; --callout-border-radii: 8px!important; --column-spacing: 32px!important; --layout-max-width: 1200px!important; --color-border-default: #E7E6E6; --collection-card-gap: 24px; --header-cover-height: 45vh!important; --image-border-radii: 8px!important; --db-title-spacing: -0.5px!important; --color-card-bg: #F8F8F8; --color-card-bg-hover: #f4f4f4; --collection-card-cover-height-small: 160px!important; --quote-background: #ffcd00!important; /* ===== Paleta ML ===== */ --ml-orange: #FF5A3B; --ml-yellow: #FFCD00; --ml-teal: #1CE69F; /* “green” de Notion */ --ml-blue: #1E78FF; --ml-purple: #8b67e5; --ml-pink: #FE367D; --ml-gray: #f7f7f7; --ml-red: #4d1552; /* ← Morado Journey */ --ml-navy: #1a2c41; --ml-white: #FFFFFF; } /* ===== Fondos (callouts / resaltados) ===== */ .notion-root :is(.bg-orange,.bg-orange-light,.highlighted-background.bg-orange), .notion-callout:is(.bg-orange,.bg-orange-light){ background: var(--ml-orange) !important; color: var(--ml-white) !important; } .notion-root :is(.bg-yellow,.bg-yellow-light,.highlighted-background.bg-yellow), .notion-callout:is(.bg-yellow,.bg-yellow-light){ background: var(--ml-yellow) !important; color: var(--ml-navy) !important; } .notion-root :is(.bg-green,.bg-green-light,.highlighted-background.bg-green), .notion-callout:is(.bg-green,.bg-green-light){ background: var(--ml-teal) !important; color: var(--ml-navy) !important; } .notion-root :is(.bg-blue,.bg-blue-light,.highlighted-background.bg-blue), .notion-callout:is(.bg-blue,.bg-blue-light){ background: var(--ml-blue) !important; color: var(--ml-white) !important; } .notion-root :is(.bg-purple,.bg-purple-light,.highlighted-background.bg-purple), .notion-callout:is(.bg-purple,.bg-purple-light){ background: var(--ml-purple) !important; color: var(--ml-white) !important; } .notion-root :is(.bg-pink,.bg-pink-light,.highlighted-background.bg-pink), .notion-callout:is(.bg-pink,.bg-pink-light){ background: var(--ml-pink) !important; color: var(--ml-white) !important; } .notion-root :is(.bg-gray,.bg-gray-light,.highlighted-background.bg-gray), .notion-callout:is(.bg-gray,.bg-gray-light){ background: var(--ml-gray) !important; color: var(--ml-navy) !important; /* usa var(--ml-navy) si prefieres */ } /* Rojo */ .notion-root :is(.bg-red,.bg-red-light,.highlighted-background.bg-red), .notion-callout:is(.bg-red,.bg-red-light){ background: var(--ml-red) !important; color: var(--ml-white) !important; } /* ===== Colores de texto ===== */ .notion-root :is(.color-blue, .highlighted-color.color-blue) { color: var(--ml-blue) !important; } .notion-root :is(.color-yellow, .highlighted-color.color-yellow) { color: var(--ml-yellow) !important; } .notion-root :is(.color-green, .highlighted-color.color-green) { color: var(--ml-teal) !important; } .notion-root :is(.color-purple, .highlighted-color.color-purple) { color: var(--ml-purple) !important; } .notion-root :is(.color-pink, .highlighted-color.color-pink) { color: var(--ml-pink) !important; } .notion-root :is(.color-orange, .highlighted-color.color-orange) { color: var(--ml-orange) !important; } .notion-root :is(.color-gray, .highlighted-color.color-gray) { color: var(--ml-gray) !important; } /* Rojo */ .notion-root :is(.color-red, .highlighted-color.color-red) { color: var(--ml-red) !important; } /* Database view picker options */ /* Active colors */ --picker-active-bg-color: #f0f0f0!important; --picker-active-text-color: var(--color-text-default)!important; --picker-active-border-color: #f0f0f0!important; /* Default colors */ --picker-border-color: rgb(2C, 233, 233)!important; --picker-text-color: rgb(70, 70, 70)!important; --picker-border-radius: 50px!important; /* Hover colors */ --picker-hover-bg-color: #f0f0f0!important; --picker-hover-text-color: var(--color-text-default)!important; --picker-hover-border-color: #f0f0f0!important; --collection-card-cover-size-small: 140px!important; /* CTA button styles */ --cta-padding: 12px 16px!important; --cta-border-radii: 7px!important; --cta-color-bg: var(--navbar-button-background-color)!important; --cta-color-text: var(--navbar-button-text-color)!important; } .theme-dark { --picker-active-bg-color: #373737!important; --picker-active-text-color: var(--color-text-default)!important; --picker-active-border-color: #373737!important; /* Default colors */ --picker-border-color: #373737!important; --picker-text-color: rgb(127, 127, 127)!important; --picker-border-radius: 50px!important; /* Hover colors */ --picker-hover-bg-color: #373737!important; --picker-hover-text-color: var(--color-text-default)!important; --picker-hover-border-color: #373737!important; } body { -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; } .notion-embed__container > iframe { background: var(--color-bg-default) !important; } .notion-header__title-wrapper { margin-bottom: 24px !important; } .notion-header__title-wrapper div:first-child { display: none !important; } .notion-root.full-width, .notion-collection-page { max-width: var(--layout-max-width) !important; margin: 0 auto !important; } .notion-toggle.bg-brown { display: none !important; } .super-navbar__item { font-weight: 500 !important; letter-spacing: -0.2px !important; } .super-navbar__cta { padding: 12px 16px !important; border-radius: var(--cta-border-radii) !important; font-weight: 500 !important; letter-spacing: -0.2px !important; } .notion-link { opacity: 1 !important; } .notion-link:hover { opacity: 0.7 !important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong { padding: var(--cta-padding) !important; border-radius: var(--cta-border-radii) !important; opacity: 1 !important; font-weight: 500 !important; display: inline-flex !important; justify-content: center !important; transition: background 0.2s ease-in-out !important; background: var(--cta-color-bg) !important; color: var(--cta-color-text) !important; margin: -2px !important; } .notion-text > .notion-link > strong, .notion-text > strong > .notion-link { padding: var(--cta-padding) !important; border-radius: var(--cta-border-radii) !important; opacity: 1 !important; font-weight: 500 !important; display: inline-flex !important; justify-content: center !important; transition: background 0.2s ease-in-out !important; background: var(--cta-color-bg) !important; color: var(--cta-color-text) !important; margin: -2px !important; } h1.notion-heading { font-size: 2.5rem !important; font-weight: 700 !important; letter-spacing: -1px !important; line-height: 1.2 !important; } @media screen and (max-width: 768px) { h1.notion-heading { font-size: 2.6rem !important; } } h1.notion-heading * { line-height: 1.2 !important; } h1.notion-header__title { font-size: 3rem !important; font-weight: 700 !important; letter-spacing: -1.4px !important; line-height: 1.2 !important; } @media screen and (max-width: 768px) { h1.notion-header__title { font-size: 2.6rem !important; } } h1.notion-header__title * { line-height: 1.2 !important; } h2.notion-heading { font-size: 2.1rem !important; font-weight: 700 !important; letter-spacing: -1px !important; line-height: 1.2 !important; margin-bottom: 16px !important; } h2.notion-heading * { line-height: 1.2 !important; } h3.notion-heading { font-size: 1.8rem !important; font-weight: 700 !important; letter-spacing: -0.5px !important; margin-bottom: 8px !important; } .notion-quote { border: 0 !important; background: var(--quote-background) !important; border-radius: 7px !important; padding: 24px !important; font-size: 1.2rem !important; letter-spacing: -0.2px !important; } .notion-toggle { border: 1px solid var(--color-border-default) !important; border-radius: 8px !important; padding: 20px !important; margin-bottom: 8px !important; } .notion-toggle h3.notion-heading, .notion-toggle h2.notion-heading, .notion-toggle h1.notion-heading { margin: 0 !important; } .notion-toggle.open { background: rgba(0, 0, 0, 0.05) !important; } .notion-toggle__summary { margin: 0 !important; } .notion-toggle.open { padding-bottom: 16px !important; } .notion-collection-gallery { padding-top: 0px !important; } .notion-collection-card { box-shadow: none !important; border: 1px solid var(--color-border-default) !important; border-radius: 12px !important; transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } .notion-collection-card:hover { opacity: 0.88 !important; -webkit-transform: translate(0, -4px) !important; -ms-transform: translate(0, -4px) !important; transform: translate(0, -4px) !important; } .notion-collection-card__property-list { margin-top: 12px !important; } .notion-collection-card__property { font-size: 1rem !important; } .notion-property__title { font-weight: 600 !important; } .notion-pill { font-size: 0.75rem !important; border-radius: 50px !important; padding: 3px 6px !important; } .notion-collection-gallery, .notion-collection-list { border: 0 !important; } .notion-property__title__icon-wrapper { display: none !important; } .notion-page__properties { margin-top: 12px !important; } .notion-collection-gallery { margin-top: 16px !important; } .notion-collection-gallery.small .notion-collection-card__content { padding: 16px !important; } .notion-collection-gallery.small .notion-property__title { font-size: 1rem !important; white-space: normal !important; font-weight: 700 !important; line-height: 1.0 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.small .notion-property__title * { font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.medium { grid-template-columns: 1fr 1fr 1fr !important; } .notion-collection-gallery.medium .notion-collection-card__content { padding: 16px !important; } .notion-collection-gallery.medium .notion-collection-card__property-list { display: flex !important; flex-direction: column !important; gap: 8px !important; } .notion-collection-gallery.medium .notion-property__title { font-size: 1.3rem !important; line-height: 1.2 !important; font-weight: 600 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.medium .notion-property__title * { line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.large { grid-template-columns: 1fr !important; } .notion-collection-gallery.large .notion-collection-card { display: flex !important; flex-direction: row-reverse !important; min-height: 450px !important; height: 450px !important; } @media screen and (max-width: 768px) { .notion-collection-gallery.large .notion-collection-card { height: auto !important; } } .notion-collection-gallery.large .notion-collection-card .notion-property__title { font-size: 2.6rem !important; max-width: 600px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.large .notion-collection-card .notion-property__title * { line-height: 1 !important; font-weight: 800 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__cover { height: 100% !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__cover div { height: 100% !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__cover img { height: 100% !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__content { display: flex !important; flex-direction: column !important; justify-content: center !important; padding: 40px 40px !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__content::before { content: "Featured" !important; padding: 4px 8px !important; font-size: 0.875rem !important; background: var(--color-pill-default) !important; color: var(--color-pill-text-default) !important; border-radius: 50px !important; display: inline-block !important; margin-bottom: 16px !important; width: fit-content !important; border: 1px solid var(--color-border-default) !important; } .notion-collection-gallery.large .notion-collection-card .notion-pill { max-width: 100% !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__property-list { overflow: visible !important; display: flex !important; justify-content: flex-start !important; gap: 16px !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__content .notion-property__text { overflow: visible !important; } .notion-collection-gallery.large .notion-collection-card:nth-child(n+2) { display: none !important; } #page-index .notion-header__title-wrapper, #page-index .notion-header__cover.no-cover { display: none !important; } #page-index .notion-collection-gallery.medium { grid-template-columns: 1fr 1fr !important; } .notion-collection-list { gap: 15px !important; padding: 0px !important; margin-top: 16px !important; } .notion-collection-list .notion-property__title { white-space: normal !important; } .notion-collection-list .notion-property__title * { font-weight: 700 !important; letter-spacing: var(--db-title-spacing) !important; } .notion-collection-list .notion-property__title .notion-semantic-string { white-space: pre-wrap !important; } .notion-collection-list .notion-property__title .notion-semantic-string span { border: none !important; } .notion-collection-list .notion-collection-list__item { white-space: normal !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; border: 1px solid var(--color-border-default) !important; padding: 15px !important; border-radius: 8px !important; transition: background 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } .notion-collection-list .notion-collection-list__item:nth-child(n+6) { display: none !important; } .notion-collection-list .notion-collection-list__item:hover { background: var(--color-card-bg-hover) !important; } .super-root:not(.page__index) .notion-header__title, .super-content:not(.page__index) .notion-header__title { text-align: center !important; width: 100% !important; } .parent-page__posts .super-content { max-width: 740px !important; } .parent-page__posts .notion-bulleted-list, .parent-page__posts .notion-numbered-list, .parent-page__posts .notion-to-do, .parent-page__posts .notion-callout { font-size: 1.2rem !important; } .parent-page__posts .notion-text__content { font-size: 1.2rem !important; } .parent-page__posts .notion-text__content * { line-height: 1.4 !important; } .parent-page__posts .notion-image.page-width { max-width: 120% !important; width: 120% !important; } .parent-page__posts .notion-header__content.max-width { max-width: 840px !important; } .parent-page__posts .notion-property__person > .notion-semantic-string > span { margin: 0 !important; } .parent-page__posts .notion-page__property { display: flex !important; width: fit-content !important; margin: 0 auto !important; } .notion-dropdown__menu-header, .notion-dropdown__option-icon, .notion-dropdown__button svg:first-of-type { display: none !important; } @media all and (min-width: 576px) { .notion-dropdown { width: 100% !important; z-index: 1 !important; margin-bottom: 16px !important; } .notion-dropdown__button { justify-content: space-between !important; width: 100% !important; border: 1px solid var(--color-border-default) !important; padding: 10x !important; border-radius: 8px !important; } .notion-dropdown__menu-wrapper { position: relative !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu { width: 100% !important; border-radius: 8px !important; transform: none !important; left: auto !important; top: auto !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option-list { padding: 0px !important; flex-wrap: wrap !important; } .notion-dropdown__menu-wrapper .notion-dropdown__menu .notion-dropdown__option { padding: 5px 10px !important; } .notion-dropdown__button { display: none !important; } .notion-dropdown__menu.initial-state { z-index: 1 !important; opacity: 1 !important; transform: none !important; } .notion-dropdown__menu.animate-in.animate-out, .notion-dropdown__menu.animate-in, .notion-dropdown__menu.animate-out { animation: none !important; } .notion-dropdown__menu { width: 80% !important; margin: 0 auto !important; background: none !important; box-shadow: unset !important; position: relative !important; } .notion-dropdown__menu .notion-dropdown__option-list { display: flex !important; gap: 8px !important; } .notion-dropdown__menu .notion-dropdown__option.active { background: var(--picker-active-bg-color) !important; border: 1px solid var(--picker-active-border-color) !important; } .notion-dropdown__menu .notion-dropdown__option.active p { color: var(--picker-active-text-color) !important; } .notion-dropdown__menu .notion-dropdown__option { border-radius: var(--picker-border-radius) !important; border: 1px solid var(--picker-border-color) !important; transition: all 0.15s ease-in-out !important; align-items: center !important; } .notion-dropdown__menu .notion-dropdown__option:hover { background: var(--picker-hover-bg-color) !important; border-color: var(--picker-hover-border-color) !important; } .notion-dropdown__menu .notion-dropdown__option:hover p { color: var(--picker-hover-text-color) !important; } .notion-dropdown__menu .notion-dropdown__option p { font-size: 0.9rem !important; letter-spacing: -0.3px !important; color: var(--picker-text-color) !important; } } @media all and (max-width: 768px) { #page-index .notion-collection-gallery.large .notion-collection-card { flex-direction: column !important; } #page-index .notion-collection-gallery.medium { grid-template-columns: 1fr !important; } #page-posts .notion-collection-gallery.medium { grid-template-columns: 1fr !important; } } .notion-collection-page .notion-dropdown__menu-wrapper { left: 0px !important; } .notion-collection-list__item .notion-property.notion-property__title .notion-semantic-string > span { white-space: pre-wrap !important; } /* ====== FIX vista móvil para colecciones BLOG y VISTAS DE GALERÍAS en 2 columnas ====== */ @media (max-width: 640px){ /* 2 columnas legibles en todas las vistas de galería */ .notion-collection-gallery.small, .notion-collection-gallery.medium{ grid-template-columns: repeat(2, minmax(160px, 1fr)) !important; gap: 12px !important; /* espacio entre tarjetas */ } /* Si prefieres 1 tarjeta por fila, cambia la línea anterior por: grid-template-columns: 1fr !important; */ /* Títulos: tamaño y corte de palabras correcto */ .notion-collection-gallery.small .notion-property__title, .notion-collection-gallery.medium .notion-property__title{ font-size: 1rem !important; line-height: 1.25 !important; letter-spacing: 0 !important; white-space: normal !important; word-break: normal !important; } .notion-collection-gallery.small .notion-property__title *, .notion-collection-gallery.medium .notion-property__title *{ line-height: 1.25 !important; letter-spacing: 0 !important; } /* Ajustes de tarjeta para que no queden “palos” verticales */ .notion-collection-card__cover{ height: 140px !important; } .notion-collection-card__content{ padding: 12px !important; } } /* ====== FIX móvil para Galería Larga Adaptación de la galería larga o grande para que se vea bien ====== */ @media (max-width: 640px){ /* Pila vertical: imagen arriba, texto abajo */ .notion-collection-gallery.large .notion-collection-card{ flex-direction: column !important; min-height: auto !important; height: auto !important; } /* Cover a todo el ancho */ .notion-collection-gallery.large .notion-collection-card .notion-collection-card__cover{ width: 100% !important; height: 220px !important; /* ajusta si quieres más/menos alto */ min-height: 220px !important; border-radius: 12px 12px 0 0 !important; } /* Contenido con padding cómodo */ .notion-collection-gallery.large .notion-collection-card .notion-collection-card__content{ padding: 16px !important; border-radius: 0 0 12px 12px !important; } /* Título legible sin “romper” palabra por palabra */ .notion-collection-gallery.large .notion-collection-card .notion-property__title{ font-size: 1.6rem !important; line-height: 1.25 !important; letter-spacing: 0 !important; max-width: 100% !important; white-space: normal !important; word-break: normal !important; } .notion-collection-gallery.large .notion-collection-card .notion-collection-card__property-list{ gap: 8px !important; } } /* ===== Ajuste REAL del padding en callouts ===== */ .notion-callout { padding: 15px 40px !important; /* margen externo reducido */ margin: 8px auto !important; border-radius: 10px !important; } /* Elimina el padding interno que Super añade dentro */ .notion-callout__content { padding: 0 !important; margin: 0 !important; } /* Si hay ícono dentro del callout, que no deje espacio extra */ .notion-callout__icon { margin-right: 6px !important; } /* En móvil: aún más compacto */ @media (max-width: 640px) { .notion-callout { padding: 15px 40px !important; margin: 6px auto !important; } } /* Hasta aquí es el tema de la página */ /* ===== Navbar: espacio para el logo y control del CTA ===== */ /* + aire a la izquierda en desktop */ .super-navbar { padding-left: 100px !important; } /* limita el alto del logo (svg/img) y deja un pequeño margen */ .super-navbar__logo { margin-right: px !important; } .super-navbar__logo img, .super-navbar__logo svg { max-height: 100px !important; /* ajusta si lo quieres un poco más grande/pequeño */ height: auto !important; } /* ===== Ajustes en móvil ===== */ @media (max-width: 768px){ /* compacta padding lateral de la barra */ .super-navbar { padding: 0 0px !important; } /* logo un poco más bajo para que quepa todo */ .super-navbar__logo img, .super-navbar__logo svg { max-height: 35px !important; } /* reduce el CTA para no tapar el hamburguesa */ .super-navbar__cta{ padding: 8px 12px !important; /* antes más grande */ font-size: 14px !important; border-radius: 9999px !important; } /* asegúrate de que el botón hamburguesa aparezca */ .super-navbar__menu-button{ display: flex !important; } /* separaciones más cortas entre acciones de la derecha */ .super-navbar__actions{ gap: 8px !important; } } /* ===== Teléfonos MUY angostos (cuando el CTA ya no cabe) ===== */ @media (max-width: 360px){ .super-navbar__cta{ display: none !important; /* deja espacio al menú hamburguesa */ } } /* =============================== Button code (con notas en español) ================================= Este CSS convierte cualquier ENLACE dentro de un TEXTO EN NEGRITA (en un solo renglón) en un botón estilizado. CÓMO USARLO EN NOTION/SUPER: 1) Escribe tu CTA en un bloque de texto normal. 2) Selecciona SOLO el texto (no el bloque), ponlo en NEGRITA. 3) Pega el ENLACE. 4) Opcional: aplica un COLOR DE FONDO (bg-*) para botón sólido o un COLOR DE TEXTO (color-*) para botón “outline”. Si no aplicas color, usará el color de fondo por defecto. =====================================================================================================*/ :root { /* ---------- Variables globales para el estilo del botón ---------- */ --cta-padding: 9px 16px!important; /* Relleno interno (vertical, horizontal) */ --cta-open-padding: 10px 16px !important; /* Relleno cuando el botón es "outline" (con borde) */ --cta-border-radii: 30px!important; /* Redondeo de las esquinas */ --cta-color-text: #fff !important; /* Color de texto del botón */ --cta-color-bg: #ccc !important; /* Fondo por defecto si no hay color aplicado en Notion */ /* (Opcional) Colores base si NO usas el Theme Designer de Super. Descomenta estas 3 líneas para forzar un azul propio en HSL: --blue-h: 214; --blue-s: 100%; --blue-l: 55%; */ /* Luminosidad para generar variantes HSL desde el tema de Super. Si ves los botones muy oscuros/claros, ajusta este porcentaje. */ --color-lum: 55%; /* Mapas de colores de fondo (se alimentan de las variables HSL del tema de Super) */ --color-bg-gray:hsl(var(--gray-h),var(--gray-s), var(--color-lum))!important; --color-bg-brown:hsl(var(--brown-h),var(--brown-s), var(--color-lum))!important; --color-bg-orange:hsl(var(--orange-h),var(--orange-s), var(--color-lum))!important; --color-bg-yellow:hsl(var(--yellow-h),var(--yellow-s), var(--color-lum))!important; --color-bg-green:hsl(var(--green-h),var(--green-s), var(--color-lum))!important; --color-bg-blue:hsl(var(--blue-h),var(--blue-s), var(--color-lum))!important; --color-bg-purple:hsl(var(--purple-h),var(--purple-s), var(--color-lum)) !important; --color-bg-pink:hsl(var(--pink-h),var(--pink-s), var(--color-lum)) !important; --color-bg-red:hsl(var(--red-h),var(--red-s), var(--color-lum)) !important; } /* ---------- REGLA BASE DEL BOTÓN ---------- Aplica a enlaces que estén en negrita o a negritas que contengan un enlace. (Ambos órdenes se cubren con los selectores largos de Super/Notion) */ .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link strong, .notion-root .notion-text .notion-text__content .notion-semantic-string span .link, .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link { padding: var(--cta-padding)!important; /* Tamaño del botón */ border-radius: var(--cta-border-radii)!important; /* Esquinas redondeadas */ opacity: 1!important; /* Asegura visibilidad completa */ font-weight: 500!important; /* Peso medio para CTA */ display: inline-flex!important; /* Inline pero con caja flexible */ justify-content: center!important; /* Centrado horizontal del texto */ transition: background .2s ease-in-out!important; /* Transición suave del fondo */ background: var(--cta-color-bg)!important; /* Fondo por defecto */ color: var(--cta-color-text)!important; /* Texto del botón */ margin: 2px!important; /* Separación mínima entre botones */ border-bottom: none !important; /* Quita subrayado tipo enlace */ width: fit-content !important; /* Se ajusta al contenido automáticamente */ /* width: 100% !important; */ /* (Opcional) Comentar la línea de arriba y descomentar esta para botón ancho completo */ text-decoration: none !important; /* Sin decoraciones */ } /* ---------- ESTADOS DE INTERACCIÓN ---------- Efecto visual al pasar el mouse (hover) y al presionar (active). */ .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link:hover strong, .notion-root .notion-text .notion-text__content .notion-semantic-string span .link, .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link:hover strong, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link:hover { box-shadow: 0 10px 10px -10px rgba(0,0,0,0.3) !important; /* Sombra al elevar */ transform: scale(1.03) !important; /* Pequeño “zoom” */ } .notion-root .notion-text .notion-text__content .notion-semantic-string span strong .notion-link:active, .notion-root .notion-text .notion-text__content .notion-semantic-string span .notion-link:active strong, .notion-root .notion-text .notion-text__content .notion-semantic-string span .link:active, .notion-root .notion-text.notion-text__content.notion-semantic-string .notion-link:active strong, .notion-root .notion-text.notion-text__content.notion-semantic-string strong .notion-link:active { box-shadow: 0 5px 5px -10px rgb(0,0,0,0.2) !important; /* Sombra más corta al presionar */ transform: scale(0.98) !important; /* Ligero “hundimiento” */ } /* ---------- RESETEO DEL HIGHLIGHT ---------- Si el enlace en negrita está dentro de un texto con fondo (highlight), quitamos ese fondo para que solo se vea el del botón. Nota: Usa :has() → requiere navegadores modernos. */ .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background:has(strong .notion-link), .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background:has(.notion-link strong), .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background:has(.notion-link strong), .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background:has(strong .notion-link) { background: none !important; } /* ---------- VARIANTES DE COLOR (BOTÓN SÓLIDO) ---------- Si aplicas un “background color” en Notion (bg-red, bg-blue, etc.), el botón toma ese color como fondo y deja el texto en el color definido para CTA. */ .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-red strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-red .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-red strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-red .notion-link strong { background: var(--color-bg-red) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-blue strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-blue .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-blue strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-blue .notion-link strong { background: var(--color-bg-blue) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-gray strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-gray .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-gray strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-gray .notion-link strong { background: var(--color-bg-gray) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-brown strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-brown .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-brown strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-brown .notion-link strong { background: var(--color-bg-brown) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-orange strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-orange .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-orange strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-orange .notion-link strong { background: var(--color-bg-orange) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-yellow strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-yellow .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-yellow strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-yellow .notion-link strong { background: var(--color-bg-yellow) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-green strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-green .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-green strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-green .notion-link strong { background: var(--color-bg-green) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-purple strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-purple .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-purple strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-purple .notion-link strong { background: var(--color-bg-purple) !important; color: var(--cta-color-text)!important; } .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-pink strong .notion-link, .notion-root .notion-text .notion-text__content .notion-semantic-string span .highlighted-background.bg-pink .notion-link strong, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-pink strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string .highlighted-background.bg-pink .notion-link strong { background: var(--color-bg-pink) !important; color: var(--cta-color-text)!important; } /* ---------- VARIANTES “OUTLINE” (SOLO BORDE) ---------- Si aplicas un COLOR DE TEXTO en Notion (color-red, color-blue, etc.), el botón no tiene fondo, usa borde del mismo color y ajusta el padding. */ .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-red strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-red .notion-link strong { border: 2px solid var(--color-bg-red) !important; background: none !important; color: var(--color-bg-red) !important; padding: var(--cta-open-padding) !important; /* Compensa el ancho del borde */ } .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-blue strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-blue .notion-link strong { border: 2px solid var(--color-bg-blue) !important; background: none !important; color: var(--color-bg-blue) !important; padding: var(--cta-open-padding) !important; } .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-brown strong .notion-link, .notion-root .notion-text.notion-text__content.notion-semantic-string span.highlighted-color.color-brown .notion-link strong { border: 2px solid var(--color-bg-brown) !important; background: none !important; color: var(--color-bg-brown) !important; padding: var(--cta-open-padding) !important; } /* =============================== End of Button code ================================= */ /* ----------CSS PARA CENTRAR BLOQUES ---------- Sólo en Notion deben crear un callout de color de fondo marrón y lo centrará */ .notion-callout.bg-brown-light { text-align: center!important; background: transparent!important; border: 0!important; padding: 0px!important; margin: 0!important; justify-content: center!important; .notion-callout__content { margin: 0!important; } } /* === Mantener el marrón de Notion como marcador y sin pintar (Esto complementa el código de abajo para que siga funcionando el CSS para CENTRAR TEXTOS) === */ .notion-root :is(.bg-brown, .bg-brown-light, .highlighted-background.bg-brown), .notion-callout:is(.bg-brown, .bg-brown-light) { background: transparent !important; /* no se ve marrón, solo marca */ color: inherit !important; /* respeta el color de texto que venga */ } /* ----------CSS PARA CENTRAR TEXTOS ---------- Sólo en Notion deben colocar de fondo color marrón */ .notion-heading.bg-brown, .notion-text.bg-brown{ background: transparent!important; text-align: center!important; }1d:["$","body",null,{"children":[["$","$L1e",null,{"settings":{"siteId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d","userId":"11a196b3-1330-431d-8486-dfef46bee8ed","domainName":"motivacionludica.com","name":"Motivación Lúdica","active":true,"free":false,"tier":"personal","favicon":"https://assets.super.so/ad66d1c2-3027-4386-b750-78c23c9f8c5d/uploads/favicon/3e704f79-531f-4960-a25f-fb5408793a83.png","fontFamily":"Inter","legacyTheme":null,"language":"es","languages":[],"notionPage":"36bacbf719d0423abb3a97f1a56ea53a","indexPageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::9d96bba9-4695-40c3-955c-233d408c90d9","pageProperties":false,"hidePageProperties":true,"disablePageProperties":false,"pageSyncing":true,"viewSwitcher":true,"layoutSidePanel":true,"floatingTableOfContents":false,"siteSearch":false,"advancedSearch":false,"themeToggle":false,"mondayFirst":true,"loadLimits":false,"hidePersonInfo":true,"showPropertyIcons":false,"filterRedirectsFromSearch":false,"redirectSubdomain":null,"noIndex":false,"viewsExceeded":false,"cacheTTL":0,"manualSync":false,"syncStatus":"unsynced","publishedAt":null,"custom404Enabled":false,"membershipEnabled":false,"membershipConfigured":false,"suppressLoginEmail":false,"navbar":{"type":"simple","style":{"height":105,"textColor":"var(--color-text-default)","backgroundColor":"#ffffff","ctaTextColor":"#ffffff","ctaBackgroundColor":"#1e78ff","isSticky":true,"shadow":{"type":"small","color":"rgba(0, 0, 0, 1)","opacity":12}},"links":[{"id":"bfd9ecf2-bb30-4216-81a1-2bf24ef004ce","type":"list","label":"Para Empresas","icon":"","list":[{"id":"2366f60a-4148-4474-a8d1-5e89754bf15e","type":"page","label":"Capacitaciones Corporativas","link":"/programa-para-empresas","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::9df8e4da-1d70-4c0f-ad03-5d19c05c2935","icon":"Building2","description":"","list":[]},{"id":"f41c61ac-a60c-47ca-b070-cad42542ec7c","type":"page","label":"Experiencias Gamificadas","link":"/diseemos-tu-experiencia-1","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::c6da2f2e-011a-4d53-a3f9-90fcd570af8d","icon":"Dices","description":"","list":[]},{"id":"c1c8f906-5e39-41fb-b26d-c881a7f46d19","type":"page","label":"Journey Innovation Game ®","link":"/journey-innovation-game","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::14eab686-76a6-48a3-b3be-c56528a494b9","icon":"Lightbulb","list":[]}]},{"id":"a4decba5-ff1d-43e6-88a3-dd8ad8f03ebf","type":"page","label":"Para personas","link":"/aprende-con-nosotros","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::a8de4e23-5887-41bf-8fbe-984c166a65df","icon":"","description":"","list":[]},{"id":"1b941b9f-ca8d-4f83-8b7c-da2f73899c25","type":"list","label":"Recursos","icon":"","list":[{"id":"accf77df-dd24-48c4-916e-6d13c06d0d92","type":"page","label":"Blog","link":"/blog","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::bad496e9-2f89-4246-9801-1295dd313213","icon":"BookOpen","list":[]},{"id":"63ae2dd9-34b3-4776-bb58-221d69310964","type":"page","label":"Ebooks, Plantillas y Herramientas","link":"/recursos-gratuitos","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::986b69e1-1e87-4d70-85dd-d1b1e4e10fd5","icon":"BookDown","description":"","list":[]}]},{"id":"05908bf2-75bf-4612-838e-3cf4f4b8b04e","type":"page","label":"Casos de éxito","link":"/casos","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::5684c1bf-a04d-448a-87e5-a2a5aebb527a","icon":"","list":[]}],"logo":{"type":"image","width":150,"fontSize":25,"textContent":"Motivación Lúdica","imageContent":"https://assets.super.so/ad66d1c2-3027-4386-b750-78c23c9f8c5d/uploads/logo/ca8b9684-7730-4e26-a8dd-e695801692de.png","imageContentDark":null,"disabled":false},"cta":{"type":"page","label":"Conversemos","link":"/contacto","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::96a76662-c046-43b0-8f65-f4aaf93fe095"},"isSticky":true,"breadcrumbs":false},"footer":{"type":"floating","style":{"textColor":"#020202","backgroundColor":"#ffffff"},"links":[{"id":"38dbad13-407e-4bd7-ad24-6e87a0c0e837","type":"page","label":"Contacto","link":"/contacto","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::96a76662-c046-43b0-8f65-f4aaf93fe095","list":[]},{"id":"da75c77d-b306-4ea5-800f-6be0f7ec52df","type":"page","label":"Nosotros","link":"/nosotros","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::ac42dab2-b739-490e-8fa1-7f97ed608acb","icon":"","list":[]},{"id":"66e46e47-16d1-43b6-8606-bfa960e41a7a","type":"page","label":"Blog","link":"/blog","pageId":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::bad496e9-2f89-4246-9801-1295dd313213","icon":"","list":[]}],"logo":{"type":"image","width":160,"fontSize":31,"textContent":"Motivación Lúdica","imageContent":"https://assets.super.so/ad66d1c2-3027-4386-b750-78c23c9f8c5d/uploads/logo/8cbaedf0-1a92-4c05-9218-e16b80aeaa1e.png","imageContentDark":null,"disabled":false},"socials":[{"type":"linkedin","link":"https://www.linkedin.com/company/motivaci%C3%B3n-l%C3%BAdica/"},{"type":"instagram","link":"https://www.instagram.com/motivacion.ludica/"},{"type":"facebook","link":"https://www.facebook.com/MotivacionLudica"},{"type":"youtube","link":"https://www.youtube.com/@motivacionludica"},{"type":"whatsapp","link":"https://api.whatsapp.com/send?phone=51969747298&text=Hola%2C%20ingres%C3%A9%20a%20la%20web%20de%20Motivaci%C3%B3n%20L%C3%BAdica%20y%20me%20gustar%C3%ADa%20recibir%20m%C3%A1s%20informaci%C3%B3n%20%F0%9F%98%84"}],"footnote":"","divider":false},"sidebar":{"enabled":false,"links":[],"cta":[],"logo":null,"searchEnabled":true},"theme":{"colorMode":"light","layout":{"paddingLayout":0.9,"layoutMaxWidth":1300,"columnSpacing":65,"borderThicknessLayout":1,"borderTypeLayout":"solid","borderRadiiLayout":15,"pageDisplay":"none"},"header":{"coverHeight":60,"titleAlign":"center","iconAlign":"-112px 0 0 0","display":"none"},"collectionCard":{"gap":20,"shadow":"rgba(15, 15, 15, 0.1) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 2px 4px","coverHeightLarge":220,"coverHeightMedium":201,"coverHeightSmall":145,"titleSize":1,"coverSizeSmall":172,"coverSizeMedium":260,"coverSizeLarge":320,"iconDisplay":"inline-flex"},"callout":{"iconDisplay":"block","shadow":"none"},"typography":{"primaryFont":"Poppins","secondaryFont":"Poppins","fonts":[],"baseSize":18,"titleSize":3.03,"headingSize":1.2,"quoteSize":1.2,"quoteSizeLarge":1.4,"textWeight":400,"headingWeight":600},"scrollbar":{"width":15},"navbar":{"height":120,"shadow":"rgba(0, 0, 0, 0.1) 0px 4px 8px -2px"},"footer":{"height":0},"sidebar":{"width":280,"shadow":"none"},"colors":{"light":{"text":"#1a2c41","textLight":"#7d7c78","background":"#ffffff","borderColor":"#E9E9E7","checkboxBackground":"#168ebe","hoverBackground":"#efefef","scrollbar":{"background":"#FAFAFA","handle":"#C1C1C1","border":"#E8E8E8"},"navbar":{"text":"#1a2c41","background":"#ffffff","buttonText":"#ffffff","buttonBackground":"#1e78ff","hoverBackground":null},"footer":{"text":"#ffffff","background":"#1e78ff","buttonText":"#ffffff","buttonBackground":"#37352F"},"sidebar":{"text":"#37352F","ctaText":"#37352F","background":"#ffffff","hoverBackground":"#efefef","ctaBackground":"#ffffff","border":"#E9E9E7"},"database":{"cardBackground":"#ffffff","cardHoverBackground":"#f9f9f8","calendarWeekendBackground":"#f7f6f3"},"default":[45,8,20],"gray":[0,0,97],"brown":[19,31,47],"orange":[10,100,61],"yellow":[48,100,50],"green":[159,80,51],"blue":[216,100,56],"purple":[257,71,65],"pink":[339,99,60],"red":[295,42,32],"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#ff5a3a","yellow":"#ffcd00","green":"#1ce69f","blue":"#1e78ff","purple":"#8b67e5","pink":"#fe367d","red":"#ff3e69"}}},"dark":{"text":"#f0f0f0","textLight":"#f2f2f2","background":"#111111","borderColor":"#1F1F1F","checkboxBackground":"#222222","hoverBackground":"#1A1A1A","scrollbar":{"background":"#111111","handle":"#212121","border":"#111111"},"navbar":{"text":"#f0f0f0","background":"#111111","buttonText":"#111111","buttonBackground":"#f0f0f0","hoverBackground":null},"footer":{"text":"#f0f0f0","background":"#111111","buttonText":"#191919","buttonBackground":"#e1e1e1"},"sidebar":{"text":"#f0f0f0","ctaText":"#f0f0f0","background":"#111111","hoverBackground":"#1A1A1A","ctaBackground":"#111111","border":"#1F1F1F"},"database":{"cardBackground":"#1A1A1A","cardHoverBackground":"#212121","calendarWeekendBackground":"#161616"},"form":{"submitButton":{"default":"#55534E","gray":"#A7A39A","brown":"#9A6851","orange":"#D9730D","yellow":"#CA922F","green":"#448361","blue":"#327DA9","purple":"#8F64AF","pink":"#C24C8B","red":"#D44E49"}},"default":[45,8,20],"gray":[0,0,59],"brown":[26,40,46],"orange":[21,80,41],"yellow":[38,92,45],"green":[175,84,39],"blue":[210,82,50],"purple":[262,81,54],"pink":[333,71,46],"red":[0,72,51]}}},"code":{"global":[{"id":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::6ca62b1b-dc1c-4226-8a05-daeb95623005","content":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n"}],"head":[],"body":[{"id":"ad66d1c2-3027-4386-b750-78c23c9f8c5d:::d017233b-e0b4-4b8c-b40b-b99770d87433","content":"\n\n\n\n\n\n\n\n\n"}],"style":[],"css":"$1f"},"files":[]},"config":{"assetEndpoint":"https://assets.super.so","isPreview":false},"domainQueryParam":"$undefined","children":[null,"$L20","$L21","$L22","$L23"]}],"$L24"]}]