.card-wrapper{position:relative;z-index:20;max-width:500px;margin:0 auto;background:#fffffff2;border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0000004d;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.card-wrapper:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 24px 70px #00000059}html.is-spatial .card-wrapper{--xr-background-material: glass;position:relative;--xr-back: 25}html.is-spatial .info-section{--xr-background-material: translucent;position:relative;--xr-back: 10}html.is-spatial .btn{--xr-background-material: thick;position:relative;--xr-back: 6}.sphere-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.brand-title{font-size:2rem;font-weight:700;color:#1f2937;margin:0}.brand-accent{color:#001f3f;margin-left:.5rem}.info-section{margin-bottom:2rem}.name{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.title{font-size:1rem;color:#3639be;font-weight:600;margin:0 0 .25rem}.company{font-size:.95rem;color:#6b7280;margin:0 0 1.5rem}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.info-row:hover{background-color:#f9fafb}.icon{font-size:1.25rem;width:32px;text-align:center}.info-row a{color:#4b5563;text-decoration:none;font-size:.95rem;transition:color .2s ease}.info-row a:hover{color:#6366f1}.info-row span{color:#4b5563;font-size:.95rem}.button-row{display:flex;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn{flex:1;min-width:120px;padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.btn.primary{background:linear-gradient(135deg,#001f3f,#003d7a);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #001f3f66}.btn.secondary{background:#fff;color:#001f3f;border:2px solid #001f3f}.btn.secondary:hover{background:#001f3f;color:#fff;transform:translateY(-2px)}.save-row{margin-bottom:1.5rem}.save-btn{width:100%;padding:.875rem;background:#000e09;color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #10b9814d}.save-btn:hover{background:#0a3327;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.qr-section{text-align:center;padding-top:1.5rem;border-top:2px solid #e5e7eb;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.qr-label{margin:0 0 1rem;font-size:.875rem;color:#6b7280;font-weight:500}.qr-box{width:120px;height:120px;margin:0 auto;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb;padding:10px;overflow:hidden;box-sizing:border-box;flex-shrink:0}.qr-box img{width:100px;height:100px;max-width:100px;max-height:100px;display:block;object-fit:contain}@media(max-width:640px){.card-wrapper{padding:1.5rem}.sphere-header{flex-direction:column;text-align:center}.brand-title{font-size:1.5rem}.button-row{flex-direction:column}.btn{min-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;background:transparent;padding:2rem;position:relative;z-index:10}.background-image{position:fixed;top:0;left:0;right:0;bottom:0;background-image:url(/oficinagrande.jpeg);background-size:cover;background-position:center;background-attachment:fixed;z-index:-10}.background-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:-5}html.is-spatial .app{background:transparent}