/* Conexiones DITAR · Filtros PyG. Styles are limited to the filter component. */
.finance-filter-panel.pyg-filter-design{--pyg-green:#227345;--pyg-ink:#24382d;--pyg-muted:#63766b;--pyg-line:#dce6df;--pyg-surface:#f7faf7;position:relative;padding:0;border:1px solid var(--pyg-line);border-radius:12px;background:#fff;color:var(--pyg-ink);box-shadow:0 4px 18px #193e2510;font-family:Manrope,sans-serif;font-size:13px;line-height:1.5}
.pyg-filter-design *{box-sizing:border-box}
.pyg-filter-design :is(h2,p,label,button,span,strong){text-transform:none}
.pyg-filter-design [hidden]{display:none!important}
.pyg-filter-design button,.pyg-filter-design input,.pyg-filter-design select{font:inherit}
.pyg-filter-design button{cursor:pointer}
.pyg-filter-design button:disabled{cursor:wait;opacity:.55}
.pyg-filter-design .finance-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px 21px;border-bottom:1px solid #e9eeea}
.pyg-filter-design .pyg-heading-title{display:flex;align-items:center;gap:13px;min-width:0}
.pyg-filter-design .pyg-heading-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;background:#eef5ef;color:var(--pyg-green);flex-shrink:0}
.pyg-filter-design .pyg-heading-icon svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}
.pyg-filter-design .pyg-heading-title h2{margin:0;font-size:18px;letter-spacing:-.5px;font-weight:750;line-height:1.3}
.pyg-filter-design .pyg-heading-tools{display:flex;align-items:center;gap:24px}
.pyg-filter-design .pyg-source{display:flex;align-items:center;gap:7px;color:#6b7d71;font-size:11px;white-space:nowrap}
.pyg-filter-design .pyg-source strong{font-size:11px;font-weight:650;color:#435e4c}
.pyg-filter-design #pygToggleFilters{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;border:1px solid #cfddd3;border-radius:7px;background:#fff;color:var(--pyg-green);font-size:11px;font-weight:700;white-space:nowrap}
.pyg-filter-design #pygToggleFilters::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(225deg);margin-top:4px}
.pyg-filter-design #pygToggleFilters[aria-expanded="false"]::after{transform:rotate(45deg);margin-top:-3px}
.pyg-filter-design #pygFilters{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:18px 16px;padding:23px 27px 0;align-items:start}
.pyg-filter-design .pyg-group-title{grid-column:1/-1;display:flex;align-items:center;gap:12px;margin:0;font-size:11px;line-height:1.2;font-weight:700;color:#718477;letter-spacing:.25px}
.pyg-filter-design .pyg-group-title::after{content:"";height:1px;flex:1;background:#edf1ed}
.pyg-filter-design .pyg-group-title[data-group="detail"]{margin-top:6px}
.pyg-filter-design .pyg-company,.pyg-filter-design .pyg-field{position:relative;min-width:0;grid-column:span 3;display:flex;flex-direction:column;gap:7px;margin:0;color:#3b5043;font-size:12px;font-weight:650}
.pyg-filter-design .pyg-company,.pyg-filter-design .pyg-field[data-key="years"],.pyg-filter-design .pyg-field[data-key="months"]{grid-column:span 5}
.pyg-filter-design .pyg-field-label{display:block;min-height:18px;color:#3b5043;font-size:12px;font-weight:650;line-height:1.5}
.pyg-filter-design #pygCompany,.pyg-filter-design .pyg-select-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:45px;margin:0;padding:10px 12px;border:1px solid #cedbd2;border-radius:7px;background:#fff;color:#263f2f;font-weight:550;font-size:12px;line-height:1.6;text-align:left;box-shadow:0 1px 2px #193e2504;transition:border-color .15s,box-shadow .15s}
.pyg-filter-design #pygCompany{padding-right:32px;cursor:pointer}
.pyg-filter-design .pyg-select-trigger:hover,.pyg-filter-design #pygCompany:hover{border-color:#9cb5a4}
.pyg-filter-design .pyg-select-trigger[aria-expanded="true"]{border-color:var(--pyg-green);box-shadow:0 0 0 3px #22734510}
.pyg-filter-design .pyg-select-trigger::after{content:"";width:6px;height:6px;flex-shrink:0;border:solid #6f8475;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:-3px 1px 0 auto}
.pyg-filter-design .pyg-select-trigger[aria-expanded="true"]::after{transform:rotate(225deg);margin-top:3px}
.pyg-filter-design .pyg-select-value{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:550}
.pyg-filter-design .pyg-select-count{flex-shrink:0;display:inline-grid;place-items:center;padding:1px 6px;min-width:21px;min-height:20px;border-radius:5px;background:#eaf3ec;color:var(--pyg-green);font-size:10px;font-weight:750}
.pyg-filter-design .pyg-popover{position:fixed;z-index:100;display:flex;flex-direction:column;width:400px;max-width:calc(100vw - 24px);max-height:min(480px,calc(100dvh - 24px));padding:0;border:1px solid #cfded3;border-radius:11px;background:#fff;box-shadow:0 14px 42px #163b2425,0 3px 7px #163b2409;color:#263f2f;font-size:12px;font-weight:500;text-align:left}
.pyg-filter-design .pyg-popover-head{flex-shrink:0;padding:17px 17px 12px;border-bottom:1px solid #edf1ed}
.pyg-filter-design .pyg-popover-head h3,.pyg-filter-design .pyg-popover-head strong{display:block;margin:0 0 11px;font-size:13px;font-weight:750;color:#294333}
.pyg-filter-design .pyg-search{display:block;width:100%;min-height:39px;margin:0;padding:9px 11px;border:1px solid #d8e3db;border-radius:6px;background:#f8faf8;color:#263f2f;font-size:12px;font-weight:500}
.pyg-filter-design .pyg-search::placeholder{color:#8a998f}
.pyg-filter-design .pyg-options{flex:1 1 auto;min-height:0;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:7px;scrollbar-width:thin;scrollbar-color:#b7cdbf #f8faf8}
.pyg-filter-design .pyg-option{display:flex;align-items:flex-start;gap:10px;padding:10px 9px;border:0;border-radius:5px;color:#334d3c;cursor:pointer;font-size:11px;font-weight:500;line-height:1.5}
.pyg-filter-design .pyg-option:hover{background:#f3f7f3}
.pyg-filter-design .pyg-option:has(input:checked){background:#eef6ef;color:#1c613b}
.pyg-filter-design .pyg-option input{appearance:auto;flex-shrink:0;width:15px;height:15px;margin:1px 0 0;accent-color:var(--pyg-green);cursor:pointer}
.pyg-filter-design .pyg-option-code{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:750}
.pyg-filter-design .pyg-option-text{min-width:0;white-space:normal;overflow-wrap:anywhere}
.pyg-filter-design .pyg-popover-footer{flex-shrink:0;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:11px 15px;border-top:1px solid #e5eee7;background:#fbfcfb;border-radius:0 0 11px 11px}
.pyg-filter-design .pyg-selection-count{color:#7c8b80;font-size:10px;font-weight:500;margin-right:auto}
.pyg-filter-design .pyg-clear,.pyg-filter-design .pyg-close{min-height:31px;padding:6px 9px;border:1px solid #d6e2d9;border-radius:5px;background:#fff;color:#487358;font-size:10px;font-weight:700;white-space:nowrap}
.pyg-filter-design .pyg-close{border-color:#227345;background:#227345;color:#fff}
.pyg-filter-design .pyg-empty{margin:0;padding:24px 15px;color:#7a8d80;font-size:12px;text-align:center}
.pyg-filter-design .pyg-catalog-warning{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid #e8d7a7;border-radius:6px;background:#fffaf0;color:#776022;font-size:11px;font-weight:500;line-height:1.7}
.pyg-filter-design .pyg-native-field{grid-column:span 3;display:flex;flex-direction:column;gap:7px;min-width:0}
.pyg-filter-design .pyg-native-field select{width:100%;min-width:0;border:1px solid #cedbd2;border-radius:7px;padding:8px;background:white;color:var(--pyg-ink)}
.pyg-filter-design .finance-filter-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;grid-column:1/-1;gap:15px;margin:5px -27px 0;padding:18px 27px;border-top:1px solid #e4ece6;border-radius:0 0 12px 12px;background:#fbfcfb}
.pyg-filter-design .pyg-period-summary{display:flex;align-items:center;gap:8px;min-width:0;color:#778a7b;font-size:11px;font-weight:500}
.pyg-filter-design .pyg-period-summary svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor;stroke-width:1.6;fill:none}
.pyg-filter-design .pyg-period-summary span{overflow-wrap:anywhere}
.pyg-filter-design .pyg-collapsed-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;padding:20px 27px;color:#5d7665;font-size:11px;list-style:none}
.pyg-filter-design .pyg-summary-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid #e0e9e2;border-radius:5px;background:#f8faf8;max-width:100%;overflow-wrap:anywhere}
.pyg-filter-design .pyg-summary-chip strong{font-weight:700;color:#345d41}
.pyg-filter-design :focus-visible{outline:2px solid #227345;outline-offset:3px}
.pyg-filter-design .pyg-search:focus{outline:none;border-color:#57946a;box-shadow:0 0 0 3px #22734510}
.pyg-filter-design .pyg-option:has(input:focus-visible){outline:2px solid #227345;outline-offset:-2px}
.pyg-filter-design .pyg-option input:focus-visible{outline:none}
.pyg-filter-design .pyg-option:has(input:disabled){opacity:.55;cursor:default}
@media(max-width:960px){.pyg-filter-design #pygFilters{grid-template-columns:repeat(12,minmax(0,1fr))}.pyg-filter-design .pyg-company,.pyg-filter-design .pyg-field[data-key="years"],.pyg-filter-design .pyg-field[data-key="months"]{grid-column:span 4}.pyg-filter-design .pyg-field{grid-column:span 6}.pyg-filter-design .pyg-heading-tools{gap:14px}.pyg-filter-design .pyg-source{flex-direction:column;align-items:flex-start;gap:0;font-size:9px}.pyg-filter-design .finance-filter-actions{align-items:flex-start}}
@media(max-width:620px){.pyg-filter-design .finance-panel-heading{padding:18px 18px 16px;gap:14px;flex-wrap:wrap}.pyg-filter-design .pyg-heading-title{gap:10px}.pyg-filter-design .pyg-heading-title h2{font-size:16px}.pyg-filter-design .pyg-heading-icon{width:32px;height:32px}.pyg-filter-design .pyg-heading-tools{width:100%;justify-content:space-between}.pyg-filter-design .pyg-source{flex-direction:row;gap:6px;align-items:center;font-size:9px}.pyg-filter-design .pyg-source strong{font-size:10px}.pyg-filter-design #pygToggleFilters{padding:6px 9px;min-height:34px;font-size:10px}.pyg-filter-design #pygFilters{padding:20px 18px 0;gap:16px 12px}.pyg-filter-design .pyg-company{grid-column:1/-1}.pyg-filter-design .pyg-field[data-key="years"],.pyg-filter-design .pyg-field[data-key="months"]{grid-column:span 6}.pyg-filter-design .pyg-field{grid-column:1/-1}.pyg-filter-design .pyg-field-label,.pyg-filter-design .pyg-company{font-size:11px}.pyg-filter-design .pyg-group-title{font-size:10px}.pyg-filter-design .pyg-group-title[data-group="detail"]{margin-top:5px}.pyg-filter-design .finance-filter-actions{margin:4px -18px 0;padding:17px 18px;gap:13px}.pyg-filter-design .pyg-period-summary{font-size:10px}.pyg-filter-design .pyg-collapsed-summary{padding:16px 18px;gap:6px;font-size:10px}.pyg-filter-design .pyg-popover{max-height:calc(100dvh - 24px)}.pyg-filter-design .pyg-popover-head{padding:14px 13px 10px}.pyg-filter-design .pyg-options{max-height:250px}.pyg-filter-design .pyg-popover-footer{padding:10px 12px;gap:6px}.pyg-filter-design .pyg-selection-count{font-size:9px}.pyg-filter-design .pyg-clear,.pyg-filter-design .pyg-close{font-size:10px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.pyg-filter-design *{transition:none!important;scroll-behavior:auto!important}}
@media print{.pyg-filter-design .pyg-popover,.pyg-filter-design .finance-filter-actions,.pyg-filter-design #pygToggleFilters{display:none!important}.finance-filter-panel.pyg-filter-design{box-shadow:none}}
/* Estado financiero: comparte el lenguaje visual del panel PyG con sus filtros nativos. */
.financial-filter-design #financialToggleFilters{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;border:1px solid #cfddd3;border-radius:7px;background:#fff;color:var(--pyg-green);font-size:11px;font-weight:700;white-space:nowrap}
.financial-filter-design #financialToggleFilters::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(225deg);margin-top:4px}
.financial-filter-design #financialToggleFilters[aria-expanded="false"]::after{transform:rotate(45deg);margin-top:-3px}
.financial-filter-design .financial-filter-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));align-items:start;gap:18px 16px;padding:23px 27px 22px}
.financial-filter-design .financial-filter-grid>label{display:flex;flex-direction:column;grid-column:span 3;min-width:0;gap:7px;color:#3b5043;font-size:12px;font-weight:650}
.financial-filter-design .financial-filter-grid>label:nth-of-type(-n+3){grid-column:span 5}
.financial-filter-design .financial-filter-grid select{width:100%;min-width:0;max-width:100%;min-height:45px;margin:0;padding:10px 12px;border:1px solid #cedbd2;border-radius:7px;background:#fff;color:#263f2f;font:550 12px Manrope,sans-serif;box-shadow:0 1px 2px #193e2504}
.financial-filter-design .financial-filter-grid select:hover{border-color:#9cb5a4}
.financial-filter-design .finance-filter-actions{margin:0;padding:18px 27px;grid-column:auto}
.financial-filter-design #financialConsult{min-height:41px;padding:10px 22px;border-radius:7px;font-size:11px}
.financial-filter-design .financial-extra-tools{display:grid;gap:12px;padding:18px 27px 23px;border-top:1px solid #e4ece6;background:#fff}
.financial-filter-design .cta2-upload-panel,.financial-filter-design .cta2-storage-panel{margin:0}
@media(max-width:960px){.financial-filter-design .financial-filter-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.financial-filter-design .financial-filter-grid>label,.financial-filter-design .financial-filter-grid>label:nth-of-type(-n+3){grid-column:span 4}}
@media(max-width:620px){.financial-filter-design .financial-filter-grid{grid-template-columns:repeat(12,minmax(0,1fr));padding:20px 18px;gap:16px 12px}.financial-filter-design .financial-filter-grid>label,.financial-filter-design .financial-filter-grid>label:nth-of-type(-n+3){grid-column:span 6}.financial-filter-design .finance-filter-actions{margin:0;padding:17px 18px}.financial-filter-design .financial-extra-tools{padding:17px 18px}.financial-filter-design #financialConsult{width:100%}}
@media(max-width:430px){.financial-filter-design .financial-filter-grid>label,.financial-filter-design .financial-filter-grid>label:nth-of-type(-n+3){grid-column:1/-1}}
.exports-filter-design #exportsToggleFilters{appearance:none;display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:7px 12px;border:1px solid #cfddd3;border-radius:7px;background:#fff;color:var(--pyg-green);font-size:11px;font-weight:700;white-space:nowrap}
.exports-filter-design #exportsToggleFilters::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(225deg);margin-top:4px}
.exports-filter-design #exportsToggleFilters[aria-expanded="false"]::after{transform:rotate(45deg);margin-top:-3px}
.exports-filter-design .financial-filter-grid>label:nth-of-type(3){grid-column:span 5}
.exports-filter-design .financial-filter-grid>label:nth-of-type(4){grid-column:span 10}
.exports-filter-design .financial-filter-grid input[type="search"]{width:100%;min-height:45px;margin:0;padding:10px 12px;border:1px solid #cedbd2;border-radius:7px;background:#fff;color:#263f2f;font:550 12px Manrope,sans-serif}
.exports-filter-design .exports-month-field{display:flex;flex-direction:column;grid-column:span 5;gap:7px;min-width:0;color:#3b5043;font-size:12px;font-weight:650}
.exports-filter-design .finance-months{display:flex;flex-wrap:wrap;gap:5px;margin:0}
.exports-filter-design .finance-months button{min-width:42px;min-height:30px;padding:5px 7px;font-size:10px}
@media(max-width:960px){.exports-filter-design .financial-filter-grid>label:nth-of-type(3){grid-column:span 6}.exports-filter-design .financial-filter-grid>label:nth-of-type(4){grid-column:span 6}.exports-filter-design .exports-month-field{grid-column:span 4}}
@media(max-width:620px){.exports-filter-design .exports-month-field{grid-column:1/-1}.exports-filter-design .financial-filter-grid>label:nth-of-type(3),.exports-filter-design .financial-filter-grid>label:nth-of-type(4){grid-column:span 6}}
@media(max-width:430px){.exports-filter-design .financial-filter-grid>label:nth-of-type(3),.exports-filter-design .financial-filter-grid>label:nth-of-type(4){grid-column:1/-1}}
