:root{--primario: #4F46E5;--acento: #22D3EE;--tinta: #0F172A;--superficie: #F1F5F9;--card: #FFFFFF;--borde: #E2E8F0;--muted: #64748B;--exito: #10B981;--error: #E24B4A}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--superficie);-webkit-font-smoothing:antialiased}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.muted{color:var(--muted)}.small{font-size:.8rem}.xsmall{font-size:.7rem;opacity:.85;text-align:center}.image-slot .xsmall{max-width:6.5rem;line-height:1.1}.brand{font-size:1.6rem;font-weight:700;color:var(--primario);text-align:center}.brand-accent{color:var(--acento)}.card{background:var(--card);border:1px solid var(--borde);border-radius:14px;padding:1.25rem 1.4rem;margin-bottom:1rem}.card h2{font-size:1.05rem;font-weight:600;margin-bottom:.9rem}.auth-card{width:100%;max-width:380px}.divider{display:flex;align-items:center;text-align:center;color:var(--muted);margin:1rem 0;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--borde)}.divider span{padding:0 .75rem}.switch{text-align:center;margin-top:1rem}.switch a,a{color:var(--primario);cursor:pointer;text-decoration:none}.switch a:hover{text-decoration:underline}.field{margin-bottom:.85rem;display:flex;flex-direction:column}.field label{font-size:.8rem;color:var(--muted);margin-bottom:.3rem}input,textarea,select{font:inherit;padding:.55rem .7rem;border:1px solid var(--borde);border-radius:9px;background:#fff;color:var(--tinta);outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:var(--primario);box-shadow:0 0 0 3px #4f46e51f}textarea{resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.row-inline{display:flex;gap:.5rem;align-items:center}.row-inline input{flex:1}button{font:inherit;cursor:pointer;border-radius:9px;border:1px solid transparent;padding:.55rem .9rem}.btn-primary{background:var(--primario);color:#fff;font-weight:500}.btn-primary:hover{filter:brightness(1.05)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:#fff;border:1px solid var(--borde);color:var(--tinta)}.btn-ghost:hover{background:var(--superficie)}.btn-ghost.small{padding:.35rem .6rem;font-size:.85rem}.btn-ghost.danger{color:var(--error);border-color:#f0c1c1}.btn-google{width:100%;background:#fff;border:1px solid var(--borde);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.btn-google:hover{background:var(--superficie)}.btn-google .g{font-weight:700;color:#4285f4}.error{background:#fdecec;color:var(--error);padding:.5rem .7rem;border-radius:8px;font-size:.85rem;margin-bottom:.75rem}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.4rem;background:#fff;border-bottom:1px solid var(--borde);position:sticky;top:0;z-index:5}.topbar .brand{font-size:1.25rem}.topbar-right{display:flex;align-items:center;gap:.8rem}.topbar-right .email{font-size:.85rem}.container{max-width:980px;margin:1.4rem auto;padding:0 1.4rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;align-items:start}.col{display:flex;flex-direction:column}.between{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.between h2{margin-bottom:0}.toast{position:fixed;top:4.5rem;left:50%;transform:translate(-50%);background:var(--tinta);color:#fff;padding:.55rem 1rem;border-radius:10px;font-size:.9rem;z-index:20}.images{display:flex;gap:1rem}.image-slot{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer}.thumb{width:68px;height:68px;border-radius:12px;border:2px dashed var(--borde);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.4rem}.thumb.round{border-radius:50%}.link-row{display:grid;grid-template-columns:110px 1fr 1.4fr auto auto;gap:.4rem;align-items:center;margin-bottom:.5rem}.link-row select{padding:.4rem}.link-row input{padding:.4rem .5rem}.share{text-align:center}.qr{display:flex;justify-content:center;padding:.5rem 0}.public-link{display:inline-block;margin:.5rem 0;font-weight:500;word-break:break-all}@media (max-width: 760px){.grid{grid-template-columns:1fr}.link-row{grid-template-columns:1fr 1fr}.link-row input,.link-row select{grid-column:span 1}}