/* Search Application 1.00 — warm editorial catalog */ :root { --paper:#f5eedf; --panel:#fff9ee; --ink:#14243d; --muted:#665f51; --line:#d9ccb4; --olive:#51643a; --blue:#243e60; --focus:#a86d2b; } body.runtime { background:var(--paper)!important; color:var(--ink); font-family:Georgia,'Times New Roman',serif; font-size:15px; } body.runtime #wrapper { background:transparent!important; min-height:100vh; } body.runtime #Home { max-width:1180px; margin:0 auto; padding:42px 28px 70px; } body.runtime #Home > .row { margin:0; } body.runtime .pagos-control-row-empty { margin:0!important; } body.runtime .pagos-control-row-empty:first-child { background:var(--panel); border:1px solid var(--line); border-radius:18px 18px 0 0; padding:26px 24px 10px; box-shadow:0 12px 34px rgba(34,36,35,.06); } body.runtime .pagos-control-row-empty:nth-child(2) { background:var(--panel); border:1px solid var(--line); border-top:0; border-radius:0 0 18px 18px; padding:0 24px 22px; margin-bottom:20px!important; box-shadow:0 16px 32px rgba(34,36,35,.05); } body.runtime .pagos-control-row-empty:nth-child(3) { background:var(--panel); border:1px solid var(--line); border-radius:18px; padding:24px; box-shadow:0 12px 32px rgba(34,36,35,.05); } body.runtime .pagos-control-input, body.runtime .pagos-control-button, body.runtime .pagos-control-label { margin-bottom:0; } body.runtime .pagos-control-input .pgc-block { padding:0; } body.runtime .pagos-control-input input.form-control { height:48px; background:#fffdfa; color:var(--ink); border:1px solid #b7a98e; border-radius:10px; box-shadow:none; font:16px Arial,sans-serif; text-align:left!important; padding:0 15px; transition:border-color .15s,box-shadow .15s; } body.runtime .pagos-control-input input.form-control:hover { border-color:var(--blue); } body.runtime .pagos-control-input input.form-control:focus { border-color:var(--focus); box-shadow:0 0 0 3px rgba(168,109,43,.18); outline:0; } body.runtime .pagos-control-input input.form-control:disabled { background:#e9e3d7; color:#6d6a63; cursor:not-allowed; } body.runtime .pagos-control-button .btn { min-height:48px; display:flex; align-items:center; justify-content:center; background:var(--blue); color:#fff; border:1px solid var(--blue); border-radius:10px; box-shadow:none; font:600 13px Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; text-decoration:none; transition:background .15s,transform .15s; } body.runtime .pagos-control-button .btn:hover, body.runtime .pagos-control-button .btn:focus { background:#162b48; border-color:#162b48; color:#fff; } body.runtime .pagos-control-button .btn:focus-visible, body.runtime a:focus-visible { outline:3px solid var(--focus); outline-offset:3px; } body.runtime .pagos-control-button .btn:active { transform:translateY(1px); } body.runtime .pagos-control-button .btn.disabled { background:#a5a99f; border-color:#a5a99f; cursor:not-allowed; } body.runtime .pagos-control-label h4 { color:var(--muted); font:12px Arial,sans-serif; font-weight:600; letter-spacing:.1em; text-transform:uppercase; line-height:1.5; margin:8px 0 0; } body.runtime .pagos-control-outputgrid { margin:0; } body.runtime .dataTables_wrapper { overflow-x:auto; border-radius:12px; } body.runtime .dataTables_wrapper .dataTables_toolbar { color:var(--muted); font:13px Arial,sans-serif; } body.runtime .dataTables_wrapper .dataTables_filter input, body.runtime .dataTables_wrapper select { background:#fffdfa; color:var(--ink); border:1px solid #b7a98e; border-radius:8px; min-height:36px; box-shadow:none; } body.runtime .dataTables_wrapper .dataTables_filter input:focus, body.runtime .dataTables_wrapper select:focus { border-color:var(--focus); box-shadow:0 0 0 3px rgba(168,109,43,.18); outline:0; } body.runtime table.dataTable { width:100%!important; border:0!important; border-collapse:separate!important; border-spacing:0; table-layout:auto; background:transparent; font-family:Georgia,'Times New Roman',serif; } body.runtime table.dataTable th:nth-child(n+5), body.runtime table.dataTable td:nth-child(n+5) { display:none!important; } body.runtime table.dataTable thead tr:not(:first-child) { display:none; } body.runtime table.dataTable thead th { background:#ede5d5!important; color:var(--blue)!important; border:0!important; border-bottom:1px solid var(--line)!important; padding:14px 16px!important; font:700 11px Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; white-space:nowrap; } body.runtime table.dataTable thead th:first-child { border-radius:10px 0 0 0; } body.runtime table.dataTable thead th:nth-child(4) { border-radius:0 10px 0 0; text-align:right; } body.runtime table.dataTable tbody td { background:var(--panel)!important; color:var(--ink)!important; border:0!important; border-bottom:1px solid #e9dfce!important; padding:12px 16px!important; font-size:14px; line-height:1.45; white-space:normal; vertical-align:middle; } body.runtime table.dataTable tbody tr:nth-child(even) td { background:#faf3e6!important; } body.runtime table.dataTable tbody tr:hover td { background:#eaeedc!important; } body.runtime table.dataTable tbody tr.selected td, body.runtime table.dataTable tbody tr:focus-within td { background:#e4e9d5!important; } body.runtime table.dataTable tbody td:nth-child(1) { color:var(--muted)!important; font:600 11px Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; width:29%; } body.runtime table.dataTable tbody td:nth-child(2) { width:46%; font-weight:600; } body.runtime table.dataTable tbody td:nth-child(3) { width:12%; white-space:nowrap; } body.runtime table.dataTable tbody td:nth-child(4) { width:13%; white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; font-weight:700; } body.runtime .dataTables_wrapper .pagination > li > a, body.runtime .dataTables_wrapper .pagination > li > span { background:var(--panel); color:var(--blue); border-color:var(--line); } body.runtime .dataTables_wrapper .pagination > .active > a, body.runtime .dataTables_wrapper .pagination > li > a:hover { background:var(--blue); color:white; border-color:var(--blue); } body.runtime .tooltip-inner { background:var(--ink); color:white; } @media(max-width:767px) { body.runtime #Home { padding:18px 12px 40px; } body.runtime .pagos-control-row-empty:first-child, body.runtime .pagos-control-row-empty:nth-child(2), body.runtime .pagos-control-row-empty:nth-child(3) { padding-left:14px; padding-right:14px; } body.runtime .pagos-control-button { margin-top:10px; } body.runtime table.dataTable thead th, body.runtime table.dataTable tbody td { padding:10px 9px!important; font-size:12px; } }
body.runtime #Home::before { content:'Product search'; display:block; color:var(--ink); font:700 36px Georgia,'Times New Roman',serif; letter-spacing:-.03em; margin:0 0 18px 4px; } body.runtime #Home .pagos-control-input .pgc-block::before { content:'Search the catalog'; display:block; color:var(--muted); font:700 11px Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; margin:0 0 8px; } body.runtime #Home .pagos-control-row-empty:first-child { padding-top:20px; } body.runtime #Home .pagos-control-row-empty:first-child > .pagos-control-container { vertical-align:bottom; } @media(max-width:767px) { body.runtime #Home::before { font-size:28px; margin-bottom:14px; } }
/* Align the action with the text field, below its visible label. */ body.runtime #Home .pagos-control-row-empty:first-child .pagos-control-button { margin-top:21px; } @media (max-width:767px) { body.runtime #Home .pagos-control-row-empty:first-child .pagos-control-button { margin-top:12px; } }
body.runtime #Home .pagos-control-input .pgc-block::before { text-align:left; } @media (max-width:767px) { body.runtime #Home .pagos-control-row-empty:first-child > .pagos-control-container { margin-bottom:0; } }