:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#092f60;background:#edf4fb}*{box-sizing:border-box}body{margin:0}.gift-app{max-width:760px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(#f8fbff,#e4effb);box-shadow:0 0 30px #173e6820}.gift-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border-bottom:2px solid #c4d9ee;position:sticky;top:0;z-index:2}.gift-header img{max-width:min(48vw,210px);height:52px;object-fit:contain;margin:auto}.home-link,.gift-header button{font-size:17px;font-weight:800;text-decoration:none;color:#103d70;background:#e8f2fc;border:2px solid #81acd5;border-radius:14px;min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px 12px;white-space:nowrap}.gift-header button span{font-size:13px}.gift-header button{min-width:56px;display:flex;flex-direction:column;gap:1px;padding:4px 7px}main{padding:20px 16px 36px;flex:1}.hero{text-align:center}.hero img{width:128px;height:128px;object-fit:contain}.hero h1{font-size:clamp(29px,8vw,40px);line-height:1.08;margin:4px 0;color:#103d70}.hero p,.lead{font-size:19px;line-height:1.4;margin:12px 0 24px}.large-actions{display:grid;gap:14px}.button,.choice,.small-button{border:2px solid #3179b8;border-radius:20px;background:linear-gradient(155deg,#fff,#dcecff);box-shadow:inset 0 2px white,0 5px 0 #a7c8e7,0 8px 16px #16497422;color:#092f60;font-family:inherit;font-weight:850;text-decoration:none;cursor:pointer}.button,.choice{display:flex;gap:16px;align-items:center;min-height:86px;width:100%;padding:14px 18px;font-size:23px;text-align:left}.button .emoji,.choice .emoji{font-size:35px;width:48px;text-align:center;flex:none}.button.primary,.small-button.primary{background:linear-gradient(#286598,#123e69);border-color:#0d3159;color:#fff;box-shadow:inset 0 2px #6191bb,0 5px 0 #0b2e53,0 8px 16px #16497433}.button.green{border-color:#37a076;background:linear-gradient(#f3fff8,#cff3df);box-shadow:inset 0 2px white,0 5px 0 #9bdab9}.button:focus-visible,.choice:focus-visible,.small-button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid #ffb300;outline-offset:3px}.button:active,.choice:active,.small-button:active{transform:translateY(3px)}.top-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.top-row h1{font-size:clamp(26px,7vw,36px);margin:0}.small-button{font-size:17px;min-height:50px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.list{display:grid;gap:16px}.listing,.panel{border:2px solid #77a8d5;border-radius:22px;background:#fff;box-shadow:0 5px 0 #bfd5ea;padding:18px;margin-bottom:14px}.listing{display:flex;gap:16px;align-items:center;text-align:left;color:inherit;text-decoration:none;width:100%;font:inherit;cursor:pointer}.listing img,.detail-photo{width:105px;height:105px;object-fit:cover;border-radius:14px;background:#e4f0fa}.listing .no-photo{width:105px;height:105px;display:grid;place-items:center;border-radius:14px;background:#e4f0fa;font-size:48px;flex:none}.listing strong{display:block;font-size:22px;line-height:1.1}.listing small{display:block;font-size:17px;margin-top:8px}.pill{display:inline-block;background:#e6f2fc;color:#124b79;font-weight:800;border-radius:99px;padding:5px 10px;font-size:15px}.detail-photo{width:100%;height:260px;object-fit:contain}.detail-title{font-size:32px;margin:10px 0}.detail-text{font-size:20px;line-height:1.5;white-space:pre-wrap}.form{display:grid;gap:17px}.field{display:grid;gap:7px;font-size:19px;font-weight:800}.field input,.field select,.field textarea{width:100%;font:inherit;font-size:21px;min-height:58px;padding:12px 14px;border:2px solid #699ac5;border-radius:13px;background:#fff;color:#092f60}.field textarea{min-height:130px}.hint{font-size:16px;line-height:1.45;color:#3c5873}.privacy-check{display:flex;gap:12px;font-size:17px;line-height:1.35;align-items:flex-start}.privacy-check input{width:28px;height:28px;flex:none}.status{padding:14px;border-radius:14px;background:#fff4d8;border:2px solid #d6a74a;font-size:18px;line-height:1.4;margin:14px 0}.status.ok{background:#e7f8ed;border-color:#65ad7c}.status.error{background:#fff0f0;border-color:#d66b6b}.request{border-top:2px solid #d1e1ee;padding:14px 0}.request p{font-size:18px}.request a{color:#0e477e;font-weight:800;font-size:20px}.request-actions{display:flex;flex-wrap:wrap;gap:10px}.request-actions .small-button{flex:1}footer{display:flex;justify-content:space-around;gap:10px;padding:22px;border-top:1px solid #b8d2e8;font-size:17px;font-weight:700;text-align:center}a{color:#0d4a80}.empty{text-align:center;font-size:20px;line-height:1.4;padding:32px 12px}.sr-only{position:absolute;left:-10000px}@media(max-width:420px){.gift-header{padding:8px}.gift-header img{max-width:43vw}.home-link{font-size:15px;padding:6px 8px}.listing img,.listing .no-photo{width:82px;height:82px}.listing strong{font-size:20px}}

/* Keep the standalone route usable, and make the in-app view part of the
   same white detail panel used by the other UN TOQUE service cards. */
.gift-app{background:#fff}
.hero{text-align:left}
.hero img{width:86px;height:86px;padding:5px;border:2px solid #b9dec7;border-radius:24px;background:linear-gradient(145deg,#effbf2,#c8ebd2)}
.hero h1{font-size:clamp(29px,7vw,38px);margin:14px 0 8px}
.hero p{margin:8px 0 24px;color:#526175}
html.embedded,html.embedded body{background:transparent}
.embedded .gift-app{display:block;max-width:none;min-height:0;margin:0;background:transparent;box-shadow:none}
.embedded .gift-header,.embedded footer,.embedded .hero{display:none}
.embedded main{display:block;padding:0;min-height:0}
.embedded .large-actions{gap:13px;margin:0 0 18px}
.embedded .button{justify-content:center;min-height:68px;padding:10px 16px;border-radius:18px;font-size:19px;font-weight:900;text-align:center;text-transform:uppercase;box-shadow:inset 0 2px #fff,0 4px 0 #b4d0eb,0 8px 15px #11416c26}
.embedded .button.primary{box-shadow:inset 0 2px #6191bb,0 5px 0 #0b2e53,0 8px 16px #16497433}
.embedded .button.green{box-shadow:inset 0 2px #fff,0 5px 0 #9bdab9,0 8px 15px #2979502b}
.embedded .button .emoji{font-size:27px;width:34px}
.embedded .hint{font-size:16px;line-height:1.45;color:#5d6b7e}
.embedded .top-row h1{font-size:clamp(24px,6vw,31px)}
.embedded .top-row .small-button{font-size:15px;min-height:44px;padding:7px 11px}
@media(max-width:420px){.embedded .button{font-size:18px;min-height:64px}.embedded .button .emoji{font-size:25px;width:30px}}
.embedded main:focus{outline:none}
.request-actions{display:grid;grid-template-columns:1fr;gap:12px}
.request-actions .whatsapp-action{min-height:70px;font-size:20px;line-height:1.2;text-align:left;white-space:normal}
.request-actions .whatsapp-action .emoji{font-size:31px;width:38px}
.request-actions .small-button{width:100%}
.embedded .request-actions .whatsapp-action{justify-content:flex-start;text-align:left}
@media(max-width:420px){.request-actions .whatsapp-action{font-size:18px;padding:12px}.request-actions .whatsapp-action .emoji{width:30px;font-size:26px}}
.listing-content{display:block;min-width:0;flex:1}
.gift-counts{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.gift-count{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;background:#edf5fc;border:1px solid #a8cae7;border-radius:12px;color:#163d67;font-size:16px;line-height:1.25;font-weight:650}
.gift-count strong{font-size:20px;font-variant-numeric:tabular-nums}
.listing .gift-counts{display:grid;gap:6px;margin:10px 0 0}
.listing .gift-count{font-size:16px;padding:5px 8px}
.listing .gift-count strong{font-size:18px}
.delivered-badge{display:inline-flex;align-items:center;gap:4px;margin:10px 0 0;padding:7px 12px;border:2px solid #28744e;border-radius:999px;background:#e7f7ec;color:#165839;font-size:18px;line-height:1.2;font-weight:900}
.listing.delivered{background:#f7fafc;border-color:#8da6ba}
.panel .pill.delivered-badge{display:inline-flex;font-size:18px}
@media(max-width:420px){.gift-count{font-size:16px}.listing .gift-count{font-size:16px}.listing .gift-count strong{font-size:19px}}
.listing{cursor:default}
.listing-photo{flex:none;width:105px;padding:0;border:0;background:transparent;color:#114b7e;font:800 13px system-ui;cursor:pointer;text-align:center}
.listing-photo img{display:block;width:105px;height:105px}
.listing-photo span{display:block;margin-top:3px}
.listing-open{flex:1;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.listing-photo:focus-visible,.listing-open:focus-visible,.detail-photo-button:focus-visible{outline:4px solid #ffb300;outline-offset:4px;border-radius:8px}
.detail-photo-button{display:block;width:100%;padding:0;border:0;background:transparent;color:#114b7e;font:800 17px system-ui;cursor:pointer}
.detail-photo-button .detail-photo{display:block}
.detail-photo-button span{display:block;margin:8px 0 12px}
.gift-share{margin-top:14px}
@media(max-width:420px){.listing-photo{width:82px}.listing-photo img{width:82px;height:82px}.listing{gap:12px;padding:12px}}
.button.danger{margin-top:24px;border-color:#a13d47;background:linear-gradient(#fff8f8,#f8dfe2);color:#7b1e2c;box-shadow:inset 0 2px #fff,0 5px 0 #dfaeb4,0 8px 16px #682b3322}
.button.danger:disabled{opacity:.55;cursor:wait}
.own-gift-content{display:block;min-width:0}
.own-gift-content strong{display:block;font-size:clamp(20px,5vw,25px);line-height:1.15;overflow-wrap:anywhere}
.own-gift-content small{display:block;margin-top:7px;font-size:16px;font-weight:700;color:#49617c}
.own-missing{display:grid;gap:12px;margin:0;font-size:19px}
.own-missing .small-button{justify-self:start}