:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot]):not(jmix-timer)):nth-last-child(1 of :not([slot]):not(jmix-timer)){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.jmix-main-view-user-menu{margin-inline-start: auto}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}.jmix-initial-layout-title{position: relative;color: var(--title-color);font-size: var(--title-size);line-height: calc(4 * var(--title-size));box-sizing: border-box}.jmix-initial-layout-title:after{position: absolute;width: 100%;height: 0.3rem;content: '';background: var(--title-color);top: 0;left: 0}.jmix-initial-layout-logo{--logo-size: calc(2.5 * var(--title-size));width: var(--logo-size);height: var(--logo-size)}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}.jmix-main-view-top-menu-app-layout{--vaadin-app-layout-navbar-padding-bottom: 0px}vaadin-app-layout.jmix-main-view-top-menu-app-layout::part(navbar){min-height: 0;border-bottom: 0}.jmix-main-view-top-menu-navigation-bar-box{padding: 0;width: 100%}.jmix-main-view-top-menu-view-header-box{width: 100%;border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-top-menu-navigation{display: flex;flex-grow: 1;overflow: auto}.jmix-main-view-top-menu-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-top-menu-logo-container{display: flex;margin: 0 var(--vaadin-padding-m)}.jmix-main-view-top-menu-logo{--logo-size: round(var(--aura-base-size) * 2.5 * 1px,1px);width: var(--logo-size);height: var(--logo-size)}.jmix-main-view-top-menu-user-box{align-self: flex-end;align-items: center;margin: 0 var(--vaadin-padding-m);max-width: 20em}.jmix-main-view-top-menu-view-title{font-size: var(--aura-font-size-xl);margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-login-main-layout jmix-login-form::part(form){--vaadin-login-form-border-radius: var(--vaadin-radius-l);--vaadin-login-form-background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s);border: 1px solid var(--vaadin-border-color)}.jmix-initial-layout-logo{object-fit: contain}@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');@font-face{font-family: 'Apotek Comp Bold';src: url('/brand/fonts/apotek-comp-bold.otf') format('opentype');font-weight: 700;font-style: normal;font-display: swap}.canje-view{--canje-red: #FF0B2A;--canje-blue: #0038A5;--canje-blue-deep: #002875;--canje-gray: #878787;--canje-bg: #FFFFFF;--canje-text: #24242B;--aura-font-family: 'Nunito','Segoe UI',Roboto,sans-serif;--aura-accent-color: var(--canje-blue);--aura-accent-text-color: var(--canje-blue-deep);--aura-accent-contrast-color: #ffffff;--vaadin-radius-s: 8px;--vaadin-radius-m: 12px;--vaadin-radius-l: 16px;--vaadin-text-color: var(--canje-text);height: auto !important;min-height: 100vh;flex: 1 0 auto;justify-content: flex-start;width: 100%;box-sizing: border-box;font-family: var(--aura-font-family);color: var(--canje-text);background-image: url('/brand/aguante-bg.jpg');background-size: cover;background-position: top center;background-repeat: no-repeat;background-color: #f4f5f8;padding: 2rem 1rem 3rem}.canje-hero-inner{width: 100%;max-width: 26em;gap: 1.5rem}.canje-logo-badge{align-self: center;animation: canje-pop 0.5s cubic-bezier(0.18,0.89,0.32,1.28) both}.canje-logo{width: 9rem;height: auto;filter: drop-shadow(0 10px 20px rgba(0,0,0,0.25))}.canje-card{box-sizing: border-box;background: var(--canje-bg);border: 3px solid var(--canje-red);border-radius: 24px;padding: 2rem 1.5rem 2.25rem;gap: 1rem;box-shadow: 0 18px 50px rgba(0,0,0,0.18);animation: canje-pop 0.55s cubic-bezier(0.18,0.89,0.32,1.28) both}.canje-title{margin: 0;text-align: center;font-family: 'Apotek Comp Bold','Nunito',sans-serif;font-weight: 700;text-transform: uppercase;font-size: 1.9rem;line-height: 1.15;letter-spacing: 0.01em;color: var(--canje-red)}.canje-subtitle{margin: 0;text-align: center;font-weight: 600;font-size: 1.05rem;line-height: 1.4;color: var(--canje-gray)}.canje-prize-photo-box{width: 100%;box-sizing: border-box;background: var(--canje-bg);border-radius: 18px;padding: 1rem;justify-content: center;animation: canje-pop 0.55s 0.05s cubic-bezier(0.18,0.89,0.32,1.28) both}.canje-prize-img{border-radius: 10px}.canje-prize-title{margin: 0.25rem 0 0;text-align: center;font-family: 'Apotek Comp Bold','Nunito',sans-serif;font-weight: 700;text-transform: uppercase;font-size: 1.5rem;line-height: 1.2;color: var(--canje-red);animation: canje-cheer 0.6s ease-out both}.canje-bonus-ticket{margin: 0;text-align: center;font-weight: 700;font-size: 0.95rem;color: var(--canje-blue-deep)}.canje-form{width: 100%}.canje-view vaadin-text-field{width: 100%}.canje-footer-msg{margin: 0;text-align: center;font-weight: 700;color: var(--canje-text)}.canje-btn{font-weight: 800 !important;letter-spacing: 0.01em;border-radius: 16px !important;min-height: 3.25rem;background: var(--canje-blue) !important;color: #ffffff !important;box-shadow: 0 6px 16px rgba(0,56,165,0.35)}.canje-whatsapp{width: 100%}.canje-whatsapp-link{width: 100%;box-sizing: border-box;justify-content: center;background: var(--canje-blue);color: #ffffff !important;font-weight: 800;text-decoration: none;padding: 0.9rem 1rem;min-height: 3.25rem;border-radius: 16px;box-shadow: 0 6px 16px rgba(0,56,165,0.35)}.canje-cupon-participating{display: block;text-align: center;font-weight: 700;color: var(--canje-blue-deep)}.canje-prizes-count{margin: 0.25rem 0 0;text-align: center;font-weight: 700;color: var(--canje-text)}.canje-prizes-details{width: 100%}.canje-prizes-details vaadin-details-summary{color: var(--canje-blue-deep);font-weight: 700}.canje-legal-footer{width: 100%;max-width: 26em;padding: 1.25rem 0 0.5rem}.canje-legal-row{text-align: center;line-height: 1.6}.canje-legal-link{color: var(--canje-blue-deep);font-size: 0.72rem;font-weight: 600;text-decoration: underline;text-underline-offset: 2px}.canje-legal-link:hover{color: var(--canje-red)}.canje-legal-sep{color: rgba(0,0,0,0.35);font-size: 0.72rem;padding: 0 0.25rem}.canje-confetti{position: fixed;inset: 0;overflow: hidden;pointer-events: none;z-index: 2000}.canje-confetti-piece{position: absolute;top: -5%;border-radius: 2px;opacity: 0.95;animation-name: canje-fall;animation-timing-function: cubic-bezier(0.3,0.2,0.5,1);animation-fill-mode: forwards;animation-iteration-count: 1}@keyframes canje-pop{0%{opacity: 0;transform: scale(0.82) translateY(8px)}100%{opacity: 1;transform: scale(1) translateY(0)}}@keyframes canje-cheer{0%{opacity: 0;transform: scale(0.7) rotate(-3deg)}60%{transform: scale(1.08) rotate(2deg)}100%{opacity: 1;transform: scale(1) rotate(0)}}@keyframes canje-fall{0%{transform: translateY(0) rotate(0deg);opacity: 1}100%{transform: translateY(108vh) rotate(720deg);opacity: 0.9}}