.boarding-pass-sidebar,.qr-code{align-items:center;position:relative}.logo-section,.qr-section{display:flex;min-width:140px}.barcode-number,.folio-number{font-family:'Courier New',monospace;letter-spacing:1px;font-weight:700}:root{--primary-color:#c8442b;--secondary-color:#8b3a1f;--tertiary-color:#e67e22;--border-color:#d4a574;--light-bg:#f4e6d7;--text-dark:#2c1810;--white:#ffffff;--black:#000000;--transparent:transparent;--body-bg:#faf7f2;--modal-bg:linear-gradient(135deg, #a0341a 0%, #8b3a1f 100%);--modal-overlay:rgba(139, 58, 31, 0.4);--modal-container-bg:rgba(255, 250, 245, 0.95);--modal-header-bg:linear-gradient(135deg, #c8442b 0%, #a0341a 100%);--modal-footer-bg:rgba(252, 245, 235, 0.8);--form-section-bg:rgba(255, 248, 240, 0.6);--form-control-bg:rgba(255, 250, 245, 0.8);--form-control-focus-bg:rgba(255, 250, 245, 1);--pasajero-bg:linear-gradient(135deg, rgba(230, 126, 34, 0.1), rgba(200, 68, 43, 0.1));--qr-section-bg:#f0e6d2;--qr-code-bg:var(--white);--logo-section-bg:linear-gradient(135deg, var(--secondary-color), #a0341a);--amount-highlight-bg:linear-gradient(90deg, #fff5e6, #fff);--modal-border:rgba(255, 248, 240, 0.2);--form-section-border:rgba(255, 248, 240, 0.3);--form-control-border:rgba(139, 58, 31, 0.1);--form-control-focus-border:#d68910;--pasajero-border:rgba(230, 126, 34, 0.2);--qr-border:#d4a574;--dotted-border:#b7906f;--btn-secondary-border:rgba(139, 58, 31, 0.1);--modal-footer-border:rgba(139, 58, 31, 0.1);--text-white:var(--white);--text-gray-light:#8b6914;--text-gray-medium:#a0744a;--text-gray-dark:#2c1810;--text-blue:#c8442b;--website-link-color:#8b6914;--website-link-hover:var(--primary-color);--btn-primary-bg:linear-gradient(135deg, #c8442b 0%, #a0341a 100%);--btn-secondary-bg:rgba(255, 248, 240, 0.8);--btn-secondary-hover-bg:rgba(255, 248, 240, 1);--btn-add-bg:linear-gradient(135deg, #e67e22, #d68910);--btn-close-bg:rgba(255, 248, 240, 0.2);--btn-close-hover-bg:rgba(255, 248, 240, 0.3);--box-shadow-light:rgba(139, 58, 31, 0.1);--box-shadow-medium:rgba(139, 58, 31, 0.15);--box-shadow-dark:rgba(139, 58, 31, 0.2);--btn-primary-shadow:rgba(200, 68, 43, 0.3);--btn-primary-hover-shadow:rgba(200, 68, 43, 0.4);--btn-add-shadow:rgba(230, 126, 34, 0.3);--form-control-focus-shadow:rgba(230, 126, 34, 0.1);--gradient-sidebar:linear-gradient(135deg, var(--primary-color), var(--tertiary-color));--success-border:#27ae60;--pasajero-accent:linear-gradient(135deg, #8b3a1f, #a0341a);--floating-element-bg:rgba(255, 248, 240, 0.1);--pattern-bg:rgba(255, 248, 240, 0.1);--scrollbar-track:rgba(139, 58, 31, 0.1);--scrollbar-thumb:linear-gradient(135deg, #c8442b, #8b3a1f)}body{font-family:Arial,sans-serif;background-color:var(--body-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--modal-bg);min-height:100vh;overflow-x:hidden}.boarding-pass-container{border:2px solid var(--border-color);border-radius:10px;background:var(--light-bg);overflow:hidden;box-shadow:0 6px 20px var(--box-shadow-light);max-width:1000px;height:450px}.boarding-pass-sidebar{background:var(--gradient-sidebar);color:var(--text-white);writing-mode:vertical-rl;transform:rotate(180deg);display:flex;justify-content:center;height:100%;width:60px}.boarding-pass-sidebar::before{content:'';position:absolute;right:-1px;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,var(--text-gray-light) 0,var(--text-gray-light) 8px,var(--transparent) 8px,var(--transparent) 16px)}.boarding-pass-sidebar h5,.folio-number{font-size:.9rem}.info-section{background:var(--white);padding:15px;flex:1;height:100%;overflow:hidden}.section-title{background:var(--primary-color);color:var(--text-white);padding:6px 12px;margin:-3px -8px 10px;border-radius:4px;font-weight:700;text-align:center;font-size:.8rem}.info-row{margin-bottom:8px}.info-label{color:var(--text-gray-light);font-size:.75rem;margin-bottom:1px}.info-value{font-weight:700;color:var(--text-dark);font-size:.8rem}.divider{border:none;height:1px;background:repeating-linear-gradient(to right,var(--primary-color) 0,var(--primary-color) 8px,var(--transparent) 8px,var(--transparent) 16px);margin:12px 0}.qr-section{background:var(--qr-section-bg);padding:12px;flex-direction:column;align-items:center;justify-content:center;border-left:2px dotted var(--dotted-border);height:100%}.qr-code{width:150px;height:150px;border-radius:20px;margin-bottom:8px;display:flex;justify-content:center;background:var(--qr-code-bg);overflow:hidden;padding:8px;box-shadow:0 4px 15px var(--box-shadow-light);border:var(--qr-border) 5px solid}.qr-code canvas{border-radius:12px}.center-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--box-shadow-dark);z-index:10}.center-logo img{width:30px;height:30px;object-fit:contain;filter:brightness(.2)}.barcode-container{margin-top:8px;text-align:center}.barcode{height:25px;background:repeating-linear-gradient(to right,var(--black) 0,var(--black) 2px,var(--white) 2px,var(--white) 4px);margin:3px 0;border-radius:2px}.barcode-number,.compact-info{font-size:.7rem}.logo-section{background:var(--logo-section-bg);color:var(--text-white);padding:12px;flex-direction:column;align-items:center;justify-content:center;border-left:2px dotted var(--dotted-border);height:100%}#app-pase,.modal-title{align-items:center;display:flex}.logo-section img{max-width:200px;margin-bottom:10px;filter:brightness(1.1)}.folio-info{text-align:center;margin-bottom:10px}.btn,.form-group label{text-transform:uppercase;letter-spacing:.5px}.logo-divider{width:80%;height:1px;background:repeating-linear-gradient(to right,var(--white) 0,var(--white) 6px,var(--transparent) 6px,var(--transparent) 12px)}.website-link{font-size:.65rem;color:var(--website-link-color);text-decoration:none;margin-top:5px}.website-link:hover{color:var(--website-link-hover)}.amount-highlight{background:var(--amount-highlight-bg);padding:6px;border-radius:4px;border-left:3px solid var(--success-border)}*{margin:0;padding:0;box-sizing:border-box}#app-pase{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--modal-overlay);backdrop-filter:blur(50px);justify-content:center;z-index:1000;animation:.3s ease-out fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-container{background:var(--modal-container-bg);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 32px 64px var(--box-shadow-medium),inset 0 1px 0 rgba(255,255,255,.8);width:90%;max-width:900px;max-height:90vh;overflow:hidden;border:1px solid var(--modal-border);animation:.4s cubic-bezier(.34,1.56,.64,1) slideUp}.btn-secondary,.form-control,.form-section,.modal-footer{backdrop-filter:blur(10px)}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:var(--modal-header-bg);padding:32px;color:var(--text-white);position:relative;overflow:hidden}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.1'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.modal-title{font-size:28px;font-weight:700;margin:0;position:relative;z-index:1;gap:12px}.modal-title::before{content:"✈️";font-size:32px}.btn-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border:none;background:var(--btn-close-bg);border-radius:50%;color:var(--text-white);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;z-index:2}.btn,.form-group,.pasajero{position:relative}.btn::before,.floating-elements{height:100%;width:100%;position:absolute}.btn,.form-control{font-size:16px;transition:.3s cubic-bezier(.4, 0, .2, 1)}.btn-close:hover{background:var(--btn-close-hover-bg);transform:scale(1.1)}.btn-add:hover,.btn-primary:hover,.btn-secondary:hover,.form-control:focus,.form-section:hover{transform:translateY(-2px)}.modal-body{padding:40px;max-height:60vh;overflow-y:auto}.btn,.pasajero{overflow:hidden}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.form-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.form-section{background:var(--form-section-bg);padding:24px;border-radius:16px;border:1px solid var(--form-section-border)}.form-group{margin-bottom:24px}.form-group label{display:block;font-weight:600;color:var(--text-gray-dark);margin-bottom:8px;font-size:14px}.form-control{width:100%;padding:16px 20px;border:2px solid var(--form-control-border);border-radius:12px;background:var(--form-control-bg);outline:0}.form-control:focus{border-color:var(--form-control-focus-border);box-shadow:0 0 0 4px var(--form-control-focus-shadow);background:var(--form-control-focus-bg)}.form-control::placeholder{color:var(--text-gray-medium)}.pasajeros-section{grid-column:1/-1}.pasajero{background:var(--pasajero-bg);border:2px solid var(--pasajero-border);border-radius:16px;padding:24px;margin-bottom:16px;animation:.4s ease-out slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.pasajero::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--pasajero-accent)}.pasajero-header{font-weight:700;color:var(--text-blue);margin-bottom:16px;display:flex;align-items:center;gap:8px}.pasajero-header::before{content:"👤"}.pasajero-fields{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.btn{padding:16px 32px;border:none;border-radius:12px;font-weight:600;cursor:pointer}.btn::before{content:'';top:0;left:-100%;background:linear-gradient(90deg,var(--transparent),rgba(255,255,255,.2),var(--transparent));transition:left .5s}.btn:hover::before{left:100%}.btn-primary{background:var(--btn-primary-bg);color:var(--text-white);box-shadow:0 8px 32px var(--btn-primary-shadow)}.btn-primary:hover{box-shadow:0 12px 40px var(--btn-primary-hover-shadow)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--text-gray-dark);border:2px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);box-shadow:0 8px 32px var(--box-shadow-light)}.btn-add{background:var(--btn-add-bg);color:var(--text-white);width:100%;margin-top:16px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-add:hover{box-shadow:0 8px 32px var(--btn-add-shadow)}.btn-add::after{content:"+";font-size:20px;font-weight:700}.modal-footer{padding:32px 40px;background:var(--modal-footer-bg);border-top:1px solid var(--modal-footer-border);display:flex;justify-content:space-between;gap:16px}.floating-elements{top:0;left:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;background:var(--floating-element-bg);border-radius:50%;animation:6s ease-in-out infinite float}.floating-element:first-child{width:20px;height:20px;top:20%;left:10%;animation-delay:0s}.floating-element:nth-child(2){width:15px;height:15px;top:60%;left:80%;animation-delay:2s}.floating-element:nth-child(3){width:25px;height:25px;top:80%;left:20%;animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width:768px){.form-container,.pasajero-fields{grid-template-columns:1fr}.modal-container{width:95%;margin:20px}.modal-body,.modal-footer,.modal-header{padding:24px}.form-container{gap:24px}.modal-footer{flex-direction:column}}.form-group:hover .form-control{border-color:rgba(102,126,234,.3)}.form-section:hover{box-shadow:0 8px 32px var(--box-shadow-light)}