html,body{max-width:100vw;width:100vw;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Montserrat,Arial,sans-serif;background:linear-gradient(135deg,#232526 0%,#414345 100%);min-height:100vh;color:#f3f3f3;transition:background .5s;width:100vw;overflow-x:hidden}.app-container{width:100%;max-width:100vw;box-sizing:border-box;margin:0;padding:0;background:transparent;animation:fadeIn 1s}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:linear-gradient(90deg,#232526 0%,#414345 100%);border-radius:24px;box-shadow:0 4px 24px #232526;padding:1.5rem 2.5rem;animation:fadeInDown .8s;width:100%;max-width:100vw;box-sizing:border-box}.header-left{display:flex;align-items:center}.logo{height:56px;width:auto;margin-right:1rem;filter:drop-shadow(0 2px 8px #232526)}.site-title{font-size:2rem;font-weight:900;letter-spacing:2px;color:#f3f3f3;text-shadow:2px 2px 8px #232526}.header-nav{display:flex;gap:2rem}.header-nav a{color:#f3f3f3;font-weight:700;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:18px;transition:background .2s,color .2s}.header-nav a:hover{background:#414345;color:#fff}.admin-btn{background:#414345;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:30px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #232526;transition:background .2s}.admin-btn:hover{background:#232526;color:#fff}main{min-height:60vh}.main-footer{background:linear-gradient(90deg,#7873f5 0%,#ff6ec4 100%);border-radius:24px;box-shadow:0 -2px 12px #00cfff;padding:2rem 2.5rem 1rem;margin-top:2rem;text-align:center;animation:fadeInUp .8s;width:100%;max-width:100vw;box-sizing:border-box}.footer-nav{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.footer-nav a{color:#fff;font-weight:700;text-decoration:none;font-size:1.1rem;padding:.5rem 1rem;border-radius:18px;transition:background .2s,color .2s}.footer-nav a:hover{background:#fff;color:#7873f5}.footer-copy{font-size:.95rem;color:#fff;opacity:.7}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.app-container{padding:.5rem!important;margin:0!important}.main-header,header{flex-direction:column!important;padding:1.5rem 1rem!important;gap:1.5rem!important;margin-bottom:1rem!important;border-radius:15px!important}.header-left{flex-direction:column!important;align-items:center!important;gap:1rem!important;width:100%!important}.logo{height:120px!important;width:120px!important;object-fit:contain!important}.site-title{font-size:1.2rem!important;text-align:center!important;margin:0!important;line-height:1.3!important}.header-nav{gap:.8rem!important;flex-wrap:wrap!important;justify-content:center!important;width:100%!important;padding:.5rem!important}.header-nav a{font-size:.9rem!important;padding:.6rem 1rem!important;border-radius:20px!important;min-width:80px!important;text-align:center!important}.products{flex-direction:column!important;gap:1.5rem!important;align-items:center!important;padding:0 .5rem!important}.product-card,.product-button{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border-radius:15px!important}.catalog-carousel-image{height:200px!important;width:100%!important;object-fit:cover!important;border-radius:15px!important}footer,.main-footer{padding:1.5rem 1rem!important;margin-top:2rem!important}input[type=text]{width:120px!important;font-size:12px!important;padding:6px 10px!important;border-radius:15px!important}.admin-btn{font-size:.8rem!important;padding:.5rem 1rem!important;border-radius:20px!important}.popup-content{width:95vw!important;max-width:95vw!important;margin:1rem!important;border-radius:15px!important}.popup-images-container{height:300px!important;border-radius:10px!important}.menu-container{margin-left:0!important;width:100%!important;justify-content:center!important;position:relative!important;z-index:1000!important}.menu-container>div{position:absolute!important;top:100%!important;right:0!important;left:auto!important;width:250px!important;max-width:90vw!important;margin-top:.5rem!important;border-radius:15px!important;backdrop-filter:blur(20px)!important}.menu-container input{width:100px!important;font-size:12px!important;padding:6px 10px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.3)!important}.menu-container button{font-size:.8rem!important;padding:6px 12px!important;border-radius:15px!important;white-space:nowrap!important}main{padding:1rem .5rem!important;margin:0!important}img{max-width:100%!important;height:auto!important}h1,h2,h3{word-wrap:break-word!important;overflow-wrap:break-word!important}.catalog-content{flex-direction:column!important;gap:1.5rem!important;padding:0!important}}@media (min-width: 769px) and (max-width: 1024px){.app-container{padding:1rem!important}.main-header,header{padding:2rem 1.5rem!important}.logo{height:140px!important;width:140px!important}.products{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:1.5rem!important}}@media (max-width: 480px){.app-container{padding:.3rem!important}.main-header,header{padding:1rem .8rem!important;gap:1rem!important}.logo{height:100px!important;width:100px!important}.site-title{font-size:1rem!important}.header-nav a{font-size:.8rem!important;padding:.5rem .8rem!important;min-width:70px!important}.products{gap:1rem!important;padding:0 .3rem!important}.popup-content{width:98vw!important;margin:.5rem!important}.popup-images-container{height:250px!important}}.pdf-generator-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.pdf-generator-modal{background:#fff;border-radius:20px;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d}.pdf-generator-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff}.pdf-generator-header h2{margin:0;font-size:1.5rem;font-weight:700}.pdf-generator-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.pdf-generator-close:hover{background:rgba(255,255,255,.2)}.pdf-generator-content{display:grid;grid-template-columns:1fr 400px;gap:0;height:calc(90vh - 100px)}.pdf-preview{background:#f8f9fa;padding:30px;overflow-y:auto;border-right:1px solid #e0e0e0}.pdf-preview h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 25px;text-align:center}.pdf-preview-content{background:white;border-radius:15px;padding:25px;box-shadow:0 4px 15px #0000001a;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.preview-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.preview-section:last-child{border-bottom:none}.preview-section h4{font-size:1rem;font-weight:700;color:#ff6e6e;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.preview-date{color:#666;font-size:.8rem;margin:5px 0}.preview-sizes{display:flex;flex-direction:column;gap:5px}.preview-sizes p{margin:2px 0}.pdf-form{padding:30px;background:white;overflow-y:auto}.pdf-form h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 25px;text-align:center}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#ff6e6e;background:white;box-shadow:0 0 0 3px #ff6e6e1a}.generate-pdf-btn{width:100%;padding:15px 25px;background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:center;margin-top:20px}.generate-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ff6e6e4d}@media (max-width: 1024px){.pdf-generator-content{grid-template-columns:1fr;height:auto}.pdf-preview{border-right:none;border-bottom:1px solid #e0e0e0;max-height:50vh}}@media (max-width: 768px){.pdf-generator-modal{margin:10px;max-height:95vh}.pdf-generator-header{padding:15px 20px}.pdf-generator-header h2{font-size:1.2rem}.pdf-preview,.pdf-form{padding:20px}.form-row{grid-template-columns:1fr}}.group-order-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.group-order-modal{background:#fff;border-radius:20px;max-width:1400px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.group-order-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff}.group-order-header h2{margin:0;font-size:1.5rem;font-weight:700}.group-order-close{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.group-order-close:hover{background:rgba(255,255,255,.2)}.group-order-content{display:grid;grid-template-columns:380px 1fr;gap:24px;height:calc(90vh - 100px);overflow:auto}.general-info{padding:24px 24px 20px;background:#f8f9fa;overflow-y:auto;border-right:1px solid #e0e0e0}.left-column{display:flex;flex-direction:column;gap:16px;min-width:260px}.selected-product-image img{max-width:100%;height:auto}.general-info h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 25px;text-align:center}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;background:white;box-shadow:0 0 0 3px #4caf501a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions-top{display:flex;gap:10px;margin-top:20px}.fill-names-btn,.clear-btn{flex:1;padding:10px 15px;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.fill-names-btn{background:linear-gradient(135deg,#2196F3 0%,#1976D2 100%);color:#fff}.clear-btn{background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);color:#fff}.fill-names-btn:hover,.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.students-list{padding:24px;background:white;overflow-y:auto}.students-list h3{font-size:1.3rem;font-weight:700;color:#333;margin:0 0 25px;text-align:center}.students-grid{display:flex;flex-direction:column;gap:8px}.student-header{display:grid;grid-template-columns:40px 1fr 100px 100px 100px;gap:10px;padding:12px 15px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;font-weight:700;font-size:.9rem;border-radius:8px;text-align:center}.student-row{display:grid;grid-template-columns:40px 1fr 100px 100px 100px;gap:10px;padding:8px 15px;background:#f8f9fa;border-radius:6px;align-items:center;transition:background .2s}.student-row:hover{background:#e8f5e8}.student-row:nth-child(2n){background:#fff}.student-row:nth-child(2n):hover{background:#e8f5e8}.student-number{text-align:center;font-weight:600;color:#666;font-size:.9rem}.student-name{font-size:.9rem!important;padding:8px 12px!important}.student-size{font-size:.8rem!important;padding:6px 8px!important;text-align:center}.generate-section{margin-top:30px;text-align:center}.generate-group-pdf-btn{padding:15px 40px;background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.generate-group-pdf-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px #4caf5066}@media (max-width: 1200px){.group-order-content{grid-template-columns:320px 1fr;gap:16px}}@media (max-width: 1024px){.group-order-content{grid-template-columns:1fr;height:auto;overflow:auto}.general-info{border-right:none;border-bottom:1px solid #e0e0e0;max-height:none}}@media (max-width: 768px){.group-order-modal{margin:10px;max-height:95vh}.group-order-header{padding:15px 20px}.group-order-header h2{font-size:1.2rem}.general-info{padding:16px}.students-list{padding:12px 8px 16px}.form-row{grid-template-columns:1fr}.student-header,.student-row{grid-template-columns:26px 1fr 72px 72px 72px;gap:6px}.student-header{font-size:.8rem}.student-name{font-size:.8rem!important;padding:6px 8px!important}.student-size{font-size:.7rem!important;padding:4px 6px!important;text-align:center}}@media (max-width: 480px){.group-order-modal{border-radius:14px}.group-order-header h2{font-size:1.05rem}.student-header,.student-row{grid-template-columns:22px 1fr 64px 64px 64px;gap:6px}.student-name{font-size:.78rem!important}.student-size{font-size:.7rem!important}}.catalog-container{width:100%;max-width:100vw;margin:0;padding:0}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;padding:0;width:100%}.catalog-item{position:relative;width:100%;height:300px;overflow:hidden;cursor:pointer;transition:all .3s ease}.catalog-item:hover,.catalog-item.hovered{transform:scale(1.02)}.product-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease}.catalog-item:hover .product-image,.catalog-item.hovered .product-image{filter:grayscale(0%)}.no-image-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:#666;font-size:.9rem}.product-actions{position:absolute;left:0;right:0;bottom:0;padding:8px 10px;display:flex;gap:8px;justify-content:center;align-items:center;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.25) 60%,rgba(0,0,0,.45) 100%);opacity:0;transform:translateY(8px);transition:all .25s ease;z-index:10}.catalog-item:hover .product-actions,.catalog-item.hovered .product-actions{opacity:1;transform:translateY(0)}.group-order-btn,.whatsapp-btn{border:none;padding:6px 10px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;color:#fff}.group-order-btn{background:linear-gradient(135deg,#4CAF50 0%,#45a049 100%)}.whatsapp-btn{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%)}.group-order-btn:hover,.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.product-actions--footer{gap:10px}.product-actions--footer .group-order-btn,.product-actions--footer .whatsapp-btn{flex:1 1 0;max-width:46%;text-align:center}.product-category-badge{position:absolute;top:15px;left:15px;z-index:5}.category-badge{display:inline-block;padding:.3rem .8rem;border-radius:20px;font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003;backdrop-filter:blur(5px)}.catalog-empty{text-align:center;padding:40px;color:#666}@keyframes mobileColorCycle{}@keyframes mobileImageColorCycle{0%,70%{filter:grayscale(100%)}15%,55%{filter:grayscale(0%)}}@media (max-width: 768px){.catalog-grid{grid-template-columns:repeat(2,1fr)}.group-order-btn,.whatsapp-btn{font-size:9px;padding:5px 8px}.catalog-item{animation:mobileColorCycle 8s infinite}.catalog-item .product-image{animation:mobileImageColorCycle 8s infinite}.catalog-item:nth-child(2n){animation-delay:2s}.catalog-item:nth-child(2n) .product-image{animation-delay:2s}.catalog-item:nth-child(3n){animation-delay:4s}.catalog-item:nth-child(3n) .product-image{animation-delay:4s}.catalog-item:nth-child(4n){animation-delay:6s}.catalog-item:nth-child(4n) .product-image{animation-delay:6s}}@media (max-width: 480px){.catalog-grid{grid-template-columns:repeat(1,1fr)}.catalog-item{height:250px}.group-order-btn,.whatsapp-btn{font-size:8px;padding:4px 6px}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.cloud-page-generator{max-width:1200px;margin:0 auto;padding:2rem;background:rgba(255,255,255,.05);border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cloud-page-generator h2{color:#7873f5;font-size:2rem;margin-bottom:1rem;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cloud-page-generator .description{color:#e0e0e0;font-size:1.1rem;text-align:center;margin-bottom:2rem;line-height:1.6}.message{padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center;font-weight:700}.message.success{background:rgba(37,211,102,.2);border:2px solid #25d366;color:#25d366}.message.error{background:rgba(255,0,0,.2);border:2px solid #ff0000;color:red}.generator-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#e0e0e0;font-weight:700;font-size:1rem}.form-group input,.form-group textarea{padding:.8rem;border:2px solid rgba(120,115,245,.3);border-radius:10px;background:rgba(255,255,255,.1);color:#e0e0e0;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#7873f5;box-shadow:0 0 0 3px #7873f533;background:rgba(255,255,255,.15)}.form-group input::placeholder,.form-group textarea::placeholder{color:#e0e0e099}.form-group small{color:#e0e0e0b3;font-size:.9rem}.quill-editor-container{border-radius:10px;overflow:hidden;background:rgba(255,255,255,.1)}.quill-editor-container .ql-toolbar{background:rgba(120,115,245,.2);border:2px solid rgba(120,115,245,.3);border-bottom:none;border-radius:10px 10px 0 0}.quill-editor-container .ql-container{border:2px solid rgba(120,115,245,.3);border-top:none;border-radius:0 0 10px 10px;background:rgba(255,255,255,.1);min-height:200px}.quill-editor-container .ql-editor{color:#e0e0e0;font-size:1rem;line-height:1.6;padding:1rem}.quill-editor-container .ql-editor.ql-blank:before{color:#e0e0e099;font-style:italic}.quill-editor-container .ql-toolbar button{color:#e0e0e0}.quill-editor-container .ql-toolbar button:hover,.quill-editor-container .ql-toolbar .ql-active{color:#7873f5}.form-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.btn-save,.btn-cancel{padding:1rem 2rem;border:none;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-save{background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);color:#fff;box-shadow:0 4px 15px #7873f566}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #7873f599}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{background:rgba(255,255,255,.1);color:#e0e0e0;border:2px solid rgba(255,255,255,.3)}.btn-cancel:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.pages-list{margin-top:3rem}.pages-list h3{color:#7873f5;font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.page-card{background:rgba(255,255,255,.05);border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.page-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000004d}.page-info h4{color:#7873f5;font-size:1.2rem;margin-bottom:.5rem}.page-url{color:#ff6ec4;font-size:.9rem;margin-bottom:.5rem;word-break:break-all}.page-slug{color:#e0e0e0b3;font-size:.8rem;margin-bottom:.5rem}.page-meta{color:#e0e0e0;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}.page-date{color:#e0e0e099;font-size:.8rem;margin-bottom:1rem}.page-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-view,.btn-edit,.btn-delete{padding:.5rem 1rem;border:none;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem}.btn-view{background:rgba(37,211,102,.2);color:#25d366;border:1px solid #25d366}.btn-view:hover{background:rgba(37,211,102,.3);transform:translateY(-1px)}.btn-edit{background:rgba(120,115,245,.2);color:#7873f5;border:1px solid #7873f5}.btn-edit:hover{background:rgba(120,115,245,.3);transform:translateY(-1px)}.btn-delete{background:rgba(255,0,0,.2);color:red;border:1px solid #ff0000}.btn-delete:hover{background:rgba(255,0,0,.3);transform:translateY(-1px)}.instructions{margin-top:3rem;padding:2rem;background:rgba(120,115,245,.1);border-radius:15px;border:1px solid rgba(120,115,245,.3)}.instructions h3{color:#7873f5;font-size:1.5rem;margin-bottom:1rem;text-align:center}.instructions ol{color:#e0e0e0;line-height:1.8;padding-left:1.5rem}.instructions li{margin-bottom:.8rem;font-size:1rem}.instructions code{background:rgba(120,115,245,.2);padding:.2rem .5rem;border-radius:5px;font-family:Courier New,monospace;color:#7873f5;font-weight:700}@media (max-width: 768px){.cloud-page-generator{padding:1.5rem;margin:1rem}.cloud-page-generator h2{font-size:1.8rem}.form-actions{flex-direction:column;align-items:center}.btn-save,.btn-cancel{width:100%;max-width:300px;justify-content:center}.pages-grid{grid-template-columns:1fr}.page-actions{justify-content:center}.instructions{padding:1.5rem}}@media (max-width: 480px){.cloud-page-generator{padding:1rem;margin:.5rem}.cloud-page-generator h2{font-size:1.5rem}.form-group input,.form-group textarea{padding:.6rem}.quill-editor-container .ql-editor{padding:.8rem}.instructions{padding:1rem}.instructions ol{padding-left:1rem}}.category-manager{max-width:1200px;margin:0 auto;padding:20px}.category-manager-header{text-align:center;margin-bottom:30px}.category-manager-header h2{font-size:2rem;color:#333;margin-bottom:10px}.category-manager-header p{color:#666;font-size:1.1rem}.message{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.category-manager-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.category-form-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.category-form-section h3{font-size:1.3rem;color:#333;margin-bottom:20px;font-weight:600}.category-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff6e6e;box-shadow:0 0 0 3px #ff6e6e1a}.form-group textarea{resize:vertical;min-height:80px}.color-picker-container{display:flex;align-items:center;gap:15px}.color-picker{width:50px;height:50px;border:none;border-radius:8px;cursor:pointer;background:none}.color-preview{width:30px;height:30px;border-radius:6px;border:2px solid #e0e0e0}.form-actions{display:flex;gap:15px;margin-top:10px}.submit-btn,.cancel-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:1rem}.submit-btn{background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ff6e6e4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{background:#f8f9fa;color:#666;border:2px solid #e0e0e0}.cancel-btn:hover{background:#e9ecef}.categories-list-section{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.categories-list-section h3{font-size:1.3rem;color:#333;margin-bottom:20px;font-weight:600}.empty-categories{text-align:center;padding:40px 20px;color:#666}.empty-categories p{margin:10px 0;font-size:1.1rem}.categories-grid{display:grid;gap:15px}.category-card{background:#f8f9fa;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s;border:1px solid #e0e0e0}.category-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.category-color-bar{height:6px;width:100%}.category-info{padding:15px}.category-info h4{font-size:1.1rem;color:#333;margin:0 0 8px;font-weight:600}.category-description{color:#666;font-size:.9rem;margin:8px 0;line-height:1.4}.category-date{color:#999;font-size:.8rem;margin:8px 0 0}.category-actions{display:flex;gap:10px;padding:0 15px 15px}.edit-btn,.delete-btn{padding:8px 12px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:1rem}.edit-btn{background:#007bff;color:#fff}.edit-btn:hover{background:#0056b3}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}@media (max-width: 768px){.category-manager-content{grid-template-columns:1fr;gap:20px}.category-manager{padding:15px}.category-form-section,.categories-list-section{padding:20px}.form-actions{flex-direction:column}.submit-btn,.cancel-btn{width:100%}}.admin{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);min-height:100vh;color:#fff}.admin-header{text-align:center;margin-bottom:3rem;padding:2rem;background:rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.admin-header h2{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;text-shadow:0 4px 20px rgba(120,115,245,.3)}.admin-header p{font-size:1.1rem;color:#ccc;margin:0}.admin-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-btn{background:rgba(255,255,255,.1);color:#fff;border:2px solid transparent;padding:1rem 2rem;border-radius:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;backdrop-filter:blur(10px);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 8px 25px #0000004d}.tab-btn.active{background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);border-color:#7873f5;box-shadow:0 8px 25px #7873f566;transform:translateY(-2px)}.admin-content{display:grid;gap:2rem}.admin-section{background:rgba(255,255,255,.05);border-radius:20px;padding:2rem;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);transition:all .3s ease}.admin-section:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);box-shadow:0 10px 30px #0003}.admin-section h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:2px solid rgba(255,255,255,.1)}.admin-section h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);border-radius:2px}.admin-form{display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#fff;font-weight:600;font-size:1rem;display:flex;align-items:center;gap:.5rem}.admin-form input,.admin-form textarea,.admin-form select{padding:1rem;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease;backdrop-filter:blur(10px)}.admin-form select option{background:#333;color:#fff;padding:.5rem}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus{outline:none;border-color:#7873f5;box-shadow:0 0 0 3px #7873f533;background:rgba(255,255,255,.15)}.admin-form input::placeholder,.admin-form textarea::placeholder{color:#fff9}.image-input-group{display:flex;gap:.5rem;align-items:center}.image-input-group input{flex:1}.remove-image-btn{background:#ff4757;color:#fff;border:none;width:40px;height:40px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#ff3742;transform:scale(1.1)}.add-image-btn{background:linear-gradient(135deg,#2ed573 0%,#1e90ff 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-top:1rem}.add-image-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2ed57366}.destacado-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:1rem;background:rgba(255,255,255,.05);border-radius:10px;transition:all .3s ease}.destacado-label:hover{background:rgba(255,255,255,.1)}.destacado-label input[type=checkbox]{width:20px;height:20px;accent-color:#7873f5}.form-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.submit-btn{background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:200px}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7873f566}.cancel-btn{background:rgba(255,255,255,.1);color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;min-width:200px}.cancel-btn:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.products-list{margin-top:2rem}.products-table{background:rgba(255,255,255,.05);border-radius:15px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem 1.5rem;background:rgba(255,255,255,.1);font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease;align-items:center}.table-row:hover{background:rgba(255,255,255,.08)}.table-row:last-child{border-bottom:none}.row-name{display:flex;align-items:center;gap:.5rem}.product-name{color:#fff;font-weight:600;font-size:1rem}.featured-badge{font-size:.8rem;background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%);color:#333;padding:.2rem .5rem;border-radius:10px;font-weight:700}.row-category{display:flex;align-items:center}.category-badge-small{display:inline-block;padding:.3rem .6rem;border-radius:15px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 2px 8px #0003}.no-category{color:#ffffff80;font-style:italic;font-size:.9rem}.row-price{color:gold;font-weight:700;font-size:1.1rem}.row-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;display:flex;align-items:center;gap:.3rem}.edit-btn{background:linear-gradient(135deg,#2ed573 0%,#1e90ff 100%);color:#fff}.delete-btn{background:linear-gradient(135deg,#ff4757 0%,#ff3742 100%);color:#fff}.edit-btn:hover,.delete-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.featured-image-form{display:grid;gap:1.5rem}.featured-image-input-group{display:flex;gap:.5rem;align-items:center}.featured-image-input{flex:1;padding:1rem;border-radius:10px;border:2px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:all .3s ease}.featured-image-input:focus{outline:none;border-color:#7873f5;box-shadow:0 0 0 3px #7873f533}.remove-featured-image-btn{background:#ff4757;color:#fff;border:none;width:40px;height:40px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.remove-featured-image-btn:hover{background:#ff3742;transform:scale(1.1)}.add-featured-image-btn{background:linear-gradient(135deg,#2ed573 0%,#1e90ff 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-top:1rem}.add-featured-image-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2ed57366}.featured-preview{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.featured-preview img{width:80px;height:80px;border-radius:10px;object-fit:cover;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.featured-preview img:hover{transform:scale(1.1);border-color:#7873f5}.save-featured-btn{background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%);color:#fff;border:none;padding:1rem 2rem;border-radius:15px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1rem;margin-top:1rem}.save-featured-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #7873f566}.save-featured-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.admin{padding:1rem}.admin-header h2{font-size:2rem}.admin-tabs{flex-direction:column;align-items:center}.tab-btn{width:100%;max-width:300px}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-row{padding:1rem;background:rgba(255,255,255,.05);margin-bottom:.5rem;border-radius:10px;border:none}.row-name,.row-category,.row-price,.row-actions{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.row-actions{border-bottom:none;justify-content:center;gap:1rem;margin-top:.5rem}.row-name:before{content:"📦 Producto:";font-weight:600;color:#ffffffb3}.row-category:before{content:"📂 Categoría:";font-weight:600;color:#ffffffb3}.row-price:before{content:"💰 Precio:";font-weight:600;color:#ffffffb3}.form-buttons{flex-direction:column;align-items:center}.submit-btn,.cancel-btn{width:100%;max-width:300px}.featured-preview{justify-content:center}}@media (max-width: 480px){.admin-header{padding:1rem}.admin-header h2{font-size:1.5rem}.admin-section{padding:1rem}.admin-section h3{font-size:1.2rem}}.product-page{min-height:100vh;background-color:#f8f8f8;padding:40px 20px}.product-page-container{max-width:1200px;margin:0 auto}.back-button{display:inline-block;color:#666;text-decoration:none;font-size:14px;margin-bottom:30px;transition:color .3s ease}.back-button:hover{color:#333}.product-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-image-section{position:relative}.product-image-container{position:relative;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.product-main-image{width:100%;height:auto;display:block;transition:transform .3s ease}.product-main-image:hover{transform:scale(1.02)}.image-navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;padding:0 20px;pointer-events:none}.nav-button{background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:all}.nav-button:hover{background:rgba(255,255,255,1);transform:scale(1.1)}.image-counter{background:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:500}.image-thumbnails{display:flex;gap:10px;margin-top:20px;justify-content:center}.thumbnail{width:60px;height:60px;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;padding:0;transition:all .3s ease}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail.active{border-color:#4caf50}.thumbnail:hover{border-color:#4caf50;transform:scale(1.05)}.no-image-placeholder{width:100%;height:400px;background:#f0f0f0;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#999;font-size:16px}.product-details{padding:20px 0}.product-title{font-size:32px;font-weight:300;color:#333;margin:0 0 20px;line-height:1.2}.product-description{margin-bottom:30px}.product-description p{font-size:16px;line-height:1.6;color:#666;margin:0}.product-price{display:flex;align-items:center;gap:10px;margin-bottom:20px}.price-label{font-size:14px;color:#999;font-weight:500}.price-value{font-size:24px;font-weight:600;color:#4caf50}.product-category{display:flex;align-items:center;gap:10px;margin-bottom:40px}.category-label{font-size:14px;color:#999;font-weight:500}.category-value{font-size:16px;color:#666;font-weight:500}.whatsapp-order-btn{background:#4CAF50;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.whatsapp-order-btn:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.whatsapp-order-btn:before{content:"📱";font-size:16px}.product-page-loading,.product-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.back-link{color:#4caf50;text-decoration:none;margin-top:20px;font-weight:500}.back-link:hover{text-decoration:underline}@media (max-width: 768px){.product-content{grid-template-columns:1fr;gap:40px}.product-title{font-size:28px}.product-page{padding:20px 15px}.image-navigation{padding:0 10px}.nav-button{width:35px;height:35px;font-size:18px}.image-thumbnails{gap:8px}.thumbnail{width:50px;height:50px}}@media (max-width: 480px){.product-title{font-size:24px}.price-value{font-size:20px}.whatsapp-order-btn{width:100%;justify-content:center}}.page-viewer{max-width:900px;margin:2.5rem auto;padding:2.5rem 1.2rem;background:linear-gradient(135deg,#232526 0%,#3a3a3a 100%);border-radius:22px;box-shadow:0 8px 32px #5000782e;color:#fff;font-family:Segoe UI,Roboto,Arial,sans-serif;animation:fadeInPage .7s cubic-bezier(.4,0,.2,1)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-header{margin-bottom:2.5rem;text-align:center;position:relative}.back-button{position:absolute;left:0;top:0;background:linear-gradient(135deg,#ff6ec4 0%,#7873f5 100%);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #7873f52e;font-size:1.1rem}.back-button:hover{transform:scale(1.07);background:linear-gradient(135deg,#7873f5 0%,#ff6ec4 100%)}.page-header h1{font-size:2.7rem;font-weight:800;margin:0;background:linear-gradient(90deg,#ff6ec4 0%,#7873f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(0,0,0,.18);letter-spacing:2px}.page-content{line-height:1.85;font-size:1.18rem;color:#f3f3f3;margin-bottom:2.5rem}.page-content .faq-block{margin:2.2rem 0;padding:0;animation:fadeInCard .7s cubic-bezier(.4,0,.2,1)}@keyframes fadeInCard{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.page-content .faq-question{display:flex;align-items:center;font-weight:700;font-size:1.22rem;color:#ff6ec4;margin-bottom:.5rem;gap:.7rem;letter-spacing:.5px}.page-content .faq-question:before{content:"💡";font-size:1.5rem;margin-right:.5rem;color:#7873f5}.page-content .faq-answer{background:linear-gradient(90deg,#7873f5 0%,#ff6ec4 100%);border-left:5px solid #fff;border-radius:0 16px 16px 0;padding:1.1rem 1.4rem;margin-bottom:1.5rem;color:#fff;font-size:1.08rem;box-shadow:0 2px 12px #7873f51a;font-weight:500;letter-spacing:.2px}.page-content .info-block{background:linear-gradient(90deg,#7873f5 0%,#ff6ec4 100%);color:#fff;padding:1.2rem 1.5rem;border-radius:14px;margin:2rem 0;font-weight:600;box-shadow:0 2px 12px #7873f51a;font-size:1.08rem;display:flex;align-items:center;gap:.7rem}.page-content .info-block:before{content:"ℹ️";font-size:1.5rem;margin-right:.7rem}.page-content .warning-block{background:linear-gradient(90deg,#ffb347 0%,#ff6e6e 100%);color:#fff;padding:1.2rem 1.5rem;border-radius:14px;margin:2rem 0;font-weight:600;box-shadow:0 2px 12px #ffb3471a;font-size:1.08rem;display:flex;align-items:center;gap:.7rem}.page-content .warning-block:before{content:"⚠️";font-size:1.5rem;margin-right:.7rem}.page-content .success-block{background:linear-gradient(90deg,#43e97b 0%,#38f9d7 100%);color:#222;padding:1.2rem 1.5rem;border-radius:14px;margin:2rem 0;font-weight:600;box-shadow:0 2px 12px #43e97b1a;font-size:1.08rem;display:flex;align-items:center;gap:.7rem}.page-content .success-block:before{content:"✅";font-size:1.5rem;margin-right:.7rem}.page-content ul,.page-content ol{background:rgba(255,255,255,.04);border-radius:10px;padding:1.1rem 1.7rem 1.1rem 2.2rem;margin-bottom:2.2rem;box-shadow:0 1px 6px #7873f50a}.page-content li{margin-bottom:.8rem;line-height:1.7;position:relative;font-size:1.08rem}.page-content ul li:before{content:"•";color:#ff6ec4;font-weight:700;display:inline-block;width:1.2em;margin-left:-1.2em}.page-content code{background:rgba(255,255,255,.13);padding:.25rem .6rem;border-radius:5px;font-family:Fira Mono,Courier New,monospace;color:#ff6ec4;font-size:1.02rem}.page-content pre{background:rgba(0,0,0,.25);padding:1.1rem;border-radius:10px;overflow-x:auto;margin:1.7rem 0}.page-content blockquote{border-left:5px solid #ff6ec4;padding-left:1.2rem;margin:2rem 0;font-style:italic;background:rgba(255,110,196,.08);padding:1.1rem;border-radius:0 12px 12px 0}.page-content img{max-width:100%;height:auto;border-radius:14px;margin:1.7rem 0;box-shadow:0 4px 15px #0000002e}.page-footer{margin-top:3.5rem;padding-top:2.2rem;border-top:1px solid rgba(255,255,255,.13);text-align:center;color:#bbb;font-size:1.05rem;letter-spacing:.5px;background:none}.footer-socials{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.2rem}.footer-icon{color:#fff;opacity:.85;transition:transform .2s,color .2s,opacity .2s;display:inline-flex;align-items:center;border-radius:50%;padding:.2rem}.footer-copy{margin-top:.5rem;color:#bbb;font-size:1.05rem;line-height:1.6}.page-meta{color:#999;font-size:.98rem;margin:0}@media (max-width: 900px){.page-viewer{padding:1.2rem .2rem}}@media (max-width: 600px){.page-viewer{padding:.7rem .1rem;margin:1.2rem .2rem}.page-header h1{font-size:1.5rem}.page-content{font-size:1.01rem}.page-content .faq-question{font-size:1.05rem}.page-content .faq-answer,.page-content .info-block,.page-content .warning-block,.page-content .success-block{font-size:.98rem;padding:.8rem .7rem}.footer-socials svg{width:22px;height:22px}.footer-copy{font-size:.97rem}}.header-carousel{position:absolute;inset:0;overflow:hidden;z-index:1}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;filter:brightness(.3) contrast(1.2)}.carousel-slide.active{opacity:1}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:3}.indicator{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);border:none;cursor:pointer;transition:all .3s ease;padding:0}.indicator.active{background:rgba(255,255,255,.9);transform:scale(1.2)}.indicator:hover{background:rgba(255,255,255,.7);transform:scale(1.1)}@media (max-width: 768px){.carousel-indicators{bottom:15px;gap:6px}.indicator{width:6px;height:6px}}@media (max-width: 480px){.carousel-indicators{bottom:10px;gap:5px}.indicator{width:5px;height:5px}}:root{--bg: #f4f5f7;--panel: #ffffff;--accent: #ffd400;--muted: #666;--maxw: 1200px}.garment-designer{background:var(--bg);min-height:100vh;padding:20px;font-family:Inter,system-ui,Arial,sans-serif}.designer-header{text-align:center;margin-bottom:30px}.designer-header h1{margin:0 0 10px;font-size:28px;font-weight:700;color:#111;letter-spacing:.2px}.designer-header p{margin:0;color:var(--muted);font-size:16px}.designer-layout{display:grid;grid-template-columns:420px 1fr;gap:20px;max-width:var(--maxw);margin:0 auto;align-items:start}.designer-panel{background:var(--panel);border-radius:12px;padding:20px;box-shadow:0 6px 18px #0f0f0f0f;height:fit-content}.control-section{margin-bottom:24px}.control-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#111;letter-spacing:.1px}.control-section select,.control-section input[type=text],.control-section input[type=number],.control-section input[type=file]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;background:white;font-size:14px;margin-bottom:8px;box-sizing:border-box}.control-section select:focus,.control-section input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #ffd4001a}.color-input{display:flex;align-items:center;gap:12px;margin-bottom:8px}.color-input input[type=color]{width:50px;height:40px;border:1px solid #ddd;border-radius:8px;cursor:pointer}.color-input span{font-size:13px;color:var(--muted)}.text-controls{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px}.text-controls select{margin-bottom:0}.text-controls input[type=number]{width:80px;margin-bottom:0}.button-group{display:flex;gap:8px;flex-wrap:wrap}.button-group button{flex:1;min-width:120px}button{padding:10px 16px;border:1px solid #ddd;border-radius:8px;background:white;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;color:#333}button:hover{background:#f8f9fa;border-color:#ccc}button.primary{background:var(--accent);border-color:transparent;font-weight:600;color:#111}button.primary:hover{background:#e6c200;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.designer-canvas-container{background:var(--panel);border-radius:12px;padding:20px;box-shadow:0 6px 18px #0f0f0f0f;display:flex;flex-direction:column;align-items:center}.canvas-header{margin-bottom:16px;text-align:center}.canvas-header span{display:inline-block;background:#111;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:500}canvas{background:transparent;display:block;border-radius:8px;box-shadow:0 8px 30px #0a0a0a14;max-width:100%;height:auto}.designer-help{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.designer-help h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#111}.designer-help ul{margin:0;padding-left:20px;font-size:13px;color:var(--muted);line-height:1.5}.designer-help li{margin-bottom:4px}@media (max-width: 900px){.designer-layout{grid-template-columns:1fr;gap:16px}.designer-panel{order:2}.designer-canvas-container{order:1}.text-controls{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group button{min-width:auto}}@media (max-width: 600px){.garment-designer{padding:16px}.designer-header h1{font-size:24px}.designer-header p{font-size:14px}.designer-panel,.designer-canvas-container{padding:16px}canvas{width:100%;max-width:400px}}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;backdrop-filter:blur(2px)}.navigation-menu{position:fixed;top:0;right:-350px;width:350px;height:100vh;background:#fff;box-shadow:-5px 0 20px #0000001a;z-index:999;transition:right .3s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.navigation-menu.open{right:0}.menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;background:#f8f8f8}.menu-title{font-size:18px;font-weight:600;color:#333;margin:0}.menu-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.menu-close-btn:hover{background:#f0f0f0;color:#333}.menu-content{flex:1;padding:20px;overflow-y:auto}.menu-section{margin-bottom:30px}.menu-section-title{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1px;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.category-filter-container{display:flex;flex-direction:column;gap:10px}.menu-category-filter{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.menu-category-filter:focus{outline:none;border-color:#ff6e6e;box-shadow:0 0 0 3px #ff6e6e1a}.menu-category-filter:hover{border-color:#ff6e6e;box-shadow:0 4px 12px #ff6e6e26}.menu-clear-filter-btn{padding:8px 16px;border:2px solid #ff6e6e;border-radius:6px;background:rgba(255,110,110,.1);color:#ff6e6e;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start}.menu-clear-filter-btn:hover{background:#ff6e6e;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ff6e6e4d}.search-container{position:relative}.menu-search-input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.menu-search-input:focus{outline:none;border-color:#ff6e6e;box-shadow:0 0 0 3px #ff6e6e1a}.menu-search-input:hover{border-color:#ff6e6e;box-shadow:0 4px 12px #ff6e6e26}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;max-height:300px;overflow-y:auto;z-index:1000;margin-top:5px}.search-result-item{display:flex;align-items:center;padding:12px 15px;text-decoration:none;color:#333;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.search-result-item:hover{background-color:#f8f9fa}.search-result-item:last-child{border-bottom:none}.search-result-icon{font-size:18px;margin-right:12px;width:24px;text-align:center}.search-result-content{flex:1}.search-result-title{font-weight:600;font-size:14px;margin-bottom:2px}.search-result-type{font-size:12px;color:#666;font-weight:500}.page-categories{display:flex;flex-direction:column;gap:20px}.page-category{border:1px solid #f0f0f0;border-radius:8px;padding:15px;background:#fafafa}.page-category-title{font-size:13px;font-weight:700;color:#333;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:5px;border-bottom:2px solid #ff6e6e}.menu-pages-list{list-style:none;padding:0;margin:0}.menu-page-item{margin-bottom:8px}.menu-page-link{display:block;padding:12px 15px;color:#333;text-decoration:none;border-radius:6px;transition:all .2s ease;font-weight:500}.menu-page-link:hover{background:#f8f8f8;color:#000;transform:translate(5px)}.menu-links-list{list-style:none;padding:0;margin:0}.menu-link-item{margin-bottom:8px}.menu-link{display:block;padding:12px 15px;color:#666;text-decoration:none;border-radius:6px;transition:all .2s ease;font-weight:500}.menu-link:hover{background:#f8f8f8;color:#333;transform:translate(5px)}.menu-empty-text{color:#999;font-style:italic;text-align:center;padding:20px;margin:0}.menu-footer{padding:20px;border-top:1px solid #eee;background:#f8f8f8;text-align:center}.menu-footer-text{font-size:12px;color:#666;margin:0;font-weight:500}@media (max-width: 768px){.navigation-menu{width:300px;right:-300px}.search-results{max-height:250px}.page-category{padding:12px}}@media (max-width: 480px){.navigation-menu{width:280px;right:-280px}.menu-header,.menu-content,.menu-footer{padding:15px}}.site-footer{margin-top:3.5rem;padding:2.2rem 0 1.2rem;border-top:1px solid rgba(255,255,255,.13);text-align:center;color:#bbb;font-size:1.08rem;letter-spacing:.5px;background:none;background:linear-gradient(90deg,#232526 0%,#3a3a3a 100%)}.footer-socials{display:flex;justify-content:center;gap:1.7rem;margin-bottom:1.2rem}.footer-icon{color:#fff;opacity:.85;transition:transform .2s,color .2s,opacity .2s;display:inline-flex;align-items:center;border-radius:50%;padding:.2rem;font-size:1.2rem}.footer-icon:hover{color:#ff6ec4;background:rgba(255,110,196,.08);transform:scale(1.15) rotate(-8deg);opacity:1}.footer-copy{margin-top:.5rem;color:#bbb;font-size:1.08rem;line-height:1.6}@media (max-width: 600px){.footer-socials svg{width:22px;height:22px}.footer-copy{font-size:.97rem}}.whatsapp-lead-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.whatsapp-lead-modal{background:#fff;border-radius:20px;padding:0;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.whatsapp-lead-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;z-index:10;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.whatsapp-lead-close:hover{background:rgba(0,0,0,.1)}.whatsapp-lead-header{background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff;padding:30px 25px 25px;text-align:center;border-radius:20px 20px 0 0}.whatsapp-lead-icon{font-size:3rem;margin-bottom:10px}.whatsapp-lead-header h2{font-size:1.5rem;font-weight:800;margin:0 0 8px;letter-spacing:1px}.whatsapp-lead-header p{font-size:1.1rem;margin:0;opacity:.9}.whatsapp-lead-form{padding:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:1rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#ff6e6e;box-shadow:0 0 0 3px #ff6e6e1a}.whatsapp-lead-submit{width:100%;background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff;border:none;padding:15px 20px;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s;margin-top:10px}.whatsapp-lead-submit:hover:not(:disabled){background:linear-gradient(135deg,#ffb347 0%,#ff6e6e 100%);transform:translateY(-2px);box-shadow:0 8px 20px #ff6e6e4d}.whatsapp-lead-submit:disabled{opacity:.7;cursor:not-allowed}.whatsapp-lead-success{padding:40px 25px;text-align:center}.success-icon{font-size:4rem;margin-bottom:20px}.whatsapp-lead-success h3{font-size:1.4rem;color:#333;margin-bottom:15px;font-weight:700}.discount-code{background:linear-gradient(135deg,#ff6e6e 0%,#ffb347 100%);color:#fff;padding:15px 20px;border-radius:12px;font-size:1.5rem;font-weight:800;letter-spacing:2px;margin:20px 0;display:inline-block;min-width:200px}.whatsapp-lead-success p{color:#666;font-size:1.05rem;margin:10px 0;line-height:1.5}@media (max-width: 480px){.whatsapp-lead-modal{width:95%;margin:10px}.whatsapp-lead-header{padding:25px 20px 20px}.whatsapp-lead-header h2{font-size:1.3rem}.whatsapp-lead-form{padding:20px}.discount-code{font-size:1.2rem;min-width:180px}}.oferta-label-fixed{position:fixed;top:120px;left:0;z-index:9999;display:flex;flex-direction:column;align-items:flex-start;font-family:Segoe UI,Roboto,Arial,sans-serif}.oferta-label-tab{background:linear-gradient(90deg,#ff6e6e 0%,#ffb347 100%);color:#fff;font-weight:700;padding:16px 24px 16px 16px;border-radius:0 22px 22px 0;box-shadow:2px 4px 16px #ff6e6e26;cursor:pointer;font-size:1.2rem;letter-spacing:1px;display:flex;align-items:center;transition:background .2s,box-shadow .2s;margin-bottom:2px;border:none}.oferta-label-tab:hover{background:linear-gradient(90deg,#ffb347 0%,#ff6e6e 100%);box-shadow:2px 8px 24px #ff6e6e40}.oferta-label-content{background:#fff;color:#232526;border-radius:0 22px 22px;box-shadow:2px 8px 32px #ff6e6e26;padding:28px 32px 24px 24px;min-width:320px;max-width:400px;animation:slideInOferta .4s cubic-bezier(.4,0,.2,1);margin-left:2px;margin-top:0;display:flex;flex-direction:column;align-items:flex-start}@keyframes slideInOferta{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.oferta-label-title{font-size:1.5rem;font-weight:800;color:#ff6e6e;margin-bottom:8px;letter-spacing:1px}.oferta-label-desc{font-size:1.15rem;margin-bottom:24px;color:#232526;line-height:1.5}.oferta-btn-wsp{background:linear-gradient(90deg,#ff6e6e 0%,#ffb347 100%);color:#fff;font-weight:700;border:none;border-radius:12px;padding:14px 24px;font-size:1.15rem;text-decoration:none;display:flex;align-items:center;box-shadow:0 4px 12px #ff6e6e26;transition:background .2s,transform .2s;width:100%;justify-content:center}.oferta-btn-wsp:hover{background:linear-gradient(90deg,#ffb347 0%,#ff6e6e 100%);transform:scale(1.04)}@media (max-width: 600px){.oferta-label-fixed{top:80px}.oferta-label-content{min-width:220px;max-width:90vw;padding:20px 16px 16px}.oferta-label-tab{font-size:1.1rem;padding:12px 16px 12px 12px}.oferta-label-title{font-size:1.3rem}.oferta-label-desc{font-size:1.05rem}.oferta-btn-wsp{font-size:1.05rem;padding:12px 20px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;color:#333;line-height:1.6}.App{min-height:100vh;display:flex;flex-direction:column}.main-header-large{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);color:#fff;padding:40px 20px;text-align:center;position:relative;overflow:hidden;min-height:300px;display:flex;align-items:center;justify-content:center}.main-header-large:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.03)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3;z-index:2}.header-content{position:relative;z-index:3;max-width:800px;margin:0 auto}.brand-title{font-size:1.3rem;font-weight:600;letter-spacing:4px;margin-bottom:6px;text-transform:uppercase;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.8)}.brand-subtitle{font-size:1rem;font-weight:300;color:#fff;letter-spacing:1.5px;margin:0;opacity:.9;text-shadow:0 1px 5px rgba(0,0,0,.8)}.admin-access-btn{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;z-index:4;backdrop-filter:blur(10px);opacity:0;animation:fadeInAdmin .5s ease forwards}@keyframes fadeInAdmin{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-access-btn:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:scale(1.1)}.admin-icon{font-size:16px;color:#fffc}.menu-toggle-btn{position:absolute;top:20px;right:80px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:4;backdrop-filter:blur(10px)}.menu-toggle-btn:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:scale(1.1)}.menu-icon{font-size:18px;color:#fffc}.home-btn{position:absolute;top:20px;right:130px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;z-index:4;backdrop-filter:blur(10px)}.home-btn:hover{background:rgba(255,255,255,.2);border-color:#fff6;transform:scale(1.1)}.home-icon{font-size:20px;color:#ffffffd9;display:flex;align-items:center}.main-content{flex:1;background-color:#f8f8f8;margin:0;padding:0}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.main-header-large{padding:30px 15px;min-height:250px}.brand-title{font-size:1.05rem;letter-spacing:2px}.brand-subtitle{font-size:.9rem;letter-spacing:1px}.admin-access-btn{top:15px;right:15px;width:35px;height:35px}.admin-icon{font-size:14px}.menu-toggle-btn{top:15px;right:65px;width:35px;height:35px}.menu-icon{font-size:16px}.home-btn{top:15px;right:110px;width:35px;height:35px}.home-icon{font-size:16px}}@media (max-width: 480px){.main-header-large{padding:25px 10px;min-height:200px}.brand-title{font-size:.9rem;letter-spacing:1px}.brand-subtitle{font-size:.8rem}.admin-access-btn{top:10px;right:10px;width:30px;height:30px}.admin-icon{font-size:12px}.menu-toggle-btn{top:10px;right:50px;width:30px;height:30px}.menu-icon{font-size:14px}.home-btn{top:10px;right:85px;width:30px;height:30px}.home-icon{font-size:14px}}.header-logo{width:160px;max-width:60vw;margin:0 auto 8px;display:block;opacity:.7;filter:drop-shadow(0 2px 12px rgba(0,0,0,.12));transition:opacity .3s}@media (max-width: 768px){.header-logo{width:110px;margin-bottom:5px}.brand-title{font-size:1.05rem;letter-spacing:2px}}@media (max-width: 480px){.header-logo{width:70px;margin-bottom:3px}.brand-title{font-size:.9rem;letter-spacing:1px}}