:root { --bulma-primary-h: var(--bulma-link-h); --bulma-primary-s: var(--bulma-link-s); --bulma-primary-l: var(--bulma-link-l); --bulma-primary-invert-l: var(--bulma-link-invert-l); --bulma-primary-dark-l: var(--bulma-link-dark-l); --bulma-primary-dark-invert-l: var(--bulma-link-dark-invert-l); --bulma-primary-light-l: var(--bulma-link-light-l); --bulma-primary-light-invert-l: var(--bulma-link-light-invert-l); --bulma-primary-on-scheme-l: var(--bulma-link-on-scheme-l); --bulma-family-primary: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; } .title, .subtitle, .navbar-brand, .modal-card-title { font-family: 'Plus Jakarta Sans', var(--bulma-family-primary); } body { background-color: var(--bulma-scheme-main-bis); line-height: 1.6; -webkit-font-smoothing: antialiased; } .classic-strong { color: var(--bulma-text-strong); } .classic-body { display: flex; flex-direction: column; min-height: 100vh; } .classic-main { flex-grow: 1; } .classic-sticky { position: sticky; top: 0; z-index: 30; } .classic-fill { height: 100%; } .classic-clip { position: relative; overflow: hidden; } .classic-contain { object-fit: contain; } .classic-cover { object-fit: cover; } .classic-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .classic-strike { text-decoration: line-through; } .classic-scroll-x { overflow-x: auto; } .classic-dim { opacity: .75; } .classic-gap { gap: .5rem; } [x-cloak] { display: none !important; } .classic-spin { display: inline-block; animation: classic-spin 1s linear infinite; } @keyframes classic-spin { to { transform: rotate(1turn); } } .classic-logo { max-height: 2.5rem; width: auto; } .classic-logo-large { height: 6rem; width: auto; border-radius: 1rem; } .classic-prose { max-width: 40rem; } .classic-corner { position: absolute; top: .5rem; left: .5rem; z-index: 2; } .classic-corner-bottom { position: absolute; bottom: .75rem; right: .75rem; z-index: 2; } .classic-overlay-start { position: absolute; top: 50%; left: .75rem; transform: translateY(-50%); z-index: 2; } .classic-overlay-end { position: absolute; top: 50%; right: .75rem; transform: translateY(-50%); z-index: 2; } .classic-thumb { padding: 0; height: auto; border: 2px solid transparent; flex-shrink: 0; background: var(--bulma-white); } .classic-thumb.is-active { border-color: currentColor; } .classic-drawer .modal-card { margin: 0 auto 0 0; width: 20rem; max-width: 85vw; height: 100%; max-height: 100%; border-radius: 0; } .classic-lightbox .modal-content { width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; margin: 0; overflow: hidden; } .classic-lightbox figure { display: flex; justify-content: center; align-items: center; height: 100%; padding-bottom: 6rem; } .classic-lightbox img { max-height: 100%; width: auto; max-width: 100%; object-fit: contain; } .classic-nav-links .navbar-link { padding-left: .5rem; padding-right: .5rem; text-transform: uppercase; font-size: .8rem; font-weight: 500; letter-spacing: .02em; } .classic-lightbox-thumbs { position: absolute; bottom: .75rem; left: 0; right: 0; margin: 0 auto; width: max-content; max-width: 90vw; z-index: 2; padding: .25rem; } .classic-lightbox-thumbs > :first-child { margin-left: auto; } .classic-lightbox-thumbs > :last-child { margin-right: auto; } .classic-zoomable { transition: transform .1s ease-out; } .classic-viewer-tools { position: absolute; top: .75rem; right: .75rem; z-index: 3; margin: 0; } .button.classic-whatsapp { position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 40; width: 3.5rem; height: 3.5rem; padding: 0; min-width: 0; border-radius: 50%; font-size: 1.75rem; box-shadow: var(--bulma-shadow); } .footer { border-top: 1px solid var(--bulma-border); } .classic-banner { position: relative; aspect-ratio: 1624 / 640; } .classic-banner-image { position: absolute; inset: 0; width: 100%; height: 100%; } .classic-banner-action { position: absolute; left: 50%; bottom: clamp(.5rem, 4vw, 4rem); transform: translateX(-50%); z-index: 1; } .classic-lazy-section { content-visibility: auto; contain-intrinsic-size: auto 26rem; } .classic-carousel { display: flex; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: .25rem; } .classic-carousel::-webkit-scrollbar { display: none; } .classic-carousel-item { flex: 0 0 auto; width: 10.5rem; scroll-snap-align: start; } @media screen and (min-width: 769px) { .classic-carousel-item { width: 14rem; } }