body{margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--font-sans: "Outfit", sans-serif;--font-serif: "Playfair Display", serif;--bg-dark: #0f0b1e;--bg-darker: #06040d;--primary: #8338ec;--primary-glow: rgba(131, 56, 236, .4);--accent-gold: #ffbe0b;--accent-gold-glow: rgba(255, 190, 11, .3);--accent-pink: #ff006e;--text-light: #f8f9fa;--text-muted: #b5b3c4;--glass-bg: rgba(25, 18, 46, .6);--glass-border: rgba(255, 255, 255, .08);--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-darker);color:var(--text-light);overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(131,56,236,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,0,110,.1) 0%,transparent 40%);background-attachment:fixed}.App{display:flex;flex-direction:column;min-height:100vh}.navbar{background-color:#0f0b1ebf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);position:sticky;top:16px;margin:16px auto 0;width:calc(100% - 32px);max-width:1100px;border-radius:50px;z-index:1000;box-shadow:0 10px 30px #00000080,0 0 20px #8338ec26;transition:var(--transition-smooth)}.navbar-container{padding:10px 24px;display:flex;justify-content:space-between;align-items:center}.enlace-logo{display:flex;align-items:center;background:none;padding:0;border-radius:0;box-shadow:none;transition:var(--transition-smooth);flex-shrink:0}.logo{height:40px;width:auto;display:block;filter:brightness(0) invert(1)}.enlace-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 8px var(--primary-glow))}.navbar-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#ffffff 30%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;flex:1;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px rgba(0,0,0,.3)}.menu-toggle-btn{background:none;border:none;color:var(--text-light);font-size:24px;cursor:pointer;display:none;transition:var(--transition-smooth)}.menu-toggle-btn:hover{color:var(--accent-gold)}.nav-menu{display:flex;gap:12px;list-style:none;align-items:center}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border-radius:30px;transition:var(--transition-smooth);border:1px solid transparent}.nav-link:hover{color:var(--text-light);background-color:#ffffff0d;border-color:#ffffff14}.nav-link.active{background:linear-gradient(135deg,var(--primary) 0%,#621bc4 100%);color:var(--text-light);border-color:#ffffff1a;box-shadow:0 4px 15px var(--primary-glow)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 24px;display:flex;flex-direction:column;align-items:center}.hero-header{text-align:center;margin-bottom:40px}.main-title{font-family:var(--font-serif);font-size:3.5rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#ffffff 30%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 4px 20px rgba(0,0,0,.3)}.subtitle{font-size:1.15rem;color:var(--text-muted);max-width:600px;margin:0 auto 20px;line-height:1.6}.cards-counter{display:inline-block;background-color:var(--glass-bg);border:1px solid var(--glass-border);padding:8px 20px;border-radius:30px;font-size:15px;color:var(--text-muted);font-weight:500;box-shadow:0 4px 15px #0003}.counter-number{color:var(--accent-gold);font-weight:700;font-size:18px}.tombola-section{width:100%;max-width:500px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:30px;border-radius:24px;box-shadow:0 10px 40px #0006,0 0 40px var(--primary-glow);display:flex;flex-direction:column;align-items:center;gap:30px;margin-bottom:50px;position:relative;overflow:hidden}.tombola-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(131,56,236,.08) 0%,transparent 60%);pointer-events:none}.tombola-card-wrapper{perspective:1000px;width:100%;max-width:280px;aspect-ratio:115 / 177}.tombola-display-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);border-radius:16px;box-shadow:0 8px 25px #00000080}.tombola-img{width:100%;height:100%;object-fit:contain;border-radius:16px;border:3px solid rgba(255,255,255,.1);box-shadow:inset 0 0 20px #0009}.tombola-display-card.spinning{animation:shakeAndRoll .5s infinite linear}.tombola-display-card.revealed{animation:cardReveal .6s ease-out;border-color:var(--accent-gold);box-shadow:0 0 30px var(--accent-gold-glow)}@keyframes shakeAndRoll{0%{transform:scale(.95) rotate(0);filter:blur(.5px)}25%{transform:scale(1.02) rotate(-3deg) translate(-2px,2px)}50%{transform:scale(.98) rotate(3deg) translate(2px,-2px);filter:blur(1px)}75%{transform:scale(1.02) rotate(-1deg) translate(-2px,-2px)}to{transform:scale(.95) rotate(0);filter:blur(.5px)}}@keyframes cardReveal{0%{transform:scale(.6) rotateY(180deg);opacity:0}70%{transform:scale(1.1) rotateY(-10deg)}to{transform:scale(1) rotateY(0);opacity:1}}.controls-area{display:flex;gap:16px;width:100%;justify-content:center;flex-wrap:wrap;z-index:2}.btn-action{font-family:var(--font-sans);font-size:16px;font-weight:600;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000004d}.spacer-right{margin-right:10px}.btn-spin{background:linear-gradient(135deg,var(--primary) 0%,#621bc4 100%);color:var(--text-light);flex:1;min-width:180px}.btn-spin:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8338ec80;filter:brightness(1.15)}.btn-spin:active:not(.disabled){transform:translateY(1px)}.btn-spin.disabled{background:#8338ec4d;color:#fff6;cursor:not-allowed;box-shadow:none}.btn-reset{background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-light)}.btn-reset:hover{background:#ffffff26;transform:translateY(-2px)}.btn-reset:active{transform:translateY(1px)}.history-section{width:100%;margin-top:20px}.section-title{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:24px;text-align:center;color:var(--text-light);display:flex;align-items:center;justify-content:center}.history-grid-container{background:#19122e66;border:1px solid var(--glass-border);border-radius:20px;padding:24px}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:16px;list-style:none}.history-item{animation:fadeScaleIn .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.history-card{position:relative;aspect-ratio:115 / 177;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #0000004d;transition:var(--transition-smooth)}.history-card:hover{transform:translateY(-5px) scale(1.05);border-color:var(--primary);box-shadow:0 8px 20px #8338ec4d}.history-card-img{width:100%;height:100%;object-fit:cover}.history-badge{position:absolute;top:6px;right:6px;background-color:var(--accent-pink);color:#fff;font-size:10px;font-weight:800;padding:3px 6px;border-radius:10px;box-shadow:0 2px 6px #0006}.app-footer{background-color:var(--bg-darker);border-top:1px solid var(--glass-border);padding:24px;text-align:center;color:#ffffff4d;font-size:14px;margin-top:auto}@media screen and (max-width: 920px){.navbar{top:10px;margin:10px auto 0;width:calc(100% - 20px);border-radius:30px}.menu-toggle-btn{display:block}.nav-menu{display:flex;flex-direction:column;position:absolute;top:calc(100% + 8px);left:0;width:100%;background-color:#0f0b1ef2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;gap:8px;box-shadow:0 10px 30px #0009}.nav-link{width:100%;display:block;text-align:center}.navbar-title{font-size:1.3rem}.main-title{font-size:2.5rem}}@media screen and (max-width: 600px){.main-content{padding:16px 12px}.hero-header{margin-bottom:16px}.navbar-title{font-size:1.1rem;padding:0 8px}.main-title{font-size:1.8rem;margin-bottom:6px}.subtitle{font-size:.95rem;margin-bottom:12px}.hero-header .subtitle[style*="font-size: 1.8rem"]{font-size:1.08rem!important}.cards-counter{padding:6px 16px;font-size:13px}.tombola-section{padding:16px;gap:16px;margin-bottom:24px;border-radius:16px}.tombola-card-wrapper{max-width:180px}.btn-action{padding:12px 20px;font-size:15px;border-radius:10px}.history-section{margin-top:10px}.section-title{font-size:1.4rem;margin-bottom:12px}.history-grid-container{padding:12px;border-radius:14px}.history-grid{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:12px;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.history-grid::-webkit-scrollbar{height:5px}.history-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.history-grid::-webkit-scrollbar-thumb{background:#8338ec66;border-radius:10px}.history-item{flex:0 0 75px;scroll-snap-align:start}.history-card{border-radius:8px}.history-badge{top:4px;right:4px;font-size:8px;padding:2px 4px}}button.nav-link{background:none;border:none;cursor:pointer;font-family:inherit;outline:none;text-align:left}.gallery-section{width:100%;animation:fadeScaleIn .5s ease-out}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;list-style:none;padding:0}.gallery-item{cursor:pointer;perspective:1000px}.gallery-card{aspect-ratio:115 / 177;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.05);box-shadow:0 4px 15px #0000004d;transition:var(--transition-smooth);background-color:var(--glass-bg);position:relative}.gallery-card:hover{transform:translateY(-8px) scale(1.05);border-color:var(--accent-gold);box-shadow:0 10px 25px var(--accent-gold-glow)}.gallery-card-img{width:100%;height:100%;object-fit:cover}.gallery-card-badge{position:absolute;top:8px;right:8px;background-color:#06040dd9;border:1px solid var(--glass-border);color:var(--accent-gold);font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;box-shadow:0 2px 5px #0000004d;z-index:2}.gallery-card-title{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(6,4,13,.95) 40%,transparent);padding:30px 10px 10px;text-align:center;font-size:13px;color:var(--text-light);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.panel-section{width:100%;animation:fadeScaleIn .5s ease-out}.panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%}.panel-item{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px;display:flex;gap:16px;box-shadow:0 4px 15px #0003;transition:var(--transition-smooth)}.panel-item:hover{border-color:#8338ec80;box-shadow:0 8px 20px #0006}.panel-item-img{width:80px;height:120px;object-fit:cover;border-radius:8px;border:2px solid rgba(255,255,255,.1)}.panel-item-content{flex:1;display:flex;flex-direction:column;gap:8px}.panel-item-title{font-weight:700;color:var(--accent-gold);font-size:14px}.panel-textarea{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;color:var(--text-light);font-family:var(--font-sans);font-size:14px;resize:vertical;min-height:70px;transition:border-color .3s}.panel-textarea:focus{outline:none;border-color:var(--primary);background:#00000080}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#06040dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease-out}.modal-content{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 15px 50px #0009,0 0 30px var(--primary-glow);width:100%;max-width:650px;border-radius:24px;overflow:hidden;position:relative;animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.1) both;display:flex;flex-direction:row}@media screen and (max-width: 600px){.modal-content{flex-direction:column;max-height:90vh;overflow-y:auto}.modal-img-container{max-height:300px;padding:10px}.modal-img{max-height:250px!important}.modal-details{padding:20px!important}}.modal-close-btn{position:absolute;top:15px;right:15px;background:#ffffff14;border:1px solid var(--glass-border);color:var(--text-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:var(--transition-smooth)}.modal-close-btn:hover{background-color:var(--accent-pink);transform:rotate(90deg);border-color:transparent}.modal-img-container{flex:1;background-color:var(--bg-darker);display:flex;align-items:center;justify-content:center;padding:20px}.modal-img{max-width:100%;max-height:380px;border-radius:12px;object-fit:contain;box-shadow:0 4px 15px #00000080}.modal-details{flex:1.2;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:15px}.modal-card-number{font-size:13px;color:var(--accent-gold);font-weight:700;text-transform:uppercase;letter-spacing:1px}.modal-title{font-family:var(--font-serif);font-size:2rem;color:var(--text-light);line-height:1.2}.modal-desc{font-size:15px;line-height:1.6;color:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.instructions-section{width:100%;max-width:900px;animation:fadeScaleIn .5s ease-out;display:flex;flex-direction:column;gap:30px}.instructions-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:30px;border-radius:20px;box-shadow:0 8px 32px #0000004d}.instructions-card h2{font-family:var(--font-serif);font-size:1.8rem;color:var(--accent-gold);margin-bottom:20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.instructions-card h2 i{color:var(--accent-gold)}.intro-text{font-size:1.1rem;line-height:1.7;color:var(--text-muted)}.components-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:10px}.component-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:20px;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:flex-start;gap:10px}.component-card:hover{background:#ffffff0a;border-color:#8338ec4d;transform:translateY(-3px)}.component-icon{font-size:24px;color:var(--accent-gold);background:#ffbe0b1a;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #ffbe0b0d}.component-card h3{font-size:1.2rem;color:var(--text-light);font-family:var(--font-sans)}.component-card p{font-size:.95rem;color:var(--text-muted);line-height:1.5}.steps-timeline{display:flex;flex-direction:column;gap:24px;margin-top:10px}.step-item{display:flex;gap:20px;align-items:flex-start}.step-number{background:linear-gradient(135deg,var(--primary) 0%,#621bc4 100%);color:var(--text-light);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0;box-shadow:0 4px 12px var(--primary-glow);font-family:var(--font-sans)}.step-content{flex:1}.step-content h3{font-size:1.15rem;color:var(--text-light);margin-bottom:6px;font-family:var(--font-sans)}.step-content p{font-size:.95rem;color:var(--text-muted);line-height:1.5}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:20px;margin-top:10px}.pattern-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px 15px;text-align:center;transition:var(--transition-smooth);display:flex;flex-direction:column;align-items:center;gap:12px}.pattern-card:hover{background:#ffffff0a;border-color:var(--accent-gold);transform:translateY(-2px)}.pattern-card h3{font-size:1.1rem;color:var(--text-light);font-family:var(--font-sans);font-weight:600}.pattern-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:76px;height:76px;background:#06040d66;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.pattern-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1f;transition:all .3s ease}.pattern-dot.active{background:var(--accent-gold);box-shadow:0 0 10px var(--accent-gold)}@media screen and (max-width: 600px){.instructions-card{padding:20px}.instructions-card h2{font-size:1.5rem}.step-item{gap:12px}.step-number{width:30px;height:30px;font-size:.9rem}}.contacto-section{width:100%;max-width:900px;animation:fadeScaleIn .5s ease-out;display:flex;flex-direction:column;gap:30px}.contacto-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;width:100%}.contacto-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:35px;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:20px}.contacto-card h2{font-family:var(--font-serif);font-size:1.8rem;color:var(--accent-gold);border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px;display:flex;align-items:center;gap:12px}.contacto-card p{font-size:1.05rem;color:var(--text-muted);line-height:1.5}.contacto-buttons{display:flex;flex-direction:column;gap:15px;margin-top:10px}.contacto-btn{font-family:var(--font-sans);text-decoration:none;font-size:16px;font-weight:700;padding:16px 24px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:var(--transition-smooth);box-shadow:0 4px 15px #0003}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.btn-whatsapp:hover{transform:translateY(-3px);box-shadow:0 8px 25px #25d36666;filter:brightness(1.1)}.btn-call{background:linear-gradient(135deg,var(--primary) 0%,#621bc4 100%);color:var(--text-light)}.btn-call:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--primary-glow);filter:brightness(1.1)}.redes-grid{display:flex;flex-direction:column;gap:12px;margin-top:10px}.red-item{display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;text-decoration:none;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:var(--transition-smooth)}.red-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;transition:var(--transition-smooth)}.red-info{display:flex;flex-direction:column}.red-name{font-weight:700;color:var(--text-light);font-size:15px}.red-user{color:var(--text-muted);font-size:13px}.btn-ig:hover{background:#e1306c1a;border-color:#e1306c4d;transform:translate(5px)}.btn-ig:hover .red-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.btn-fb:hover{background:#1877f21a;border-color:#1877f24d;transform:translate(5px)}.btn-fb:hover .red-icon{background:#1877f2}.btn-tk:hover{background:#0006;border-color:#fff3;transform:translate(5px)}.btn-tk:hover .red-icon{background:#000;box-shadow:0 0 10px #ffffff4d}.red-item .red-icon{background:#ffffff14}@media screen and (max-width: 600px){.contacto-card{padding:20px}.contacto-card h2{font-size:1.5rem}}