.infonavit-query{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:9px;padding:17px;border:1px solid var(--ux-border);border-radius:13px;background:#fafbfd}.infonavit-query label{margin:0!important}.infonavit-query button{height:44px;padding:0 14px;border:1px solid var(--ux-border);border-radius:9px;background:#fff;color:var(--ux-navy);font-size:9px;font-weight:750}.infonavit-credit-card{margin-top:13px;overflow:hidden;border:1px solid var(--ux-border);border-radius:15px;background:#fff}.infonavit-credit-card>header{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 19px;background:#f5f7fa}.infonavit-credit-card.active>header{background:#edf9f1}.infonavit-credit-card>header>span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#e9eef6;color:#59677e}.infonavit-credit-card.active>header>span{background:#d9f2e2;color:#168448}.infonavit-credit-card>header svg{width:22px;height:22px}.infonavit-credit-card header small{color:var(--ux-muted);font-size:8px;font-weight:800;letter-spacing:.08em}.infonavit-credit-card header h3{margin:3px 0;font-size:18px}.infonavit-credit-card header p{margin:0;font-size:10px}.infonavit-credit-card header em{padding:5px 8px;border-radius:7px;background:#edf0f4;color:#687386;font-size:8px;font-style:normal;font-weight:800}.infonavit-credit-card.active header em{background:#d9f2e2;color:#168448}.infonavit-credit-number{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;padding:15px 19px;border-bottom:1px solid var(--ux-border)}.infonavit-credit-number small{grid-column:1/-1;color:var(--ux-muted);font-size:8px;font-weight:800}.infonavit-credit-number b{font-size:20px;letter-spacing:.04em}.infonavit-credit-number button{display:flex;align-items:center;gap:5px;padding:0 10px;border:1px solid var(--ux-border);border-radius:8px;background:#fff;color:var(--ux-blue);font-size:8px;font-weight:750}.infonavit-credit-number svg{width:13px}.infonavit-credit-card dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:8px 12px}.infonavit-credit-card dl div{padding:10px;border-bottom:1px solid var(--ux-border)}.infonavit-credit-card dt{color:var(--ux-muted);font-size:7px;font-weight:750;text-transform:uppercase}.infonavit-credit-card dd{margin:4px 0 0;font-size:10px;font-weight:700}.infonavit-credit-card dl .warning dd{color:#d65d13}.infonavit-credit-card details{margin:0 19px 13px;border:1px solid var(--ux-border);border-radius:9px}.infonavit-credit-card summary{padding:10px 12px;font-size:9px;font-weight:750;cursor:pointer}.infonavit-credit-card details>div{display:grid;grid-template-columns:repeat(3,1fr);padding:0 12px 10px}.infonavit-credit-card details span{display:grid;gap:3px;padding:8px}.infonavit-credit-card details b{color:var(--ux-muted);font-size:7px;text-transform:uppercase}.infonavit-credit-card details span{font-size:9px}.infonavit-credit-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 19px;border-top:1px solid var(--ux-border);color:var(--ux-muted);font-size:8px}.infonavit-credit-card footer span{display:flex;align-items:center;gap:5px}.infonavit-credit-card footer svg{width:13px}.infonavit-history{margin-top:13px;overflow:hidden;border:1px solid var(--ux-border);border-radius:13px;background:#fff}.infonavit-history>header{display:flex;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--ux-border)}.infonavit-history h3{margin:0;font-size:11px}.infonavit-history header span{color:var(--ux-muted);font-size:8px}.infonavit-history>button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:10px;min-height:52px;padding:9px 14px;border:0;border-bottom:1px solid var(--ux-border);background:#fff;color:var(--ux-navy);text-align:left}.infonavit-history>button>span{display:grid;gap:2px}.infonavit-history b{font-size:10px}.infonavit-history small{color:var(--ux-muted);font-size:8px}.infonavit-history strong{padding:4px 7px;border-radius:7px;background:#edf0f4;font-size:8px}.infonavit-history strong.active{background:#dff3e6;color:#168448}.infonavit-history svg{width:14px;color:var(--ux-blue)}html[data-theme="dark"] .infonavit-query,html[data-theme="dark"] .infonavit-credit-card,html[data-theme="dark"] .infonavit-history,html[data-theme="dark"] .infonavit-history>button{background:#1a2230;border-color:#303949;color:#edf2fb}@media(max-width:700px){.infonavit-credit-card dl{grid-template-columns:1fr 1fr}.infonavit-credit-card details>div{grid-template-columns:1fr 1fr}}@media(max-width:500px){.infonavit-query{grid-template-columns:1fr}.infonavit-credit-card>header{grid-template-columns:43px 1fr}.infonavit-credit-card header em{grid-column:1/-1;width:max-content}.infonavit-credit-card dl,.infonavit-credit-card details>div{grid-template-columns:1fr}.infonavit-credit-card footer{align-items:flex-start;flex-direction:column}}