@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";.lang-switcher{display:flex;align-items:center;gap:.25rem;font-size:.85rem}.lang-switcher button{background:none;border:none;cursor:pointer;color:inherit;font-weight:400;padding:.1rem .3rem;border-radius:4px}.lang-switcher button.active{font-weight:700;text-decoration:underline}body{font-family:Montserrat,sans-serif;margin:0;padding:0;background-color:var(--blanco);color:var(--petroleo)}.page-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.home-wrapper{display:flex;gap:40px;max-width:1200px;width:100%;align-items:center;justify-content:center;padding:32px}.home-text{flex:1;max-height:500px;overflow-y:auto}.right-logo{display:none}.home-text h2,.home-text h3{color:var(--dorado);margin-top:20px;font-weight:700;margin-bottom:10px}.home-text p,.home-text ul{line-height:1.6;margin-bottom:15px}.home-text ul{padding-left:20px}.cta{font-weight:700;margin-top:20px;color:var(--dorado)}.home-form{flex:1;display:flex;flex-direction:column;gap:32px;align-items:center;background-color:var(--gris-claro);min-height:100%;padding:42px}.home-logo{width:140px;max-width:100%;margin:24px auto;border-radius:12px}.leftt-logo{display:block}.home-buttons{min-width:280px;max-width:300px;background:var(--fondo-tarjeta);background-color:var(--blanco);padding:20px;border-radius:12px;text-align:center;box-shadow:0 0 10px #0000001a}.home-buttons h1{font-weight:700;margin-bottom:20px;font-size:20px}.home-buttons button{display:block;width:100%;padding:12px;font-size:16px;margin:10px 0;background-color:var(--petroleo);color:var(--blanco);border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.home-buttons button:last-of-type{margin-bottom:0}.home-buttons button:hover{background-color:var(--dorado)}@media(max-width:768px){.page-container{height:auto;padding:0}.home-wrapper{display:flex;flex-direction:column;align-items:center;padding:0;gap:0px}.home-text{max-height:none;padding:24px}.right-logo{display:block;margin-bottom:32px;margin-top:20px}.home-form{box-sizing:border-box;width:100%;padding:0 24px 42px;background-color:transparent}.left-logo{display:none}.home-buttons{margin-top:20px}}.auth-wrapper{padding:10px;max-width:800px;margin:auto;align-items:center}.auth-container{max-width:420px;margin:60px auto;padding:2rem;background-color:var(--gris-claro);border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:var(--font-regular);border:1px solid var(--dorado)}.user-header{display:flex;position:sticky;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--dorado),#dab79d,#cfc1dc,var(--petroleo));padding:10px 15px;border-radius:10px;color:var(--blanco)}.app-name{margin-top:20px;flex:1;text-align:center;font-weight:700;font-size:20px}h2{text-align:center;color:var(--petroleo);margin-bottom:1.5rem;font-weight:700;text-transform:uppercase;font-size:1.6rem}form,input,button{width:100%;box-sizing:border-box}input{padding:.75rem;margin:.5rem 0;border:1px solid #ccc;border-radius:8px;font-size:1rem;font-family:var(--font-regular)}button{margin-top:1rem;padding:.75rem;background-color:var(--petroleo);border:none;border-radius:8px;color:var(--blanco);font-weight:700;cursor:pointer;transition:background-color .3s ease;font-family:var(--font-bold)}.placeholder{text-align:center;color:#777;margin-top:1rem;font-style:italic}p{margin-top:1rem;text-align:center;color:var(--negro);font-family:var(--font-regular)}.auth-card{padding:2rem;background-color:var(--gris-claro);border-radius:12px;box-shadow:0 4px 16px #0000001a;font-family:var(--font-regular);border:1px solid var(--dorado);max-width:420px;margin:60px auto}.auth-card h1{text-align:center;color:var(--petroleo);font-weight:700;text-transform:uppercase;font-size:1.6rem;margin-bottom:.5rem}.auth-card p{text-align:center;color:var(--negro);font-family:var(--font-regular);margin-top:.75rem}.auth-subtitle{color:#777!important;font-style:italic;font-size:.9rem}.auth-icon{font-size:3rem;text-align:center;margin-bottom:1rem}.auth-form{margin-top:1.5rem}.form-group{margin-bottom:.5rem}.form-group label{display:block;font-weight:700;color:var(--petroleo);font-family:var(--font-bold);margin-bottom:.25rem}.auth-btn{margin-top:1rem;padding:.75rem;background-color:var(--petroleo);border:none;border-radius:8px;color:var(--blanco);font-weight:700;cursor:pointer;transition:background-color .3s ease;font-family:var(--font-bold);width:100%}.auth-btn:hover{background-color:var(--dorado)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#c0392b;background:#fce4e4;border:1px solid #e74c3c;padding:.5rem;border-radius:6px;margin-top:.5rem}.auth-alt{font-size:.85rem;color:#777!important;margin-top:1rem}.auth-alt a{color:var(--dorado);font-weight:700}.auth-alt-link{color:var(--dorado);font-weight:700;text-decoration:underline}.consent-section{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:8px}.consent-title{font-weight:600;margin-bottom:.75rem;font-size:.9rem;text-align:left;color:var(--petroleo, #1a4a5a)}.consent-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;cursor:pointer;width:auto}.consent-checkbox input[type=checkbox]{margin-top:2px;flex-shrink:0;width:auto}.consent-checkbox span{font-size:.85rem;line-height:1.4;color:#555;text-align:left}.consent-note{font-size:.8rem;color:#777;margin-top:.5rem;text-align:left}.consent-note a{color:var(--petroleo, #1a4a5a)}.social-login-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0 .75rem}.social-login-divider:before,.social-login-divider:after{content:"";flex:1;border-top:1px solid #ddd}.social-login-divider span{font-size:.8rem;color:#888;white-space:nowrap}.social-login-buttons{display:flex;flex-direction:column;gap:.5rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;font-size:.9rem;font-family:inherit;transition:background .15s}.btn-social:hover{background:#f5f5f5}.btn-google{color:#3c4043}.empty-passport{display:grid;justify-items:center;gap:.75rem;padding:2rem;text-align:center;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface);color:var(--color-text-secondary)}.empty-passport--compact{padding:1.5rem}.empty-passport--error{background:color-mix(in oklch,var(--color-danger) 5%,var(--color-surface))}.empty-passport--prompt{background:var(--color-brand-soft)}.empty-passport__icon{font-size:2rem;animation:empty-passport-float 2.8s cubic-bezier(.16,1,.3,1) infinite}.empty-passport__copy{display:grid;gap:.35rem}.empty-passport__copy h2,.empty-passport__copy p{margin:0}.empty-passport__copy h2{font-size:1.125rem;color:var(--color-text-primary)}.empty-passport__copy p{font-size:.9375rem;overflow-wrap:anywhere}.empty-passport__action{width:auto;min-height:44px;margin:0;padding:.75rem 1rem;border:none;border-radius:999px;background:var(--color-brand);color:var(--color-surface);font-size:.875rem;font-weight:600}@keyframes empty-passport-float{0%,to{transform:translateY(0);opacity:.92}50%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.empty-passport__icon{animation:none}}.loading-spinner{display:grid;justify-items:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--color-text-secondary)}.loading-spinner--compact{padding:1rem 0}.loading-spinner__ring{width:1.5rem;height:1.5rem;border-radius:999px;border:3px solid color-mix(in oklch,var(--color-brand) 18%,transparent);border-top-color:var(--color-brand);animation:loading-spinner-rotate .8s linear infinite}.loading-spinner__label{font-size:.875rem;font-weight:500}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner__ring{animation-duration:1.8s}}.stamp-display{min-width:0}.stamp-display__media{position:relative}.stamp-display__image,.stamp-display__placeholder{display:block;width:100%;aspect-ratio:1;object-fit:cover}.stamp-display__placeholder{display:grid;place-items:center;border-radius:inherit;background:linear-gradient(135deg,var(--color-brand-soft),color-mix(in oklch,var(--color-brand) 22%,var(--color-surface)));color:var(--color-brand-strong);font-size:1.25rem;font-weight:700}.stamp-display__rarity{width:8px;height:8px;border-radius:999px;position:absolute;top:.75rem;right:.75rem}.stamp-display__body{min-width:0;display:grid;gap:.2rem}.stamp-display__title,.stamp-display__event,.stamp-display__community,.stamp-display__date{margin:0;overflow-wrap:anywhere}.stamp-display__title{color:var(--color-text-primary);font-weight:700}.stamp-display__event{color:var(--color-brand)}.stamp-display__community,.stamp-display__date{color:var(--color-text-secondary)}.stamp-display--grid{min-height:250px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);padding:1rem;text-align:center;box-shadow:0 2px 8px color-mix(in oklch,var(--color-text-primary) 6%,transparent);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1)}.stamp-display--grid:hover{transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in oklch,var(--color-brand) 12%,transparent)}.stamp-display--grid .stamp-display__media{width:80px;margin:0 auto .75rem}.stamp-display--grid .stamp-display__image,.stamp-display--grid .stamp-display__placeholder{border-radius:12px}.stamp-display--grid .stamp-display__title{font-size:.875rem}.stamp-display--grid .stamp-display__event,.stamp-display--grid .stamp-display__community{font-size:.75rem}.stamp-display--grid .stamp-display__date{font-size:.6875rem}.stamp-display--row{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid var(--dorado);border-radius:16px;background:var(--gris-claro)}.stamp-display--row .stamp-display__media{width:70px;flex-shrink:0}.stamp-display--row .stamp-display__image,.stamp-display--row .stamp-display__placeholder{border-radius:50%}.stamp-display--row .stamp-display__title{font-size:1rem}.stamp-display--row .stamp-display__event,.stamp-display--row .stamp-display__community{font-size:.75rem}.stamp-display--badge{width:100px;flex:0 0 auto;scroll-snap-align:start}.stamp-display--badge .stamp-display__image,.stamp-display--badge .stamp-display__placeholder{border-radius:12px;border:3px solid var(--dorado)}@media(max-width:768px){.stamp-display--row{flex-direction:column;align-items:center;gap:10px;padding:12px;text-align:center}.stamp-display--row .stamp-display__media{width:80px}.stamp-display--row .stamp-display__body{width:100%;justify-items:center}.stamp-display--badge{width:80px}}@media(prefers-reduced-motion:reduce){.stamp-display--grid{transition:none}.stamp-display--grid:hover{transform:none}}.user-header{display:flex;position:sticky;justify-content:space-between;align-items:center;z-index:10000;background:var(--petroleo);padding:10px 15px;border-radius:10px;color:#fff}.badges-title{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase;text-align:center}.hamburger-menu{position:absolute;top:44px;right:0;max-width:min(260px,calc(100vw - 32px));background-color:var(--petroleo);border:1px solid rgba(200,161,101,.3);border-radius:10px;list-style:none;padding:6px 0;z-index:1000;box-shadow:0 8px 24px #0003}.hamburger-menu li{list-style:none}.hamburger-menu li button{min-height:44px;width:100%;padding:10px 20px;display:flex;align-items:center;text-align:left;background:none;border:none;cursor:pointer;white-space:nowrap;color:#fffc;font-size:.9rem;font-weight:500;font-family:inherit;transition:background-color .12s ease,color .12s ease;border-radius:0}.hamburger-menu li button:hover,.hamburger-menu li button:focus-visible{background-color:#ffffff1a;color:#fff;outline:none;box-shadow:inset 0 0 0 2px #fff9}.header-btn{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;color:#ffffffbf;transition:color .12s ease}.header-btn:hover{color:#fff}.icon-button{position:relative;cursor:pointer;min-width:44px;min-height:44px;justify-content:center}.icon-button .dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background-color:var(--dorado);border-radius:50%;border:1.5px solid var(--petroleo)}.hamburger{margin-left:4px;cursor:pointer;min-width:44px;min-height:44px;justify-content:center}.user-container{padding:20px;max-width:640px;margin:auto}.badges-title{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem}.badges-title-copy{display:grid;gap:.35rem;min-width:0}.badges-title h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--dorado);letter-spacing:.04em;text-transform:uppercase}.stamps-count-badge{margin:0;color:var(--color-brand);font-size:.875rem;font-weight:600}.user-home-link{width:auto;min-height:44px;margin:0;padding:.4rem .85rem;border:1px solid color-mix(in oklch,var(--color-brand) 18%,transparent);border-radius:999px;background:color-mix(in oklch,var(--color-brand) 6%,var(--color-surface));color:var(--color-brand);cursor:pointer;font-size:.875rem;font-weight:600;flex-shrink:0}.wallet-address-banner{margin:20px 0;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 4px 12px #00000026}.address-label{color:#ffffffe6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.address-value{width:auto;min-height:44px;margin:0;border:none;color:#fff;font-family:monospace;font-size:14px;font-weight:600;cursor:pointer;padding:8px 12px;background:#ffffff26;border-radius:8px;transition:all .3s ease}.address-value:hover{background:#ffffff40;transform:translateY(-1px)}.address-value:active{transform:translateY(0)}.wallet-status{min-height:1.25rem;margin:-.25rem 0 0;color:var(--color-text-secondary);font-size:.75rem}.carousel{padding-top:20px;display:flex;justify-content:center;padding-bottom:20px}.carousel-track{display:flex;gap:15px;overflow-x:auto;justify-content:flex-start;width:100%;padding-bottom:.25rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.badge-list{margin-top:30px;margin-bottom:30px;display:flex;flex-direction:column;gap:20px}@media(max-width:768px){.carousel-track{gap:10px}.wallet-address-banner{flex-direction:column;align-items:stretch}.address-value{width:100%}}.notifications-container{padding:20px;max-width:521px;margin:auto}.notifications-header{position:relative;display:flex;align-items:center;background:linear-gradient(90deg,var(--dorado),#dab79d,#cfc1dc,var(--petroleo));padding:10px 15px;border-radius:10px;color:var(--blanco)}.app-name{position:absolute;left:50%;transform:translate(-50%);text-align:center;font-weight:700;font-size:20px;color:var(--petroleo);pointer-events:none}.back-arrow{font-size:2.5rem;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;right:15px}.notifications-title{margin:20px 0;text-align:center}.notifications-title h3{font-size:24px;font-weight:700;color:var(--dorado);letter-spacing:1.5px;text-transform:uppercase}.notifications-list{padding:1rem;border-radius:8px;min-height:100px;font-size:1rem;display:flex;flex-direction:column;gap:20px}.notification-card{display:flex;align-items:center;background-color:var(--gris-claro);border:2px solid var(--dorado);border-radius:12px;padding:15px;margin-bottom:15px;position:relative;gap:15px;box-shadow:0 2px 6px #0000001a}.new-dot{top:10px;left:10px;width:14px;height:14px;background-color:#4caf50;border-radius:50%;border:2px solid white}.delete-button{background-color:transparent;border:none;font-size:20px;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;justify-content:flex-end;transition:background-color .3s ease;width:auto}.delete-button:hover{background:transparent}.confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.confirmation{margin-top:20px;padding:15px;border:1.5px solid var(--dorado);border-radius:10px;background-color:var(--gris-claro);text-align:center;font-weight:600;color:var(--petroleo)}.confirm-buttons{margin-top:10px;display:flex;justify-content:center;gap:20px}.confirm-buttons button{cursor:pointer;padding:6px 14px;font-weight:700;border-radius:6px;border:1.5px solid var(--dorado);background:transparent;color:var(--petroleo);transition:background-color .2s ease}.confirm-buttons button:hover{background-color:var(--dorado);color:var(--blanco)}.notification-img{width:64px;height:64px;object-fit:contain;border-radius:8px}.notification-text h4{margin:0 0 6px;font-weight:700;font-size:1.2rem;color:var(--petroleo)}.notification-text p{margin:0;font-size:1rem;color:#555;text-align:left}@media(max-width:768px){.notification-text h4,.notification-text p{font-size:1rem}.notification-card{padding:16px;gap:12px}.notification-img{width:56px;height:56px}.confirmation-overlay{padding:1rem;align-items:flex-start}.confirmation{width:90%;font-size:.95rem;padding:12px;border-radius:8px}.confirm-buttons{flex-direction:column;gap:12px;margin-top:15px}.confirm-buttons button{width:100%;padding:10px;font-size:1rem;font-weight:600}.new-dot{position:absolute;top:8px;left:8px;width:10px;height:10px;border:1.5px solid white}}.proposal-page{max-width:900px;margin:auto;padding:20px;font-family:var(--font-regular);color:var(--negro)}.proposal-header{position:sticky;padding:10px 15px;border-radius:10px;color:var(--blanco)}.proposal-content{margin-top:20px}.proposal-main-title{color:var(--petroleo);font-weight:700;font-size:1.6rem;margin-bottom:20px;padding-bottom:8px;text-align:center;text-transform:uppercase}.proposal-box{align-items:center;border:1px solid var(--dorado);border-radius:8px;padding:16px;background:var(--gris-claro);margin:0 auto 30px;max-width:600px;min-height:400px;box-sizing:border-box}.proposal-description-box p{margin-bottom:1rem;line-height:1.5;text-align:justify}.proposal-vote-explanation{margin-top:1rem;font-style:italic;font-size:.9rem;white-space:pre-line;color:var(--petroleo);max-width:600px;margin-left:auto;margin-right:auto;text-align:justify}.proposal-title-box{margin-bottom:12px}.proposal-title-box h4{color:var(--petroleo);font-weight:700;font-size:1.25rem;margin:0;text-align:center}.proposal-separator{border:none;border-top:1px solid var(--dorado);margin:12px 0;width:100%}.proposal-description-box{color:var(--negro);font-size:1rem;text-align:center}.proposal-votes-box{max-width:400px;min-height:200px;border:1px solid var(--dorado);border-radius:8px;padding:16px;box-sizing:border-box;background:var(--gris-claro);margin:0 auto}.proposal-votes-title{font-weight:700;font-size:1.1rem;margin-bottom:12px;color:var(--petroleo);text-align:center}.proposal-options{display:flex;flex-direction:column;gap:12px}.proposal-option{width:100%;flex:1;padding:12px 0;background-color:var(--gris-claro);border:1px solid var(--petroleo);border-radius:6px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s}.proposal-option:hover{background-color:var(--dorado);color:var(--blanco)}.proposal-option.selected{background-color:#4caf50;color:var(--blanco);border-color:#4caf50;cursor:default}.proposal-option.selected:hover{background-color:#4caf50;color:var(--blanco);border-color:#4caf50}@media(max-width:768px){.proposal-page{padding:10px 15px;max-width:100%}.proposal-box{max-width:100%;min-height:auto;padding:12px;margin-bottom:20px}.proposal-votes-box{max-width:100%;padding:12px}.proposal-vote-explanation{padding:auto;font-size:1rem}.proposal-main-title{font-size:1.4rem;margin-bottom:15px}.proposal-title-box h4{font-size:1.1rem}.proposal-option{padding:10px 0;font-size:1rem}.proposal-header{padding:8px 12px;border-radius:0 0 10px 10px}}.communities-page{max-width:900px;margin:auto;padding:10px;font-family:var(--font-regular);color:var(--negro)}.communities-header{position:sticky;top:0;z-index:10;background-color:var(--blanco);padding:10px 0}.communities-title{margin:10px 0;text-align:center;padding:20px}.communities-title h3{font-size:1.6rem;font-weight:700;color:var(--petroleo);border-bottom:1px solid var(--dorado);padding-bottom:8px;text-transform:uppercase;letter-spacing:1.5px}.communities-subtitle{font-size:1rem;margin-top:10px;color:var(--gris-oscuro)}.communities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:30px}.community-card{display:flex;flex-direction:column;align-items:center;background-color:var(--gris-claro);border:1px solid var(--dorado);border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 12px #0000000d;transition:transform .2s ease}.community-card:hover{transform:translateY(-4px)}.community-logo{width:80px;height:auto;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 6px #0000001a}.community-name{font-size:1.2rem;font-weight:600;color:var(--petroleo);font-family:var(--font-bold);margin:0;position:static;transform:none}@media(max-width:768px){.community-card{box-sizing:border-box}.communities-grid{grid-template-columns:1fr 1fr}.community-logo{width:60px}.community-name{font-size:1rem}}.user-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.events-title h3{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.filters-wrapper{position:relative;display:inline-block;margin-bottom:20px}.btn-filter{background-color:var(--petroleo);color:var(--blanco);padding:10px 18px;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.btn-filter:hover{background-color:var(--dorado);color:var(--petroleo)}.filter-panel{background:var(--gris-claro);border-radius:8px;padding:16px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:24px}.filter-section{display:flex;flex-direction:column;gap:12px}.filter-section h4{margin:0;color:var(--petroleo);font-size:1rem;font-weight:700}.checkbox-list{background-color:var(--blanco);border-radius:8px;padding:10px 14px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;gap:10px;max-height:160px;overflow-y:auto}.checkbox-list label{display:flex;align-items:center;gap:8px;color:var(--petroleo);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.checkbox-list input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--petroleo)}.events-list{display:flex;flex-direction:column;gap:18px;margin-top:10px}.event-card{display:flex;align-items:center;border:1px solid var(--dorado);background:var(--gris-claro);padding:18px 24px;border-radius:12px;box-shadow:0 3px 10px #0000001a;gap:18px}.logo-affiliate{display:flex;align-items:center;gap:10px;flex-shrink:0}.event-logo{height:64px;width:64px;border-radius:10px;object-fit:contain;border:1.5px solid var(--gris)}.btn-affiliate{background-color:transparent;border:2px solid var(--dorado);color:var(--dorado);font-weight:700;font-size:24px;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.btn-affiliate:hover{background-color:transparent;color:var(--petroleo)}.event-info{flex:1}.event-info h3{margin:0;color:var(--petroleo);font-weight:700;font-size:1.3rem}.event-info p{margin:6px 0 0;color:var(--gris-oscuro);font-size:1rem}.event-buttons{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.btn{padding:8px 18px;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none}.user-btn-primary{background-color:var(--petroleo);color:var(--blanco)}.user-btn-secondary{background-color:var(--blanco);color:var(--petroleo)}@media(max-width:768px){.event-card{flex-direction:column;align-items:flex-start;padding:15px 18px}.logo-affiliate{margin-bottom:12px;justify-content:center;width:100%}.event-logo{margin:0 auto;height:80px;width:80px}.event-info{width:100%;margin-bottom:12px}.event-buttons{flex-direction:row;justify-content:flex-start;width:100%;gap:14px}.event-buttons .btn{flex:1;text-align:center;padding:10px 14px;font-size:.95rem}.filter-panel{flex-direction:column;gap:20px;min-width:100%;padding:15px 12px;box-shadow:0 3px 15px #0003;top:100%;left:0;border-radius:0 0 12px 12px}.checkbox-list{max-height:120px}.user-btn-primary{background-color:var(--dorado);color:var(--petroleo)}.user-btn-secondary{background-color:var(--petroleo);color:var(--blanco)}}.logout-box{background-color:#fff;border:2px solid var(--dorado);border-radius:12px;padding:20px;max-width:400px;margin:40px auto 0;text-align:center;box-shadow:0 4px 8px #0000001a}.logout-box h2{margin-bottom:30px;color:var(--petroleo)}.logout-buttons{display:flex;justify-content:center;gap:20px}.myqr-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);color:var(--negro)}.myqr-header{top:0;background-color:var(--blanco);z-index:10}.myqr-title{text-align:center;margin:20px 0 10px;padding:20px}.myqr-title h3{font-size:1.8rem;color:var(--petroleo);font-weight:700;border-bottom:1px solid var(--dorado);padding-bottom:8px}.myqr-subtitle{font-size:1rem;color:var(--gris-oscuro);margin-top:10px}.myqr-cards-container{display:flex;flex-direction:column;gap:20px;padding:20px}.myqr-card{display:flex;align-items:center;border:1px solid var(--dorado);background-color:var(--gris-claro);border-radius:10px;padding:16px;box-shadow:0 2px 8px #0000001a;cursor:pointer}.myqr-image{width:100px;height:100px;object-fit:contain;margin-right:20px}.myqr-name{flex:1;text-align:center;font-size:1.2rem;font-weight:600;color:var(--petroleo)}.myqr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999}.myqr-modal-content{position:relative;background:var(--blanco);padding:30px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #0003;max-width:90%;width:350px}.myqr-modal-image{width:80%;height:auto;margin-bottom:20px}.myqr-modal-name{font-size:1.2rem;font-weight:600;color:var(--petroleo)}.myqr-modal-close{max-width:60px;max-height:60px;margin-top:6px;right:12px;background:var(--gris-claro);border:none;font-size:2rem;color:var(--petroleo);cursor:pointer}.myqr-modal-close:hover{background-color:var(--petroleo);color:var(--dorado)}@media(max-width:768px){.myqr-card{flex-direction:column;text-align:center}.myqr-title h3{margin-bottom:10px}.myqr-image{margin:0 0 10px}.myqr-name{text-align:center}}.settings-page{max-width:900px;margin:auto;padding:20px;position:sticky;font-family:Montserrat,sans-serif}.settings-container{max-width:600px;margin:auto;padding:10px;font-family:Montserrat,sans-serif;color:var(--petroleo)}.settings-title{color:var(--petroleo);margin:20px;font-weight:700;font-size:1.6rem;text-transform:uppercase;padding:20px;letter-spacing:1.5px;text-align:center}.user-profile{text-align:center;margin-bottom:40px}.profile-img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--dorado);box-shadow:0 2px 10px #0000001a}.settings-options{display:flex;flex-direction:column;gap:20px}.option-group{display:flex;flex-direction:column;align-items:center;gap:12px}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e66;display:flex;justify-content:center;align-items:center;z-index:1000}.tickets-loading,.tickets-error,.tickets-empty{text-align:center;padding:40px 20px;color:var(--petroleo);font-size:16px}.tickets-error{color:#ef4444}.ticket-group{margin:16px;text-align:left}.ticket-group-title{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--dorado);margin-bottom:8px;padding:0 4px;font-family:var(--font-bold)}.ticket-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;margin-bottom:8px;background:var(--gris-claro);border:1px solid var(--dorado);border-radius:12px;cursor:pointer;transition:background .2s;box-shadow:0 2px 6px #0000000f}.ticket-card:hover{background:#f0f0f0}.ticket-card-left{display:flex;flex-direction:column;gap:4px}.ticket-type{font-weight:600;font-size:15px;color:var(--petroleo)}.ticket-date{font-size:13px;color:var(--negro);opacity:.6}.ticket-location{font-size:12px;color:var(--negro);opacity:.5}.ticket-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ticket-status{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#fff}.ticket-number{font-size:11px;color:var(--negro);opacity:.4;font-family:monospace}.qr-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.qr-modal{background:var(--blanco);border-radius:20px;padding:32px 24px;text-align:center;position:relative;max-width:340px;width:90%;box-shadow:0 8px 32px #0003}.qr-modal h3{font-size:18px;color:var(--petroleo);margin-bottom:4px;font-family:var(--font-bold)}.qr-modal p{font-size:14px;color:var(--negro);opacity:.6;margin-bottom:16px}.qr-close{position:absolute;top:12px;right:16px;background:transparent;border:none;color:var(--petroleo);font-size:20px;cursor:pointer}.qr-canvas{border-radius:12px;margin:0 auto 16px;display:block}.qr-hint{font-size:12px;color:var(--negro);opacity:.4;margin-bottom:12px}body{margin:0;font-family:Montserrat,sans-serif;background-color:var(--blanco);color:var(--petroleo)}.community-home-container{max-width:800px;margin:0 auto;padding:20px;font-family:Montserrat,sans-serif;display:flex;flex-direction:column}.community-header{display:flex;position:sticky;justify-content:space-between;align-items:center;z-index:10000;background:var(--petroleo);padding:10px 15px;border-radius:10px;color:#fff}.logo{height:50px;width:50px;object-fit:contain;border-radius:12px}.app-name{margin-top:0;flex:1;text-align:center;font-weight:700;font-size:20px;color:var(--dorado)}.icon-group{position:relative;display:flex;align-items:center;gap:12px}.principal-title{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase;text-align:center}.hamburger-menu{position:absolute;top:44px;right:0;max-width:min(260px,calc(100vw - 32px));background-color:var(--petroleo);border:1px solid rgba(200,161,101,.3);border-radius:10px;list-style:none;padding:6px 0;z-index:99999;box-shadow:0 8px 24px #0003}.hamburger-menu li{min-height:44px;padding:10px 20px;display:flex;align-items:center;cursor:pointer;white-space:nowrap;color:#fffc;font-size:.9rem;font-weight:500;transition:background-color .12s ease,color .12s ease}.hamburger-menu li:hover{background-color:#ffffff1a;color:#fff}.header-btn{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;color:inherit}.icon-button{position:relative;font-size:24px;cursor:pointer;color:var(--petroleo);min-width:44px;min-height:44px;justify-content:center}.icon-button .dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;background-color:green;border-radius:50%}.nav-buttons{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.nav-buttons button{background-color:var(--petroleo);color:var(--blanco);border:none;padding:10px 20px;border-radius:8px;font-weight:700;cursor:pointer;transition:background-color .2s ease;flex:1}.nav-buttons button:hover{background-color:var(--dorado)}.hamburger{font-size:28px;margin-left:10px;cursor:pointer;min-width:44px;min-height:44px;justify-content:center}.community-home-container{max-width:900px;margin:auto;padding:20px;position:sticky;font-family:Montserrat,sans-serif}.notifications-container{max-width:800px;margin:0 auto;padding:20px;font-family:Montserrat,sans-serif;color:var(--petroleo)}.back-arrow.header-btn{background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;color:inherit;min-width:44px;min-height:44px;justify-content:center}.notifications-container h2{text-align:center;margin-bottom:20px;color:var(--petroleo);font-weight:700}.notifications-title h3{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.green-dot{top:8px;left:8px;width:14px;height:14px;background-color:#4caf50;border-radius:50%;border:2px solid white;z-index:10}.notification-card{display:flex;align-items:center;background-color:var(--gris-claro);border:2px solid var(--dorado);border-radius:12px;padding:15px;margin-bottom:20px;position:relative;gap:15px;box-shadow:0 2px 6px #0000001a}.notification-logo{width:60px;height:60px;border-radius:12px;object-fit:contain}.notification-content{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.notification-content h3{font-weight:700;margin:0}.notification-content p{margin:0;font-weight:400;color:var(--petroleo)}.notification-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.decision-buttons{display:flex;gap:10px;justify-content:flex-start}.action-buttons{margin-top:10px;display:flex;gap:25px}.action-buttons button{background-color:transparent;border:none;font-size:20px;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;transition:background-color .3s ease}.delete-btn{background-color:transparent;border:none;font-size:20px;padding:6px 14px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;transition:background-color .3s ease}.delete-btn:hover{background-color:transparent;color:#fff}.confirmation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation{background-color:var(--gris-claro);padding:30px 40px;border-radius:15px;box-shadow:0 4px 12px #0000004d;text-align:center;max-width:320px}.confirmation p{margin-bottom:25px;font-weight:600;color:var(--dorado);font-size:18px}.confirm-buttons{display:flex;justify-content:center;gap:20px}.confirm-buttons button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:16px;transition:background-color .3s ease}.confirmation-overlay{text-decoration-color:var(--dorado);box-sizing:border-box}.confirm-buttons button:first-child{background-color:var(--petroleo);color:#fff}.confirm-buttons button:first-child:hover{background-color:var(--dorado);color:var(--gris-claro)}.confirm-buttons button:last-child{background-color:var(--petroleo);color:#fff}.confirm-buttons button:last-child:hover{background-color:var(--dorado);color:var(--gris-claro)}@media(max-width:768px){.confirmation-overlay{text-decoration-color:var(--dorado);box-sizing:border-box;padding:1rem}.confirm-buttons button:first-child{background-color:var(--petroleo);color:#fff;font-size:.9rem;padding:.5rem 1rem}.confirm-buttons button:first-child:hover{background-color:var(--dorado);color:var(--gris-claro)}.confirm-buttons button:last-child{background-color:var(--petroleo);color:#fff;font-size:.9rem;padding:.5rem 1rem}.confirm-buttons button:last-child:hover{background-color:var(--dorado);color:var(--gris-claro)}}.company-container{max-width:900px;margin:auto;padding:20px;position:sticky;font-family:Montserrat,sans-serif}.company-info-box{border:1px solid var(--dorado);background-color:var(--gris-claro);padding:24px;border-radius:10px;display:flex;flex-direction:column;align-items:center;max-width:700px;margin:40px auto 0;box-sizing:border-box}.company-title{margin:20px;text-align:center}.company-title h3{color:var(--petroleo);margin-bottom:15px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.company-header{position:sticky;padding:10px 15px;border-radius:10px;color:var(--blanco)}.company-logo{width:150px;height:auto;margin:20px auto;display:block;border-radius:8px;box-shadow:0 4px 10px #0000001a}.company-description-box{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:16px;border-radius:8px;margin:20px auto;font-family:var(--font-regular);color:var(--negro);text-align:justify;box-shadow:0 3px 10px #0000001a;max-width:600px;box-sizing:border-box}.company-link{display:inline-block;margin-top:20px;background-color:var(--petroleo);color:var(--blanco);padding:10px 20px;border-radius:6px;font-weight:700;text-decoration:none;transition:background-color .3s ease}.company-link:hover{background-color:var(--dorado)}@media(max-width:768px){.company-container{padding:10px 15px;max-width:100%}.company-info-box{max-width:100%;padding:16px;margin:20px auto 0}.company-title{margin:15px 10px}.company-title h3{font-size:1.4rem;letter-spacing:1px}.company-header{padding:8px 12px;border-radius:10px 10px 0 0}.company-logo{width:120px;margin:15px auto}.company-description-box{max-width:100%;padding:12px;margin:15px auto;font-size:1rem}.company-link{padding:8px 16px;font-size:.95rem}}.community-affiliates-container{max-width:900px;margin:auto;padding:20px;font-family:Montserrat,sans-serif}.community-menu-page h2{color:var(--petroleo);font-weight:700;font-size:1.6rem;text-transform:uppercase;margin:20px;padding:20px;letter-spacing:1.5px}.community-filter-actions{display:flex;justify-content:flex-start;margin:1rem 0}.community-filter-button{background-color:var(--petroleo);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;transition:background-color .3s ease}.community-filter-button:hover{background-color:var(--dorado)}.community-affiliates-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.community-affiliate-card{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:1.5rem;border-radius:8px;width:200px;text-align:center;box-shadow:0 4px 10px #0000001a}.community-user-img{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:1rem}@media(max-width:768px){.community-affiliates-grid{flex-direction:column;align-items:center}.community-affiliate-card{width:90%;max-width:400px;display:flex;align-items:center;text-align:left;gap:1rem;box-sizing:border-box}.community-user-img{width:80px;height:80px;margin-bottom:0}}.community-events-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.community-events-title h3{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.community-buttons-wrapper{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.community-btn-filter,.community-btn-add{background-color:var(--petroleo);color:var(--blanco);border:none;padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:700;font-size:1rem;transition:background-color .3s ease;-webkit-user-select:none;user-select:none}.community-btn-filter:hover,.community-btn-add:hover{background-color:var(--dorado);color:var(--petroleo)}.community-filter-panel{background:var(--gris-claro);border-radius:8px;padding:16px;box-shadow:0 2px 8px #00000026;display:flex;flex-direction:column;gap:24px;margin-bottom:20px}.community-filter-section{display:flex;flex-direction:column;gap:12px}.community-filter-section h4{margin:0;color:var(--petroleo);font-size:1rem;font-weight:700}.community-checkbox-list{background-color:var(--blanco);border-radius:8px;padding:10px 14px;box-shadow:0 1px 6px #0000000d;display:flex;flex-direction:column;gap:10px;max-height:160px;overflow-y:auto}.community-checkbox-list label{display:flex;align-items:center;gap:8px;color:var(--petroleo);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem}.community-checkbox-list input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--petroleo)}.community-events-list{display:flex;flex-direction:column;gap:18px;margin-top:10px}.community-event-card{display:flex;align-items:center;border:1px solid var(--dorado);background:var(--gris-claro);padding:18px 24px;border-radius:12px;box-shadow:0 3px 10px #0000001a;gap:18px}.community-event-logo-wrapper{flex-shrink:0}.community-event-logo{height:64px;width:64px;border-radius:10px;object-fit:contain;border:1.5px solid var(--gris)}.community-event-info{flex:1}.community-event-info h3{margin:0;color:var(--petroleo);font-weight:700;font-size:1.3rem}.community-event-info p{margin:6px 0 0;color:var(--gris-oscuro);font-size:1rem}.community-event-buttons{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.community-btn-primary,.community-btn-secondary{padding:8px 18px;border-radius:10px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .3s ease,color .3s ease}.community-btn-primary{background-color:var(--petroleo);color:var(--blanco)}.community-btn-secondary{background-color:var(--blanco);color:var(--petroleo)}@media(max-width:768px){.community-buttons-wrapper{flex-direction:column;align-items:stretch;gap:10px}.community-btn-filter,.community-btn-add{width:100%;font-size:.95rem;padding:10px 14px}.community-filter-panel{width:100%;padding:12px;border-radius:10px;box-shadow:none}.community-filter-section{gap:10px}.community-checkbox-list{max-height:120px;padding:8px 12px}.community-event-card{flex-direction:column;align-items:flex-start;padding:16px;gap:14px}.community-event-logo-wrapper{width:100%;display:flex;justify-content:center}.community-event-logo{height:72px;width:72px}.community-event-info{text-align:center;width:100%}.community-event-buttons{flex-direction:row;width:100%;justify-content:space-around}.community-event-buttons a{flex:1;padding:10px;font-size:.9rem}.community-btn-primary{background-color:var(--dorado);color:var(--petroleo)}.community-btn-secondary{background-color:var(--petroleo);color:var(--blanco)}}.new-event-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.new-event-container h2{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.new-event-logo{width:120px;margin-bottom:20px;filter:drop-shadow(0 0 2px rgba(0,0,0,.1))}.new-event-form{display:flex;flex-direction:column;gap:18px;text-align:left}.new-event-form label{font-weight:600;font-family:var(--font-bold);color:var(--petroleo);display:flex;flex-direction:column;font-size:.9rem}.new-event-form input[type=text],.new-event-form input[type=date],.new-event-form input[type=url]{margin-top:6px;padding:8px 12px;font-size:1rem;font-family:var(--font-regular);border:1.8px solid var(--dorado);border-radius:6px;transition:border-color .3s ease;color:var(--negro);background-color:var(--blanco)}.new-event-form input[type=text]:focus-visible,.new-event-form input[type=date]:focus-visible,.new-event-form input[type=url]:focus-visible{outline:2px solid var(--petroleo);outline-offset:2px;border-color:var(--petroleo);box-shadow:0 0 5px var(--petroleo)}.new-event-form select{width:100%;padding:10px 12px;margin-top:5px;margin-bottom:15px;border:1px solid var(--dorado);border-radius:5px;font-family:var(--font-regular);font-size:16px;background-color:var(--blanco);color:var(--negro);appearance:none;-webkit-appearance:none;-moz-appearance:none}.new-event-form option{font-family:var(--font-regular);background-color:var(--blanco);color:var(--negro)}.btn-primary,.btn-secondary{cursor:pointer;padding:10px 0;font-weight:700;border-radius:8px;font-size:1.1rem;font-family:var(--font-bold);transition:background-color .25s ease,color .25s ease;border:none;margin-top:10px}.btn-primary{background-color:var(--dorado);color:var(--negro)}.btn-primary:hover{background-color:#b59553}.btn-secondary{background-color:var(--petroleo);color:var(--blanco)}.btn-secondary:hover{background-color:#0b3a44}.community-issue-container{max-width:900px;margin:auto;padding:20px;position:sticky;font-family:Montserrat,sans-serif}.community-menu-page h2{color:var(--petroleo);font-weight:700;font-size:1.6rem;text-transform:uppercase;margin:20px;padding:20px}.community-badges-wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}.community-badge-card{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:1.5rem;border-radius:8px;width:600px;text-align:center;box-shadow:0 4px 10px #0000001a}.community-badge-card h3{font-family:Montserrat,sans-serif;margin-bottom:1rem;color:var(--petroleo);font-size:1.2rem;font-weight:700}.community-badge-card button{background-color:var(--petroleo);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;transition:background-color .3s ease}.community-badge-card button:hover{background-color:var(--dorado)}.community-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.community-modal-content{border:1px solid var(--dorado);background:var(--gris-claro);padding:1rem;border-radius:10px;position:relative;max-width:90%;box-shadow:0 8px 20px #00000040}.community-badge-img-modal{width:100%;max-width:300px;display:block;margin:0 auto;border-radius:8px}.community-close-button{background:transparent;border:none;font-size:1.5rem;font-weight:700;color:var(--petroleo);cursor:pointer}@media(max-width:768px){.community-badge-card{width:90%;padding:1rem}.community-badge-card h3{font-size:1rem}.community-badge-card button{padding:.4rem .8rem;font-size:.9rem}.community-badge-img-modal{width:auto}.community-close-button{font-size:1.2rem;top:.3rem;right:.5rem}}.community-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.community-title h3{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.community-logout-box{background-color:#fff;border:2px solid var(--dorado);border-radius:12px;padding:20px;max-width:400px;margin:40px auto 0;text-align:center;box-shadow:0 4px 8px #0000001a}.community-logout-box h2{margin-bottom:30px;color:var(--petroleo)}.community-logout-buttons{display:flex;justify-content:center;gap:20px}.btn{padding:10px 25px;font-weight:700;border-radius:8px;cursor:pointer;border:none;font-size:16px;transition:background-color .3s ease}.btn.yes{background-color:var(--petroleo);color:var(--blanco)}.btn.yes:hover{background-color:#c59b6a}.btn.no{background-color:var(--petroleo);color:var(--blanco)}.btn.no:hover{background-color:#3a4a4c}.comm-proposal-page-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.comm-proposal-header h2{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.new-proposal-button{background-color:var(--petroleo);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;transition:background-color .3s ease}.new-proposal-button:hover{background-color:var(--dorado)}.comm-proposal-card-grid{gap:1rem;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.comm-proposal-card{background-color:var(--gris-claro);border:1px solid var(--dorado);border-radius:8px;padding:1.5rem;width:600px;text-align:center;cursor:pointer;transition:transform .2s ease;box-shadow:0 4px 10px #0000001a}.pagination{margin-top:2rem;display:flex;justify-content:center;gap:.5rem}.pagination-button{padding:.3rem .6rem;border:1px solid var(--petroleo);background-color:#fff;color:var(--petroleo);border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif}.pagination-button.active{background-color:var(--petroleo);color:#fff;font-weight:700}.no-proposals{text-align:center;margin-top:3rem;font-style:italic;color:var(--petroleo)}@media(max-width:768px){.comm-proposal-card{max-width:90%;padding:1rem}.comm-proposal-card-grid{gap:1rem}.new-proposal-button{padding:.25rem .6rem;font-size:.8rem}.pagination-button{padding:.25rem .5rem;font-size:.75rem}}.new-proposal-container{max-width:800px;margin:0 auto;padding:20px;font-family:var(--font-regular);display:flex;flex-direction:column;gap:2rem}.proposal-card h2{margin-bottom:1rem;color:var(--petroleo);font-weight:700}label{display:block;margin-bottom:1rem;font-weight:600;color:var(--petroleo)}input[type=text],textarea{width:100%;padding:.5rem;margin-top:.3rem;border:1px solid var(--dorado);border-radius:4px;font-family:var(--font-regular);font-size:1rem;resize:vertical}.voting-option-row{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem}.voting-option-row input[type=text]{flex-grow:1}.delete-option-btn{background-color:var(--petroleo);border:none;padding:.4rem .8rem;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background-color .3s ease}.delete-option-btn:hover{background-color:var(--dorado)}.add-option-btn{background-color:var(--petroleo);color:var(--blanco);border:none;padding:.5rem 1rem;border-radius:6px;font-weight:700;cursor:pointer;margin-top:.5rem}.my-proposal-container{max-width:800px;margin:0 auto;padding:20px;font-family:Montserrat,sans-serif;display:flex;flex-direction:column;gap:2rem}.proposal-card{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:1.5rem;border-radius:8px;box-shadow:0 4px 10px #0000001a}.proposal-card h2,.proposal-card h3{margin-bottom:1rem;color:var(--petroleo);font-weight:700}.vote-result-row{display:flex;justify-content:space-between;padding:.5rem 0;border-top:1px solid #ddd}.vote-result-row:first-of-type{border-top:none}.italic-fine-text{font-style:italic;font-weight:300;color:var(--petroleo)}.communit-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.communit-container h2{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.communit-card-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.communit-card{background-color:var(--gris-claro);border:1px solid var(--dorado);border-radius:10px;width:250px;padding:1.5rem;text-align:center;box-shadow:0 2px 10px #0000000d;transition:transform .2s;display:flex;flex-direction:column;align-items:center}.communit-logo{width:60px;height:60px;object-fit:contain;margin-bottom:1rem}.communit-card h3{font-family:var(--font-bold);font-size:1.2rem;color:var(--petroleo);margin-bottom:.5rem;text-transform:uppercase}.communit-description{font-size:.9rem;font-family:var(--font-regular);color:var(--negro);margin-bottom:1rem;padding:0 .5rem}.communit-serv-buttons{display:block}.btn-contact{background-color:var(--petroleo);color:var(--blanco);border:none;padding:.5rem 1rem;border-radius:5px;font-family:var(--font-bold);cursor:pointer;transition:background-color .3s;margin-bottom:12px}.btn-info{background-color:var(--blanco);border:1px solid var(--petroleo);color:var(--petroleo);padding:.5rem 1rem;border-radius:5px;font-family:var(--font-bold);height:16px;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-info:hover{background-color:var(--petroleo);color:var(--blanco)}.communi-container{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.communi-container h2{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.communi-card-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.communi-card{background-color:var(--gris-claro);border:1px solid var(--dorado);border-radius:10px;width:250px;padding:1.5rem;text-align:center;box-shadow:0 2px 10px #0000000d;transition:transform .2s;display:flex;flex-direction:column;align-items:center}.communi-logo{width:60px;height:60px;object-fit:contain;margin-bottom:1rem}.communi-card h3{font-family:var(--font-bold);font-size:1.1rem;color:var(--petroleo);margin-bottom:.5rem}.communi-description{font-size:.9rem;font-family:var(--font-regular);color:var(--negro);margin-bottom:1rem;padding:0 .5rem}.btn-contact{position:sticky;background-color:var(--petroleo);color:var(--blanco);border:none;padding:.5rem 1rem;border-radius:5px;font-family:var(--font-bold);cursor:pointer;transition:background-color .3s}.btn-contact:hover{background-color:var(--dorado)}.comm-settings-page{padding:20px;max-width:900px;margin:auto;font-family:var(--font-regular);text-align:center;background-color:var(--blanco);color:var(--negro)}.com-settings-title{color:var(--petroleo);margin:20px;padding:20px;font-weight:700;font-size:1.6rem;font-family:var(--font-bold);letter-spacing:1.5px;text-transform:uppercase}.comm-settings-container{max-width:600px;margin:auto;padding:10px;font-family:Montserrat,sans-serif;color:var(--petroleo)}.comm-settings-title{color:var(--petroleo);font-weight:700;font-size:1.6rem;text-transform:uppercase;padding:20px;margin:10px;text-align:center}.comm-user-profile{text-align:center;margin-bottom:40px}.comm-profile-img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:2px solid var(--dorado);box-shadow:0 2px 10px #0000001a}.username{margin-top:12px;font-size:1.4rem;font-weight:600}.comm-settings-options{display:flex;flex-direction:column;gap:20px}.comm-option-group{display:flex;flex-direction:column;align-items:center;gap:12px}.username-input{padding:10px 14px;border-radius:8px;border:1px solid var(--gris);width:100%;max-width:300px;font-size:1rem;box-shadow:0 2px 8px #00000026}.btn{padding:10px 18px;border:none;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.settings-btn{background-color:var(--petroleo);color:var(--blanco)}.settings-btn:hover{background-color:var(--dorado);color:var(--petroleo)}.delete-btn{background-color:var(--petroleo);color:#fff}.delete-btn:hover{background-color:#d9363e}.comm-confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1e1e1e66;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation{background-color:var(--blanco);border-radius:12px;padding:24px 30px;box-shadow:0 4px 16px #00000040;text-align:center;max-width:400px;width:90%;z-index:1001}.confirmation p{font-size:1.1rem;color:var(--petroleo);margin-bottom:24px;font-weight:600}.confirm-buttons{display:flex;justify-content:space-between;gap:12px}.confirm-buttons .btn{flex:1;padding:10px 0;font-size:1rem;border-radius:8px;cursor:pointer}.confirm-buttons .btn-primary{background-color:var(--petroleo);color:var(--blanco);border:none}.confirm-buttons .btn-primary:hover{background-color:var(--dorado);color:var(--petroleo)}.confirm-buttons .btn-secondary{background-color:var(--blanco);color:var(--petroleo);border:2px solid var(--petroleo)}.confirm-buttons .btn-secondary:hover{background-color:var(--dorado);color:var(--blanco);border-color:var(--dorado)}@media(max-width:768px){.confirmation{width:80%;padding:1.5rem 1rem}.confirmation p{font-size:1rem}.confirm-buttons{flex-direction:column;gap:.8rem}.confirm-buttons button{width:100%;font-size:1rem;padding:.8rem}}.community-stamp-container{max-width:900px;margin:auto;padding:20px;font-family:Montserrat,sans-serif}.community-stamp-card{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 4px 10px #0000001a;display:block}.community-stamp-card.hidden{display:none}.community-stamp-card button{background-color:var(--petroleo);max-width:80%;justify-self:center;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1rem;transition:background-color .3s ease}.community-stamp-card button:hover{background-color:var(--dorado)}.community-camera-prompt{background-color:var(--gris-claro);border:1px solid var(--dorado);padding:1rem;margin-top:1.5rem;border-radius:8px;text-align:center}.community-camera-prompt p{font-size:1rem;margin-bottom:1rem;color:var(--petroleo);font-weight:700}.community-camera-buttons button{max-width:70%;justify-self:center;background-color:var(--petroleo);color:#fff;border:none;margin:15px 10px;padding:10px;border-radius:6px;font-family:Montserrat,sans-serif;cursor:pointer;transition:background-color .3s ease}.community-camera-buttons button:hover{background-color:var(--dorado)}.community-video-wrapper{margin-top:2rem;text-align:center}.community-video-preview{width:100%;max-width:500px;border-radius:8px;box-shadow:0 4px 12px #0003}.wallet-setup-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;color:#fff}.wallet-header{display:flex;align-items:center;justify-content:center;gap:15px;padding:30px 20px}.wallet-header .logo{width:50px;height:50px}.wallet-header h1{font-size:28px;font-weight:700;margin:0}.wallet-content{flex:1;max-width:500px;margin:0 auto;padding:20px;width:100%}.wallet-content h2{font-size:24px;margin-bottom:10px;text-align:center}.wallet-content>p{text-align:center;margin-bottom:30px;opacity:.9}.choice-buttons{display:flex;flex-direction:column;gap:20px;margin-top:40px}.choice-button{display:flex;align-items:center;gap:15px;padding:25px 30px;background:#fffffff2;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.choice-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#fff}.choice-button .icon{font-size:32px}.choice-button .button-text{font-size:18px;font-weight:600;color:#333}.back-button{background:#fff3;border:none;color:#fff;padding:10px 15px;border-radius:8px;cursor:pointer;margin-bottom:20px;font-size:14px;transition:background .3s}.back-button:hover{background:#ffffff4d}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:none;border-radius:8px;font-size:16px;background:#fffffff2;color:#333;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{resize:vertical;font-family:monospace}.error-message{background:#f003;border:1px solid rgba(255,0,0,.5);color:#fff;padding:12px;border-radius:8px;margin-bottom:15px;font-size:14px}.action-button{width:100%;padding:15px;background:#4caf50;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.action-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.action-button:disabled{opacity:.6;cursor:not-allowed}.warning-text{background:#ff980033;border:1px solid rgba(255,152,0,.5);padding:15px;border-radius:8px;font-size:14px;line-height:1.5;text-align:left!important}.mnemonic-display{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0;background:#0003;padding:20px;border-radius:12px}.mnemonic-word{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff1a;border-radius:8px}.word-number{font-size:12px;opacity:.7;min-width:25px}.word-text{font-family:monospace;font-size:14px;font-weight:500}.copy-button{width:100%;padding:12px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;cursor:pointer;transition:all .3s;font-size:14px;margin-bottom:20px}.copy-button:hover{background:#ffffff4d}.warning-box{background:#f003;border:1px solid rgba(255,0,0,.5);padding:15px;border-radius:8px;margin-bottom:20px}.warning-box p{margin:5px 0;font-size:14px;line-height:1.5}.warning-box p:first-child{font-weight:600}.continue-button{width:100%;padding:15px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.continue-button:hover{background:#f0f0f0;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.passport-container{max-width:960px;margin:0 auto;padding:0 1rem 2rem;font-family:inherit}.passport-header{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.passport-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.back-btn{background:none;border:none;color:var(--color-brand);cursor:pointer;font-size:1.25rem;font-weight:700;line-height:1;min-height:44px;min-width:44px;padding:0}.passport-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.stat-card{min-width:0;background:var(--color-brand-soft);border:1px solid var(--color-border);border-radius:12px;padding:1rem;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:800;color:var(--color-brand);animation:passport-stat-in .42s cubic-bezier(.16,1,.3,1)}.stat-label{font-size:12px;color:var(--color-text-secondary)}.stamps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.passport-action{width:auto;min-height:44px;margin:.75rem 0 0;padding:.75rem 1rem;border-radius:999px;background:var(--color-brand);color:var(--color-surface);border:none;font-size:.875rem;font-weight:600}.passport-footer-actions{display:grid;justify-items:center;gap:.75rem;margin-top:1.5rem}.passport-page-count{margin:0;font-size:.875rem;color:var(--color-text-secondary)}@media(min-width:640px){.stamps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.passport-header{gap:.75rem}.passport-header h1{font-size:1.25rem}.passport-stats{gap:.75rem}.stat-card{padding:.75rem}.stat-value{font-size:1.5rem}}@keyframes passport-stat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.magic-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-brand-soft) 0%,var(--color-surface) 100%);padding:1rem}.magic-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;padding:2rem;width:100%;max-width:400px;box-shadow:0 8px 32px color-mix(in oklch,var(--color-brand) 16%,transparent)}.magic-card--redirecting{text-align:center}.magic-header{text-align:center;margin-bottom:2rem}.magic-icon{font-size:3rem;margin-bottom:.75rem}.magic-header h1,.magic-card--redirecting h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.magic-header p,.magic-card--redirecting p{color:var(--color-text-secondary);font-size:14px;margin:0}.magic-form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:13px;font-weight:600;color:var(--color-text-primary)}.field input{border:1.5px solid var(--color-border-strong);border-radius:10px;padding:.75rem .875rem;font-size:14px;outline:none;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1)}.field input:focus-visible{border-color:var(--color-brand);box-shadow:0 0 0 4px color-mix(in oklch,var(--color-brand) 16%,transparent)}.magic-passport-icon{width:3rem;height:3rem}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:3.25rem}.password-toggle{position:absolute;right:.4rem;width:2.5rem;height:2.5rem;border:none;border-radius:999px;background:transparent;color:var(--color-text-secondary)}.password-toggle:hover{background:color-mix(in oklch,var(--color-text-secondary) 10%,transparent)}.password-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.magic-eye-icon{width:1.1rem;height:1.1rem}.magic-strength{display:grid;gap:.375rem}.magic-strength-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.375rem}.magic-strength-bar{height:6px;border-radius:999px;background:color-mix(in oklch,var(--color-text-muted) 40%,transparent)}.magic-strength-bar.is-active{background:var(--color-brand)}.magic-strength-label{font-size:12px;color:var(--color-text-secondary)}.field-error{font-size:12px;color:var(--color-danger)}.magic-error{background:color-mix(in oklch,var(--color-danger) 10%,var(--color-surface));color:var(--color-danger);padding:.75rem 1rem;border:1px solid color-mix(in oklch,var(--color-danger) 24%,transparent);border-radius:8px;font-size:13px}.magic-btn{background:var(--color-brand);color:var(--color-surface);border:none;border-radius:12px;padding:.875rem;min-height:44px;font-size:15px;font-weight:600;cursor:pointer;margin-top:.5rem;transition:background-color .15s cubic-bezier(.16,1,.3,1),transform .15s cubic-bezier(.16,1,.3,1)}.magic-btn:hover{background:var(--color-brand-strong)}.magic-btn:focus-visible{outline:3px solid color-mix(in oklch,var(--color-brand) 30%,transparent);outline-offset:3px}.magic-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.magic-success{text-align:center;padding:3rem 2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:24px;max-width:400px;width:100%;box-shadow:0 8px 32px color-mix(in oklch,var(--color-brand) 16%,transparent)}.success-icon{font-size:4rem;margin-bottom:1rem}.magic-success-stamp{width:120px;height:120px;object-fit:cover;border-radius:18px;margin:0 auto 1rem;display:block}.magic-success h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 1rem}.stamp-notice{color:var(--color-brand);font-weight:600;margin:0 0 .5rem}.magic-success p{color:var(--color-text-secondary);font-size:14px;margin:0}@media(max-width:639px){.magic-container{padding:0}.magic-card,.magic-success{max-width:none;min-height:100vh;border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;justify-content:center}}.wallet-container{min-height:100vh;background:#0a0a0a;color:#fff}.wallet-content{padding:2rem;max-width:1200px;margin:0 auto}.wallet-header{text-align:center;margin-bottom:2rem}.wallet-header h1{font-size:2.5rem;margin-bottom:.5rem}.wallet-subtitle{color:#888;font-size:1.1rem}.wallet-loading,.wallet-error{text-align:center;padding:3rem;font-size:1.2rem}.wallet-error{color:#fca5a5}.wallet-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:3rem}.stat-card{background:#1f2937;padding:1.5rem;border-radius:12px;text-align:center;border:1px solid #374151}.stat-card.total{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none}.stat-value{font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#9ca3af;font-size:.875rem}.stamps-section h2{margin-bottom:1.5rem}.no-stamps{text-align:center;padding:3rem;background:#1f2937;border-radius:12px}.no-stamps .hint{color:#6b7280;font-size:.875rem;margin-top:.5rem}.stamps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.stamp-card{background:#1f2937;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.stamp-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0006}.stamp-card.rarity-common{border-color:#6b7280}.stamp-card.rarity-rare{border-color:#3b82f6}.stamp-card.rarity-epic{border-color:#8b5cf6}.stamp-card.rarity-legendary{border-color:#f59e0b;background:linear-gradient(135deg,#1f2937,#78350f)}.stamp-rarity{font-size:.75rem;text-transform:uppercase;margin-bottom:.5rem;color:#9ca3af}.stamp-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.stamp-event{color:#9ca3af;margin-bottom:.25rem}.stamp-date{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.stamp-badges{display:flex;gap:.5rem}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge.vc{background:#3b82f633;color:#60a5fa}.badge.nft{background:#8b5cf633;color:#a78bfa}.stamp-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.stamp-modal{background:#111827;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1}.modal-header{padding:2rem;background:#1f2937;text-align:center}.modal-header.rarity-legendary{background:linear-gradient(135deg,#78350f,#f59e0b)}.modal-header.rarity-epic{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.modal-header.rarity-rare{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.modal-header h2{margin:.5rem 0;font-size:1.75rem}.modal-rarity{font-size:.875rem;font-weight:600;opacity:.9}.modal-description{color:#fffc;margin-top:.5rem}.modal-body{padding:2rem}.modal-info{margin-bottom:2rem}.info-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #374151}.info-row .label{color:#6b7280}.info-row .value{font-weight:500}.modal-credentials h3{margin-bottom:1rem;font-size:1rem}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1f2937;border-radius:8px;margin-bottom:.75rem}.credential-item button{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem}.credential-item button:disabled{opacity:.5;cursor:not-allowed}.nft-id{font-family:monospace;color:#a78bfa}.no-credentials{color:#6b7280;text-align:center;padding:1rem}.modal-actions{margin-top:2rem}.export-button{width:100%;padding:1rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.export-button:hover:not(:disabled){background:#2563eb}.export-button:disabled{opacity:.5;cursor:not-allowed}.wallet-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem 0 1rem;margin-bottom:1rem}.brand-logo{font-size:2.5rem;font-weight:700;color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(245,158,11,.3)}.brand-name{font-size:1.5rem;font-weight:600;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase}:root{--agora-gold: #F59E0B;--agora-teal: #0D9488;--agora-dark: #0A0A0A}.qr-scanner-container{min-height:100vh;background:#0a0a0a;color:#fff}.qr-scanner-content{padding:2rem;max-width:600px;margin:0 auto}.qr-scanner-content h2{font-size:2rem;margin-bottom:.5rem;text-align:center}.qr-scanner-subtitle{color:#888;text-align:center;margin-bottom:2rem}.qr-scanner-error{background:#dc262633;border:1px solid #dc2626;color:#fca5a5;padding:1rem;border-radius:8px;margin-bottom:1rem}.qr-scanner-success{background:#22c55e33;border:1px solid #22c55e;color:#86efac;padding:1.5rem;border-radius:8px;margin-bottom:1rem;text-align:center}.qr-scanner-success h3{margin:0 0 1rem;font-size:1.5rem}.stamp-info{background:#0000004d;padding:1rem;border-radius:8px;margin-bottom:1rem}.stamp-info p{margin:.5rem 0}.qr-scanner-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.primary-button,.secondary-button{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.primary-button{background:#3b82f6;color:#fff}.primary-button:hover{background:#2563eb}.secondary-button{background:#1f2937;color:#fff;border:1px solid #374151}.secondary-button:hover{background:#374151}.qr-scanner-video{position:relative;margin-bottom:1rem}.scanner-video{width:100%;border-radius:12px;background:#000}.qr-scanner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.qr-scanner-frame{width:250px;height:250px;position:relative}.qr-scanner-corner{position:absolute;width:30px;height:30px;border:3px solid #3b82f6}.qr-scanner-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.qr-scanner-corner.tr{top:0;right:0;border-left:none;border-bottom:none}.qr-scanner-corner.bl{bottom:0;left:0;border-right:none;border-top:none}.qr-scanner-corner.br{bottom:0;right:0;border-left:none;border-top:none}.stop-button{margin-top:1rem;padding:.75rem 1.5rem;background:#dc2626;color:#fff;border:none;border-radius:8px;cursor:pointer}.qr-manual-entry{background:#1f2937;padding:2rem;border-radius:12px;margin-bottom:2rem}.qr-manual-entry h3{margin-top:0;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#9ca3af}.form-group input,.form-group select{width:100%;padding:.75rem;background:#111827;border:1px solid #374151;border-radius:6px;color:#fff;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6}.qr-platforms-info{background:#111827;padding:1.5rem;border-radius:12px;text-align:center}.qr-platforms-info h4{margin-top:0;margin-bottom:1rem;color:#9ca3af}.platforms-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.platform-badge{background:#1f2937;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;color:#10b981}.scanner-brand{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0 .5rem;margin-bottom:.5rem}.scanner-brand .brand-logo{font-size:2rem;font-weight:700;color:#f59e0b;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 20px rgba(245,158,11,.3)}.scanner-brand .brand-name{font-size:1.25rem;font-weight:600;color:#f59e0b;letter-spacing:.05em;text-transform:uppercase}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--petroleo, #0E4C59);color:var(--blanco, #ffffff);padding:1rem 1.5rem;z-index:9999;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;gap:.75rem}.cookie-banner__text{display:flex;align-items:flex-start;gap:.75rem}.cookie-banner__text p{margin:0;font-size:.9rem;line-height:1.5}.cookie-banner__text a{color:var(--dorado, #C8A165);text-decoration:underline}.cookie-banner__actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.cookie-banner__options{display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.cookie-banner__options label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.cookie-banner .btn-primary{background:var(--dorado, #C8A165);color:var(--petroleo, #0E4C59);border:none;padding:.5rem 1.1rem;border-radius:6px;font-weight:600;cursor:pointer;font-size:.875rem}.cookie-banner .btn-primary:hover{background:#b8914f}.cookie-banner .btn-secondary{background:transparent;color:var(--blanco, #ffffff);border:1px solid rgba(255,255,255,.4);padding:.5rem 1.1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem}.cookie-banner .btn-secondary:hover{background:#ffffff1a}.cookie-banner .btn-outline{background:transparent;color:var(--dorado, #C8A165);border:1px solid var(--dorado, #C8A165);padding:.5rem 1.1rem;border-radius:6px;font-weight:500;cursor:pointer;font-size:.875rem}.cookie-banner .btn-outline:hover{background:#c8a1651a}@media(min-width:768px){.cookie-banner{flex-direction:row;align-items:center;justify-content:space-between}}:root{--ap-petroleo: oklch(28% .075 210);--ap-petroleo-deep: oklch(23% .065 210);--ap-petroleo-light: oklch(95% .02 210);--ap-dorado: oklch(72% .12 72);--ap-dorado-hover: oklch(65% .13 72);--ap-warm-white: oklch(97% .008 72);--ap-sidebar-bg: var(--ap-petroleo);--ap-sidebar-border: oklch(100% 0 0 / .08);--ap-sidebar-text: oklch(100% 0 0 / .65);--ap-sidebar-text-active: oklch(100% 0 0);--ap-sidebar-active-bg: oklch(100% 0 0 / .12);--ap-sidebar-hover-bg: oklch(100% 0 0 / .08);--ap-sidebar-footer-bg: oklch(100% 0 0 / .06);--ap-bg: oklch(98% .008 200);--ap-surface: oklch(100% 0 0);--ap-surface-muted: oklch(96% .012 200);--ap-text: oklch(15% .02 200);--ap-text-secondary: oklch(50% .02 200);--ap-text-muted: oklch(72% .01 200);--ap-border: oklch(92% .01 200);--ap-border-strong: oklch(88% .015 200);--ap-danger: oklch(55% .22 25);--ap-danger-bg: oklch(97% .04 25);--ap-success: oklch(58% .18 150);--ap-success-bg: oklch(97% .04 150);--ap-warning: oklch(68% .15 75);--ap-warning-bg: oklch(97% .04 80);--ap-shadow-sm: 0 1px 2px 0 rgba(0,0,0,.05);--ap-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--ap-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--ap-radius-sm: 8px;--ap-radius-md: 12px;--ap-radius-lg: 16px;--ap-radius-full: 9999px;--ap-font: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ap-ease-out: cubic-bezier(.16, 1, .3, 1);--ap-duration-fast: .15s;--ap-duration-normal: .25s;--ap-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #0E4C59}:root{--dorado: #C8A165;--petroleo: #0E4C59;--blanco: #FFFFFF;--gris-claro: #F9F9F9;--negro: #1C1C1C;--color-brand: oklch(58% .22 265);--color-brand-strong: oklch(48% .22 265);--color-brand-soft: oklch(95% .06 265);--color-surface: oklch(100% 0 0);--color-surface-muted: oklch(98% .008 265);--color-text-primary: oklch(15% .02 265);--color-text-secondary: oklch(50% .02 265);--color-text-muted: oklch(72% .01 265);--color-border: oklch(92% .01 265);--color-border-strong: oklch(88% .015 265);--color-danger: oklch(55% .22 25);--color-success: oklch(58% .18 150);--color-rarity-common: oklch(55% .02 265);--color-rarity-rare: oklch(60% .18 240);--color-rarity-legendary: oklch(75% .18 60);--font-regular: "Montserrat", sans-serif;--font-bold: "Montserrat", sans-serif;--background: #F7F6F2;--surface: #ffffff;--surface-elevated: #f0ece4;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--border-color: rgba(14, 76, 89, .15)}[data-theme=dark]{--background: #071217;--surface: #0b3a44;--surface-elevated: #0E4C59;--blanco: #0b3a44;--gris-claro: #0E4C59;--text-primary: #f0f4f5;--text-secondary: #94a3b8;--border-color: rgba(200, 161, 101, .15)}html,body{width:100vw;height:100%;overflow-x:hidden;margin:0;padding:0}body{font-family:var(--font-regular);background-color:var(--blanco);color:var(--petroleo)}button,a[role=button],[type=button],[type=submit]{min-height:44px}.container{max-width:400px;margin:60px auto;padding:20px;background:var(--blanco);border-radius:12px;box-shadow:0 0 10px #0000000d;text-align:center}h1{margin-bottom:20px;font-weight:700;color:var(--dorado)}h2{margin-bottom:20px;font-weight:700;color:var(--petroleo)}button{display:block;width:100%;margin:10px 0;padding:12px;font-size:16px;background-color:var(--petroleo);color:var(--blanco);border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease}button:hover{background-color:var(--dorado)}input{display:block;width:100%;margin:10px 0;padding:10px;font-size:15px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.placeholder{font-size:14px;color:#999;margin-top:20px}@media(max-width:768px){.container{box-shadow:none}}.legal-page{min-height:100vh;background:var(--agora-dark);color:var(--agora-text-primary);padding:2rem 1rem}.legal-container{max-width:860px;margin:0 auto}.legal-page h1{color:var(--agora-gold);font-size:2rem;margin-bottom:.5rem}.legal-page .updated{color:var(--agora-text-secondary);font-size:.85rem;margin-bottom:2rem}.legal-page h2{color:var(--agora-teal-light);font-size:1.15rem;margin-top:2rem;margin-bottom:.5rem;border-bottom:1px solid var(--agora-dark-border);padding-bottom:.25rem}.legal-page p,.legal-page li{color:var(--agora-text-secondary);line-height:1.7;margin-bottom:.5rem}.legal-page ul{padding-left:1.25rem}.legal-page a{color:var(--agora-teal-light)}.legal-highlight{background:var(--agora-dark-elevated);border-left:3px solid var(--agora-teal);padding:1rem 1.25rem;border-radius:4px;margin:1rem 0}.legal-highlight p{margin:.25rem 0}.app-footer{background:var(--agora-dark-elevated);border-top:1px solid var(--agora-dark-border);padding:1.25rem 1rem;text-align:center;margin-top:auto}.app-footer p{color:var(--agora-text-secondary);font-size:.8rem;margin:0 0 .5rem}.app-footer .footer-links{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.app-footer .footer-links a{color:var(--agora-text-secondary);font-size:.8rem;text-decoration:none}.app-footer .footer-links a:hover{color:var(--agora-teal-light)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{position:absolute;inset:0;height:100%}body{line-height:1;min-height:100vh;margin:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none}strong,b{font-weight:700}input[type=text],textarea{border:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--petroleo);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--petroleo);outline-offset:2px;border-radius:4px}button{background-color:transparent;border:none}
