:root {
    --fg: #1f2937;
    --muted: #6b7280;
    --bg: #ffffff;
    --line: #e5e7eb;
}

html,


body {
    background: url(..//img/bck_remodelaciones.jpeg);
    width: 100%;
    max-width: none;
    margin: 0;


    padding: 0;

    color: var(--fg);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica, Arial, sans-serif;
}



p.subtitle {
    margin: 0;
    color: var(--muted);
}

.wrap {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1px;

}

table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

thead th {
    text-align: left;
    background: #fffffff5;
    border-bottom: 1px solid var(--line);
    padding: 12px;
}

tbody td {
    border-bottom: 1px solid var(--line);
    padding: 10px 12px;
    vertical-align: top;
    background: #fffffff5;
    color: #030303;
    font-weight: 300;
    font-size: 150%;

}

tr:hover td {
    background: #cccaca;
}

/* Tags por categoría */
.tag {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 12px;
    font-weight: bold;
}

.categoria-Diseno {
    background: #e6f0ff;
    border-color: #007bff;
    color: #007bff;
}

.categoria-Gestion {
    background: #e9f9ef;
    border-color: #28a745;
    color: #28a745;
}

.categoria-Extras {
    background: #fff4e5;
    border-color: #ff9800;
    color: #ff9800;
}