/* widgets-extra.css — 3 widgets premium (AI Glasses, Travel Assistant, Certidão de Saúde)
   Classes 100% prefixadas (ag-/tac-/hid-) e presas ao tamanho do widget do app. */

/* tiles full-bleed */
.wgt-ag,.wgt-tac,.wgt-hid{padding:0;overflow:hidden;position:relative}
.wgt-ag .agp,.wgt-tac .tap,.wgt-hid .hic{position:absolute;inset:0;width:100%;height:100%;display:none;opacity:0}
.wgt-ag.wgt-1x1 .agp1,.wgt-ag.wgt-2x1 .agp2,.wgt-ag.wgt-2x2 .agp3,
.wgt-tac.wgt-1x1 .tap1,.wgt-tac.wgt-2x1 .tap2,.wgt-tac.wgt-2x2 .tap3,
.wgt-hid.wgt-1x1 .hic1,.wgt-hid.wgt-2x1 .hic2,.wgt-hid.wgt-2x2 .hic3{display:flex;opacity:1;animation:fadein .4s ease forwards}

/* ===================== AI GLASSES (ag-) — tema claro ===================== */
.wgt-ag{border-radius:22px;font-family:Inter,'Oswald',sans-serif}
.wgt-ag .agp1,.wgt-ag .agp3{flex-direction:column}
.wgt-ag .agp2{flex-direction:row}
.wgt-ag .ag-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.wgt-ag .ag-ov{position:absolute;inset:0;z-index:1;pointer-events:none}
.wgt-ag .ag-ov-light{background:linear-gradient(160deg,rgba(255,255,255,.52),rgba(255,255,255,.28) 40%,rgba(255,255,255,.10))}
.wgt-ag .ag-ov-btm{background:linear-gradient(to top,rgba(255,255,255,.94),rgba(255,255,255,.70) 28%,rgba(255,255,255,0) 62%)}
.wgt-ag .ag-ui{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px 18px}
.wgt-ag .ag-row{display:flex;align-items:center;justify-content:space-between}
.wgt-ag .ag-wm{font-size:15px;font-weight:600;letter-spacing:-.028em;color:#1d1d1f;line-height:1.05}
.wgt-ag .ag-wm span{font-weight:300;font-style:italic;color:#6e6e73}
.wgt-ag .ag-sc{font-size:10px;color:#6e6e73;margin-top:2px}
.wgt-ag .ag-pill{background:rgba(255,255,255,.75);color:#1d1d1f;border:1px solid rgba(0,0,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5px 10px;border-radius:999px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:5px;flex-shrink:0}
.wgt-ag .ag-dot{width:6px;height:6px;border-radius:50%;background:#28b54a;box-shadow:0 0 6px rgba(40,181,74,.7);flex-shrink:0}
.wgt-ag .ag-lbl{font-size:10px;color:#6e6e73}
.wgt-ag .ag-val{font-size:26px;font-weight:700;letter-spacing:-.04em;color:#1d1d1f;line-height:1}
.wgt-ag .ag-mc{font-size:10px;color:#aeaeb2;letter-spacing:.08em;text-transform:uppercase}
.wgt-ag .ag-c2{width:100%;height:100%;display:flex;flex-direction:column}
.wgt-ag .ag-pz{height:50%;flex-shrink:0;position:relative;overflow:hidden}
.wgt-ag .ag-pz img{width:100%;height:100%;object-fit:cover;object-position:center 52%}
.wgt-ag .ag-pz::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,0) 35%,rgba(255,255,255,.9))}
.wgt-ag .ag-ptop{position:absolute;top:12px;left:14px;right:14px;z-index:3;display:flex;justify-content:space-between;align-items:flex-start}
.wgt-ag .ag-iz{flex:1;min-height:0;background:#fff;border-top:1px solid rgba(0,0,0,.07);padding:10px 13px 12px;display:flex;flex-direction:column;gap:7px;overflow:hidden}
.wgt-ag .ag-sg{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.wgt-ag .ag-sc2{background:#f5f5f7;border:1px solid rgba(0,0,0,.06);border-radius:11px;padding:7px 9px;display:flex;flex-direction:column;gap:2px}
.wgt-ag .ag-cl{font-size:8px;color:#aeaeb2;letter-spacing:.1em;text-transform:uppercase}
.wgt-ag .ag-cv{font-size:11px;font-weight:500;color:#1d1d1f}
.wgt-ag .ag-cv.g{color:#28b54a}.wgt-ag .ag-cv.b{color:#0071e3}.wgt-ag .ag-cv.d{color:#6e6e73}
.wgt-ag .ag-acts{display:flex;gap:8px}
.wgt-ag .ag-btn{border-radius:980px;padding:9px 12px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center}
.wgt-ag .ag-bp{flex:2;background:#1d1d1f;color:#f5f5f7}
.wgt-ag .ag-bs{flex:1;background:rgba(0,0,0,.05);color:#1d1d1f;border:1px solid rgba(0,0,0,.1)}
.wgt-ag .ag-pr{display:flex;justify-content:space-between;align-items:center}
.wgt-ag .ag-pt{font-size:18px;font-weight:600;color:#1d1d1f}
.wgt-ag .ag-ps{font-size:11px;font-weight:300;color:#6e6e73;margin-left:2px}

/* ===================== TRAVEL ASSISTANT (tac-) — tema marfim ===================== */
.wgt-tac{border-radius:22px;font-family:Inter,'Oswald',sans-serif;background:linear-gradient(160deg,#FAF7F2,#F2EDE3)}
.wgt-tac .tap1,.wgt-tac .tap3{flex-direction:column}
.wgt-tac .tap2{flex-direction:row}
.wgt-tac .tac-eyebrow{font-family:'Cormorant Garamond',serif;font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#B8965A;display:flex;align-items:center;gap:7px}
.wgt-tac .tac-dotg{width:5px;height:5px;border-radius:50%;background:#B8965A;box-shadow:0 0 0 3px rgba(184,150,90,.2);flex-shrink:0}
.wgt-tac .tac-badge{background:linear-gradient(135deg,#B8965A,#D4B07A);color:#FAF7F2;border-radius:999px;padding:5px 12px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.wgt-tac .tac-badge-o{background:transparent;border:1px solid rgba(184,150,90,.4);color:#B8965A;border-radius:999px;padding:5px 12px;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
/* 1x1 */
.wgt-tac .tap1{padding:16px;justify-content:space-between}
.wgt-tac .tac-icon{width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,#1A1410,#2E2520);box-shadow:0 10px 26px rgba(26,20,16,.22);display:flex;align-items:center;justify-content:center;font-size:22px}
.wgt-tac .tac-name{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:600;line-height:1.05;color:#1A1410}
.wgt-tac .tac-tag{font-size:9px;color:#6B6258;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}
/* 2x1 */
.wgt-tac .tac-left{width:46%;flex-shrink:0;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(26,20,16,.09)}
.wgt-tac .tac-head{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1;color:#1A1410;margin-top:6px}
.wgt-tac .tac-sub{font-size:10px;color:#6B6258;line-height:1.45;margin-top:5px}
.wgt-tac .tac-right{flex:1;padding:16px 14px;display:flex;flex-direction:column;justify-content:space-between}
.wgt-tac .tac-stats{display:flex;flex-direction:column;gap:8px}
.wgt-tac .tac-stat{display:flex;justify-content:space-between;align-items:center}
.wgt-tac .tac-sk{font-size:8px;color:#A09285;text-transform:uppercase;letter-spacing:.12em}
.wgt-tac .tac-sv{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:600;color:#1A1410}
.wgt-tac .tac-cta{background:linear-gradient(170deg,#1A1410,#2E2520);color:#D4B07A;border:none;border-radius:980px;padding:11px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 22px rgba(26,20,16,.2)}
/* 2x2 */
.wgt-tac .tac-hero{padding:16px 18px 12px;border-bottom:1px solid rgba(26,20,16,.09);flex-shrink:0}
.wgt-tac .tac-top{display:flex;justify-content:space-between;align-items:flex-start}
.wgt-tac .tac-title{font-family:'Cormorant Garamond',serif;font-size:21px;font-weight:600;letter-spacing:-.03em;line-height:1;color:#1A1410;margin-top:7px}
.wgt-tac .tac-title em{font-style:italic;color:#B8965A}
.wgt-tac .tac-hsub{font-size:10px;color:#6B6258;line-height:1.4;margin-top:4px}
.wgt-tac .tac-body{flex:1;min-height:0;padding:11px 16px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.wgt-tac .tac-svcs{display:flex;flex-direction:column;gap:6px}
.wgt-tac .tac-svc{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.72);border:1px solid rgba(26,20,16,.09);border-radius:13px;padding:8px 11px}
.wgt-tac .tac-sic{width:28px;height:28px;border-radius:9px;flex-shrink:0;background:linear-gradient(145deg,#1A1410,#2E2520);display:flex;align-items:center;justify-content:center;font-size:14px}
.wgt-tac .tac-sn{font-size:11px;font-weight:600;color:#1A1410}
.wgt-tac .tac-sd{font-size:9px;color:#6B6258;margin-top:1px}
.wgt-tac .tac-st{margin-left:auto;flex-shrink:0;font-size:8px;font-weight:700;color:#B8965A;text-transform:uppercase;letter-spacing:.1em}
.wgt-tac .tac-brow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;padding-top:2px}
.wgt-tac .tac-price{display:flex;align-items:baseline;gap:3px}
.wgt-tac .tac-pb{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;letter-spacing:-.04em;color:#1A1410}
.wgt-tac .tac-ps{font-size:11px;color:#6B6258}
.wgt-tac .tac-actions{display:flex;gap:7px}
.wgt-tac .tac-dk{background:linear-gradient(170deg,#1A1410,#2E2520);color:#D4B07A;border:none;border-radius:980px;padding:10px 14px;font-size:10px;font-weight:700;white-space:nowrap}
.wgt-tac .tac-gh{background:transparent;border:1px solid rgba(184,150,90,.4);color:#B8965A;border-radius:980px;padding:10px 13px;font-size:10px;font-weight:600;white-space:nowrap}

/* ===================== CERTIDÃO DE SAÚDE (hid-) — tema teal escuro ===================== */
.wgt-hid{border-radius:22px;font-family:Inter,'Oswald',sans-serif}
.wgt-hid .hic{flex-direction:column}
.wgt-hid .hid-card{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:16px 20px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,rgba(138,243,234,.14),rgba(63,209,194,.1) 24%,rgba(13,29,32,.95)),linear-gradient(135deg,#0f2326,#081112)}
.wgt-hid .hid-ui{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}
.wgt-hid .hid-top,.wgt-hid .hid-mid,.wgt-hid .hid-bot,.wgt-hid .hid-frow,.wgt-hid .hid-mrow{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
.wgt-hid .hid-stack{display:flex;flex-direction:column;gap:4px}
.wgt-hid .hid-wm{color:#8af3ea;font-size:17px;line-height:1;font-weight:800;letter-spacing:-.03em}
.wgt-hid .hid-sub{color:rgba(138,243,234,.68);text-transform:uppercase;letter-spacing:1.4px;font-size:9px;font-weight:700}
.wgt-hid .hid-badge{color:#071112;background:linear-gradient(135deg,#8af3ea,#3fd1c2);border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px rgba(63,209,194,.22)}
.wgt-hid .hid-chip{width:42px;height:32px;border-radius:8px;border:1px solid rgba(138,243,234,.22);background:linear-gradient(135deg,rgba(138,243,234,.18),rgba(138,243,234,.08)),linear-gradient(180deg,#12353a,#0b2023);position:relative;overflow:hidden}
.wgt-hid .hid-pulse{width:24px;height:24px;fill:none;stroke:rgba(138,243,234,.78);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-left:12px}
.wgt-hid .hid-mono{font-family:'Space Mono',monospace;color:rgba(239,248,246,.92);white-space:nowrap}
.wgt-hid .hid-id{font-size:17px;letter-spacing:1.5px;line-height:1}
.wgt-hid .hid-name{font-size:11px;letter-spacing:1px;text-transform:uppercase}
.wgt-hid .hid-cl{font-size:7px;letter-spacing:1px;text-transform:uppercase;color:rgba(148,180,177,.9);display:block;margin-bottom:2px}
.wgt-hid .hid-hl{color:rgba(138,243,234,.72);font-size:8px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;margin-top:auto}
.wgt-hid .hid-hv{font-family:'Space Mono',monospace;color:#eff8f6;font-size:22px;margin-top:4px}
/* 2x2 */
.wgt-hid.wgt-2x2{background:linear-gradient(135deg,#0d1d20,#091416);border:1px solid rgba(138,243,234,.16)}
.wgt-hid .hic3{padding:18px}
.wgt-hid .hid-ph{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:12px;margin-bottom:13px;border-bottom:1px dashed rgba(138,243,234,.2)}
.wgt-hid .hid-tagline{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#3fd1c2;font-weight:700}
.wgt-hid .hid-bdg2{font-size:9px;color:#071112;background:#3fd1c2;padding:4px 7px;border-radius:10px;letter-spacing:.6px;font-weight:700;text-transform:uppercase}
.wgt-hid .hid-mini{height:auto;padding:13px 15px;border-radius:16px;margin-bottom:14px}
.wgt-hid .hid-mini .hid-wm{font-size:14px}
.wgt-hid .hid-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:auto}
.wgt-hid .hid-ip{background:rgba(255,255,255,.03);border:1px solid rgba(138,243,234,.14);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:5px}
.wgt-hid .hid-stx{color:#94b4b1;font-size:8px;text-transform:uppercase;letter-spacing:1px;line-height:1.3}
.wgt-hid .hid-mt{font-family:'Space Mono',monospace;line-height:1.1;color:#8af3ea;font-size:15px}
.wgt-hid .hid-mw{font-family:'Space Mono',monospace;color:#eff8f6;font-size:15px}
.wgt-hid .hid-mg{font-family:'Space Mono',monospace;color:#5cff95;font-size:12px}
.wgt-hid .hid-mwn{font-family:'Space Mono',monospace;color:#ffd166;font-size:12px}
.wgt-hid .hid-arow{display:flex;gap:10px;margin-top:14px}
.wgt-hid .hid-ab{border:1px solid rgba(138,243,234,.28);background:rgba(138,243,234,.08);color:#8af3ea;border-radius:12px;padding:10px 12px;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;display:flex;align-items:center;justify-content:center}
.wgt-hid .hid-abp{flex:2;background:linear-gradient(135deg,#8af3ea,#3fd1c2);color:#061214;border-color:transparent}
.wgt-hid .hid-abd{flex:1;color:#ff708d;border-color:rgba(255,112,141,.28);background:rgba(255,112,141,.06)}