@font-face{font-family:"Mermaid";src:url(fonts/Mermaid-Bold.woff2) format("woff2"),url(fonts/Mermaid-Bold.woff) format("woff");font-weight:bold;font-style:normal;font-display:swap}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 2, 2024 */@font-face{font-family:"don_julioregular";src:url(fonts/donjulio-regular-webfont.woff2) format("woff2"),url(fonts/donjulio-regular-webfont.woff) format("woff");font-weight:normal;font-style:normal}/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 25, 2024 */@font-face{font-family:"ariata_displayregular";src:url(fonts/ariata_display_regular-webfont.woff2) format("woff2"),url(fonts/ariata_display_regular-webfont.woff) format("woff");font-weight:normal;font-style:normal}.customCheckbox{width:33px;height:33px;background-color:#fff;border-radius:6px;vertical-align:middle;border:1px solid #ddd;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer}.customCheckbox:checked{background-color:#000;border:4px solid #ddd}.screen--language-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;padding:2rem;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);position:absolute;top:0;left:0;z-index:1000}.screen--language-selection .language-selection{background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:600px;width:90%;text-align:center}.screen--language-selection .language-selection__title{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:2.5rem;line-height:1.3}@media(max-width: 768px){.screen--language-selection .language-selection__title{font-size:1.5rem;margin-bottom:2rem}}.screen--language-selection .language-selection__buttons{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}@media(max-width: 768px){.screen--language-selection .language-selection__buttons{gap:2rem;flex-direction:column;align-items:center}}.screen--language-selection .language-selection__button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2.5rem 3rem;border:3px solid #e2e8f0;border-radius:15px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 2px 8px rgba(0,0,0,.1)}@media(max-width: 768px){.screen--language-selection .language-selection__button{min-width:250px;width:80%;max-width:300px;padding:2rem 2.5rem}}.screen--language-selection .language-selection__button:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 10px 25px rgba(102,126,234,.3)}.screen--language-selection .language-selection__button:active{transform:translateY(-2px)}.screen--language-selection .language-selection__button:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.2)}.screen--language-selection .language-selection__flag{width:140px;height:auto;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.15);display:block}@media(max-width: 768px){.screen--language-selection .language-selection__flag{width:120px}}.screen--language-selection .language-selection__label{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0}@media(max-width: 768px){.screen--language-selection .language-selection__label{font-size:1.25rem}}html{height:100vh;width:100vw}html body{margin:0;padding:0;font-family:"Roboto",sans-serif;background-color:#f5f5f5;min-height:100vh;overflow:hidden;width:100vw;height:100vh}.app-container{width:100vw;height:100vh;margin:0;overflow:hidden;position:relative}.screen{display:block;width:100vw;height:100vh;overflow:hidden;background-size:100% 100% !important;background-position:top left !important;background-repeat:no-repeat !important;position:relative}.screen--activation{background:linear-gradient(135deg, #e3f2fd 0%, #f3e5f5 50%, #fff3e0 100%);display:flex;align-items:center;justify-content:center}.screen--confirmation.screen--brand1{background:url(images/brand1.png) no-repeat center center}.screen--confirmation.screen--brand2{background:url(images/brand2.png) no-repeat center center}.screen--confirmation.screen--brand3{background:url(images/brand3.png) no-repeat center center}.screen--confirmation.screen--brand4{background:url(images/brand4.png) no-repeat center center}.screen--preview{background:url(images/preview_bg.png) no-repeat center center}.screen--message.screen--brand1{background:url(images/brand1_message.png) no-repeat center center}.screen--message.screen--brand2{background:url(images/brand2_message.png) no-repeat center center}.screen--message.screen--brand3{background:url(images/brand3_message.png) no-repeat center center}.screen--print.screen--brand1{background:url(images/brand1_print.png) no-repeat center center}.screen--print.screen--brand2{background:url(images/brand2_print.png) no-repeat center center}.screen--print.screen--brand3{background:url(images/brand3_print.png) no-repeat center center}.screen--print.screen--brand4{background:url(images/brand4_print.png) no-repeat center center}.button-container{position:absolute;top:88.54vh;width:100vw}.button-container__button{font-size:0px;width:17.5vw;height:3.8vh;display:block;background-size:auto 100%;background-repeat:no-repeat;background-position:center center;image-rendering:crisp-edges;image-rendering:-webkit-optimize-contrast;float:left}.button-container__button--back{margin:0 0 0 29.17vw}.button-container__button--next{margin:0 0 0 4.17vw}.button-container__button--next.button-container__button--hidden{display:none}.button-container__button--next.button-container__button--active{display:block}.button-container__button--skip{margin:0 0 0 29.17vw}.button-container__button--print{margin:auto}.button-container--registration{top:1620px}.button-container--print-centered{text-align:center}.legal-container{width:450px;height:210px;position:absolute;top:1220px;left:400px;font-size:24px;color:#fff;font-family:"ariata_displayregular"}.legal-container__link{color:#fff;text-decoration:underline}.legal-container__link:hover,.legal-container__link:visited{color:#fff}.form-input{width:520px;text-transform:lowercase;font-size:90px;font-family:"don_julioregular";text-align:center;border:none;background:none;text-decoration:none !important}.form-input:focus{outline:none}.form-input--name{position:absolute;top:750px;left:340px}.form-input--email{position:absolute;top:990px;left:340px}.form-checkbox{position:absolute}.form-checkbox--registration{top:1253px;left:340px}.brand-selector__button{width:400px;height:1920px;display:block;position:absolute;z-index:999;font-size:0px}.brand-selector__button::before{content:""}.brand-selector__button--brand1{top:0px;left:0px}.brand-selector__button--brand2{top:0px;left:400px}.brand-selector__button--brand3{top:0px;left:800px}.brand-selector__button--brand4{top:1000px;left:600px;height:920px}.gender-selector{position:absolute;top:18.75vh;left:37.75vw;width:28.5vw;height:2.66vh;background:url(images/gender_selector.svg) no-repeat center center;background-size:contain}.gender-selector__checkbox--male{position:absolute;left:-5.5vw}.gender-selector__checkbox--female{position:absolute;left:10.75vw}.gender-label{position:absolute;top:59.27vh;left:31.75vw;display:block}.gender-label--male{background:url(images/don_cru.svg) no-repeat center center;background-size:contain;width:15.42vw;height:8.02vh;display:none;transform:scale(0.87);margin:.26vh .5vw}.gender-label--female{display:none;background:url(images/dona_cru.svg) no-repeat center center;background-size:contain;width:19.25vw;height:8.49vh;transform:scale(0.8)}.name-input-holder{position:absolute;top:60.5vh;left:49.33vw;width:auto;background:none}.name-input-holder__input{font-family:"Mermaid";text-align:left;width:17.5vw;background:none;border:none;border-radius:.21vh;padding:0;font-size:3.44vh;line-height:3.44vh;height:3.44vh}.name-input-holder__input:focus{outline:none;border-color:rgba(128,128,128,.4)}.error-holder{position:absolute;top:1530px;left:442px;width:360px;height:50px;font-size:40px;color:red;font-family:"don_julioregular";display:none}.preview-container-print{display:block;margin:0;position:absolute;width:100px;height:100px;pointer-events:none;user-select:none}.preview-container-print--brand1{position:absolute;top:622px;left:612px;perspective:2000px;transform-style:preserve-3d;opacity:.9;pointer-events:none;scale:.32}.preview-container-print--brand1 img{transform:rotateX(-8deg) rotateY(20deg) skewY(-7deg)}.preview-container-print--brand2{position:absolute;top:624px;left:612px;perspective:2000px;transform-style:preserve-3d;opacity:.9;pointer-events:none;scale:.32}.preview-container-print--brand2 img{transform:rotateY(16deg) skewY(-5deg)}.preview-container-print--brand3{position:absolute;top:662px;left:168px;scale:.35;perspective:2000px;transform-style:preserve-3d;opacity:.85;pointer-events:none}.preview-container-print--brand3 img{transform:rotateY(-30deg) skewY(8deg)}.preview-container-print--hidden{width:1133px;height:1702px;position:absolute;z-index:89999;opacity:100;visibility:visible;pointer-events:none}.preview-container-print--hidden #printCanvas{transform-origin:top left;transform:scale(0.665)}.preview-container{display:block;margin:0 0 0 13.33vw;position:relative;width:75.33vw;height:66.41vh}.preview-container #canvas{transform:scale(0.68);transform-origin:top left;position:absolute;z-index:9999;top:563px;left:218px}.preview-container{position:absolute}.preview-container--brand1{background:url(images/brand1_bottle.png) no-repeat center center;background-size:contain;margin-top:16.15vh}.preview-container--brand1 .preview-container__image{position:absolute;top:30.47vh;left:17.75vw;width:39.5vw}.preview-container--brand2{background:url(images/brand2_bottle.png) no-repeat center center;background-size:contain;margin-top:16.15vh}.preview-container--brand2 .preview-container__image{position:absolute;top:30.57vh;left:18.08vw;width:37.83vw}.preview-container--brand3{background:url(images/brand3_bottle.png) no-repeat center center;background-size:contain;margin-top:17.19vh}.preview-container--brand3 .preview-container__image{position:absolute;top:30.63vh;left:19.92vw;width:36.75vw}.preview-container--brand4{background:url(images/brand4_bottle.png) no-repeat center center;background-size:contain;margin-top:17.19vh}.preview-container--brand4 .preview-container__image{position:absolute;top:30.63vh;left:19.92vw;width:36.75vw}.preview-container--print{position:absolute}.preview-container--print.preview-container--brand1{top:416px;left:410px;width:564px}.preview-container--print.preview-container--brand1 .preview-container__image{opacity:.9;rotate:-2deg;scale:.3;transform:skew(-5deg, -11deg)}.preview-container--print.preview-container--brand2{top:666px;left:816px;width:200px}.preview-container--print.preview-container--brand2 .preview-container__image{width:190px;height:253px;rotate:-4deg;transform:skew(-5deg, 0deg)}.preview-container--print.preview-container--brand3{top:724px;left:219px;width:200px}.preview-container--print.preview-container--brand3 .preview-container__image{width:220px;height:269px;transform:skew(0deg, 14deg)}.preview-container--print.preview-container--brand4{top:624px;left:289px;width:200px}.preview-container--print.preview-container--brand4 .preview-container__image{width:260px;transform:skew(0deg, -16deg)}.message-recorder__video-button{position:absolute;top:680px;left:80px;width:490px;height:300px;background-color:aqua;font-size:0px;opacity:0}.message-recorder__audio-button{position:absolute;top:650px;left:640px;width:490px;height:300px;background-color:aqua;font-size:0px;opacity:0}.message-recorder__checked{position:absolute;background:url(images/checked-tick.svg) no-repeat center center;background-size:cover;width:200px;height:200px;top:790px;display:none}.message-recorder__checked--video{left:420px}.message-recorder__checked--audio{left:950px}.message-recorder__input{position:absolute;top:1290px;left:209px;width:775px;height:260px;font-size:40px;background:none;border:none;margin:10px}.message-recorder__input:focus{outline:none}.message-recorder__word-count{position:absolute;top:1590px;left:929px;font-size:44px;color:#fff;font-family:"don_julioregular"}.loader{position:absolute;top:810px;left:400px;width:400px;height:400px;background:url(images/loader.gif) no-repeat center center;display:none}.print-frame{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none}.print-frame__iframe{width:100vw;height:100vh;border:none;pointer-events:none}.activation-container{background:#fff;border-radius:2.08vw;padding:4.17vw;width:66.67vw;max-width:90vw;box-shadow:0 2.08vh 5.21vh rgba(0,0,0,.3)}.activation-container__title{font-size:clamp(28px,3.33vw,48px);font-weight:bold;text-align:center;margin-bottom:3.13vh;color:#333;font-family:"Arial","Helvetica",sans-serif}.activation-container__form{display:flex;flex-direction:column;gap:2.08vh}.activation-container__field{display:flex;flex-direction:column;gap:.52vh}.activation-container__label{font-size:clamp(18px,1.67vw,24px);font-weight:600;color:#555;font-family:"Roboto",sans-serif}.activation-container__input{padding:1.04vh 1.67vw;font-size:clamp(16px,1.5vw,22px);border:2px solid #ddd;border-radius:.83vw;font-family:"Roboto",sans-serif;transition:border-color .3s}.activation-container__input:focus{outline:none;border-color:#90caf9}.activation-container__input--readonly{background-color:#f5f5f5;color:#666;cursor:not-allowed;font-weight:bold;letter-spacing:.2em}.activation-container__select{padding:1.04vh 1.67vw;font-size:clamp(16px,1.5vw,22px);border:2px solid #ddd;border-radius:.83vw;font-family:"Roboto",sans-serif;background-color:#fff;cursor:pointer;transition:border-color .3s}.activation-container__select:focus{outline:none;border-color:#90caf9}.activation-container__error{color:#e74c3c;font-size:clamp(14px,1.25vw,18px);min-height:1.56vh;font-family:"Roboto",sans-serif;text-align:center}.activation-container__button{padding:1.56vh 4.17vw;font-size:clamp(18px,1.67vw,24px);font-weight:bold;color:#fff;background:linear-gradient(135deg, #42a5f5 0%, #1e88e5 100%);border:none;border-radius:.83vw;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:"Roboto",sans-serif;margin-top:1.56vh}.activation-container__button:hover{transform:translateY(-2px);box-shadow:0 .52vh 1.04vh rgba(0,0,0,.2)}.activation-container__button:active{transform:translateY(0)}.bottle-confirm-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20vw;height:6vh;background:linear-gradient(135deg, #28a745 0%, #20c997 100%);color:#fff;border:none;border-radius:1.67vw;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5vw;font-weight:bold;font-family:"Roboto",sans-serif;transition:all .3s ease;box-shadow:0 .52vh 1.04vh rgba(0,0,0,.2)}.bottle-confirm-button:hover{transform:translate(-50%, -50%) scale(1.05);box-shadow:0 .78vh 1.56vh rgba(0,0,0,.3)}.bottle-confirm-button:active{transform:translate(-50%, -50%) scale(0.98)}.bottle-confirm-button__text{text-align:center;line-height:1.2}.bottle-confirm-button.confirmed{background:linear-gradient(135deg, #198754 0%, #0d6efd 100%);animation:confirmPulse .6s ease-in-out}@keyframes confirmPulse{0%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(1.1)}100%{transform:translate(-50%, -50%) scale(1)}}iframe{display:none}#canvas{position:absolute;top:0;left:0;pointer-events:auto}body[data-lang=es] .screen--start{background:url(images/start.png) no-repeat center center !important}body[data-lang=es] .screen--registration{background:url(images/registration.png) no-repeat center center !important}body[data-lang=es] .screen--brand-select{background:url(images/brandselect.png) no-repeat center center !important}body[data-lang=es] .button-container__button--back{background:url(images/back_button.svg) no-repeat center center !important}body[data-lang=es] .button-container__button--next{background:url(images/next_button.svg) no-repeat center center !important}body[data-lang=es] .button-container__button--skip{background:url(images/skip_button.svg) no-repeat center center !important}body[data-lang=es] .button-container__button--print{background:url(images/print_button.svg) no-repeat center center !important}body[data-lang=es] .screen--customization.screen--brand1{background:url(images/brand1customizer.png) no-repeat center center !important}body[data-lang=es] .screen--customization.screen--brand2{background:url(images/brand2customizer.png) no-repeat center center !important}body[data-lang=es] .screen--customization.screen--brand3{background:url(images/brand3customizer.png) no-repeat center center !important}body[data-lang=es] .screen--customization.screen--brand4{background:url(images/brand4customizer.png) no-repeat center center !important}body[data-lang=en] .screen--start{background:url(images/start_eng.png) no-repeat center center !important}body[data-lang=en] .screen--registration{background:url(images/registration.png) no-repeat center center !important}body[data-lang=en] .screen--brand-select{background:url(images/brandselect_eng.png) no-repeat center center !important}body[data-lang=en] .button-container__button--back{background:url(images/back_button_eng.svg) no-repeat center center !important}body[data-lang=en] .button-container__button--next{background:url(images/next_button_eng.svg) no-repeat center center !important}body[data-lang=en] .button-container__button--skip{background:url(images/skip_button_eng.svg) no-repeat center center !important}body[data-lang=en] .button-container__button--print{background:url(images/print_button_eng.svg) no-repeat center center !important}body[data-lang=en] .screen--customization.screen--brand1{background:url(images/brand1customizer_eng.png) no-repeat center center !important}body[data-lang=en] .screen--customization.screen--brand2{background:url(images/brand2customizer_eng.png) no-repeat center center !important}body[data-lang=en] .screen--customization.screen--brand3{background:url(images/brand3customizer_eng.png) no-repeat center center !important}body[data-lang=en] .screen--customization.screen--brand4{background:url(images/brand4customizer.png) no-repeat center center !important}

/*# sourceMappingURL=styles.css.map*/