@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

*{margin: 0; padding: 0;}

:root{--ui-bg:#f7f9fc;--ui-surface:#fff;--ui-text:#111827;--ui-muted:#6b7280;--ui-brand:#111c43;--ui-primary:#2563eb;--ui-primary-2:#0ea5e9;--ui-border:#e5e7eb;--ui-ring:#c7d2fe;--ui-radius:5px;--ui-shadow:0 10px 28px rgba(2,8,20,.06);}
#form-search{gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;}
#form-search label{margin:0 4px 0 0;color:var(--ui-muted);font-weight:500;}
#form-search input{width:200px;max-width:240px;height:42px;padding:8px 12px;border-radius:10px;border:1px solid var(--ui-border);background:#fff;color:var(--ui-text);font-size:14px;transition:.2s border-color,.2s box-shadow,.2s background;}
#form-search input::placeholder{color:#a1a1aa;}
#form-search input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px var(--ui-ring);outline:0;background:#fff;}
.btn{appearance:none;border:1px solid transparent;height:42px;padding:0 16px;font-size:14px;border-radius:10px;cursor:pointer;transition:.2s transform,.2s opacity,.2s background,.2s border-color,.2s color;display:inline-flex;align-items:center;gap:8px;}
#btn-search.btn{background:linear-gradient(135deg,var(--ui-primary),var(--ui-primary-2));color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25);}
#btn-search.btn:hover{transform:translateY(-1px);opacity:.96;}
#btn-search.btn:active{transform:translateY(0);opacity:.9;}
#btn-search.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;}
#btn-clear.btn{background:#fff;color:var(--ui-brand);border-color:var(--ui-border);}
#btn-clear.btn:hover{background:#f8fafc;border-color:#d1d5db;}
#btn-clear.btn:active{background:#eef2f7;}
#tbl-resoluciones{width:100%;border-collapse:separate;border-spacing:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);overflow:hidden;}
#tbl-resoluciones thead th{position:sticky;top:0;z-index:1;background:#f3f4f6;color:var(--ui-text);font-weight:600;padding:14px 16px;border-bottom:1px solid var(--ui-border);white-space:nowrap;}
#tbl-resoluciones tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;font-size:14px;color:var(--ui-text);}
#tbl-resoluciones tbody tr:nth-child(even){background:#fcfdff;}
#tbl-resoluciones tbody tr{transition:background-color .18s ease,box-shadow .18s ease;}
#tbl-resoluciones tbody tr:hover{background:#f9fafb;}
#tbl-resoluciones tbody td:nth-child(3){max-width:700px;word-break:break-word;overflow-wrap:anywhere;}
.icon-download{color:var(--ui-primary);transition:.2s color,.2s transform;}
.icon-download:hover{color:#1f2937;transform:translateY(-1px);}
#loading,#empty{font-size:14px;color:var(--ui-muted);}
#loading::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;border:2px solid #cbd5e1;border-top-color:#64748b;animation:spin .8s linear infinite;vertical-align:-2px;}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:992px){#form-search input{width:170px;max-width:200px;}#tbl-resoluciones tbody td:nth-child(3){max-width:520px;}}
@media (max-width:768px){#form-search{gap:8px;}#form-search input{width:150px;max-width:180px;}#tbl-resoluciones{box-shadow:none;}#tbl-resoluciones tbody td:nth-child(3){max-width:420px;}}
@media (max-width:480px){#form-search{gap:6px;}#form-search input{width:100%;max-width:100%;}#btn-search.btn,#btn-clear.btn{width:100%;justify-content:center;}#tbl-resoluciones tbody td:nth-child(3){max-width:280px;}}
    
html{font-size:16.5px;}
@media (max-width:768px){html{font-size:16px;}}
@media (max-width:480px){html{font-size:15.5px;}}
body,input,button,select,textarea,table,th,td{font-family:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;letter-spacing:.1px;color:#111827;}
#form-search input{height:46px;font-size:15px;border-radius:12px;padding:10px 14px;}
.btn{height:44px;font-size:15px;border-radius:12px;padding:0 18px;}
#btn-search.btn{box-shadow:0 8px 20px rgba(37,99,235,.25);}
#tbl-resoluciones thead th{font-size:15px;padding:16px 18px;}
#tbl-resoluciones tbody td{font-size:15px;padding:16px 18px;}
#loading,#empty{font-size:15px;}


.icon-download i{font-size:20px;}
.icon-download{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;}
@media (max-width:480px){.icon-download i{font-size:26px;}}

#tbl-resoluciones a,#tbl-resoluciones a:hover,#tbl-resoluciones a:visited,#tbl-resoluciones a:active{text-decoration:none!important;}
#tbl-resoluciones thead th{text-align:left!important;}


.footer{background:#000!important;color:#fff!important;width:100%!important;padding:15px 0!important;display:flex;justify-content:center;align-items:center;text-align:center;}
.footer span{color:#fff!important;text-decoration:none; font-size: 10px;}
.footer span:hover{text-decoration:underline;}