:root{color-scheme:light;--paper:#f6f2e9;--ink:#354638;--muted:#657363;--accent:#566f4f;--line:#dfe3d5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:740px;margin:0 auto;padding:56px 24px 34px;text-align:center}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:600}.emblem{width:76px;height:90px;border:1px solid #9baa8b;border-radius:50% 50% 45% 45%;margin:30px auto 25px;font:italic 62px Georgia,serif;color:#718465;line-height:86px;outline:1px solid #d0d6c3;outline-offset:6px}h1{font:normal 38px/1.2 Georgia,serif;letter-spacing:-1px;margin:0 0 22px}h1 em{font-weight:normal;font-size:.8em}.intro{font-size:15px;line-height:1.8;color:var(--muted)}.upload-card{margin:34px auto 0;background:#fffdf8;border:1px solid var(--line);border-radius:24px;padding:30px;max-width:450px;box-shadow:0 10px 40px #34463806}.camera{width:42px;margin:0 auto 14px;color:#849573}h2{font:normal 26px/1.2 Georgia,serif;margin:0 0 12px}.upload-card>p{font-size:14px;line-height:1.65;color:var(--muted)}button{font:600 15px system-ui;min-height:52px;width:100%;padding:13px 18px;background:var(--accent);border:1px solid var(--accent);border-radius:12px;color:white;cursor:pointer;margin-top:14px}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #b09a69;outline-offset:4px}button.secondary{background:transparent;color:var(--accent)}[hidden]{display:none!important}.upload-card>.small{font-size:11px;margin-top:12px}#notice{font-size:12px}#queue{text-align:left}.photo{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}.thumb{width:44px;height:48px;border-radius:6px;object-fit:cover;background:#e8eddf}.photo-name{font-size:12px;overflow-wrap:anywhere;margin:0 0 5px}.photo-status{font-size:12px;color:var(--muted);margin:4px 0}.photo.error .photo-status{color:#984939}progress{width:100%;height:6px;accent-color:var(--accent)}footer{margin-top:32px}footer>p{font-size:12px;color:var(--muted)}.signature{font:italic 40px Georgia,serif;margin:8px}.privacy{font-size:11px;line-height:1.7;margin-top:24px}#summary{font-weight:600} @media(max-width:430px){main{padding:32px 18px}h1{font-size:31px}.upload-card{padding:24px 20px}.eyebrow{font-size:9px;letter-spacing:1.9px}}
/* Flores de la invitación: marfil, coral y azul. */
:root{--paper:#fcf5ec;--ink:#293e48;--muted:#586972;--accent:#b94d37;--line:#e6d8c8}
body{background:var(--paper) url('assets/fondo-floral.png') center top/100% 100% no-repeat}
main{max-width:780px;padding-top:38px;position:relative}
.eyebrow{color:#476d88;letter-spacing:2.5px}
.portrait{width:220px;height:260px;margin:22px auto 24px;overflow:hidden;border-radius:48% 48% 44% 44%;border:1px solid #e9d4be;box-shadow:0 0 0 7px #fffaf37d}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
h1 em{color:#b94d37}.upload-card{background:#fffdf8f5;border-color:#e5d8c9;box-shadow:0 12px 38px #8d72500b}.camera{color:#5b88a4}.signature{color:#b94d37;font-size:46px}.privacy{background:#fcf5ece0;display:inline-block;padding:8px 12px;border-radius:12px}
@media(min-width:900px){body{background-size:900px 100%}}
@media(max-width:430px){main{padding-top:30px}.eyebrow{font-size:9px;letter-spacing:1.7px}.portrait{width:184px;height:224px;margin-top:24px}h1{font-size:29px}.intro{font-size:14px}.upload-card{margin-top:26px}body{background-size:auto 100%;background-position:center top}}
