Description

.dn-crea-btu{
–text:#111;
–muted:#6b7280;
–card:#fff;
–soft:#f8fafc;
–border:#e5e7eb;

/* GOLD THEME */
–gold:#c9a24d;
–gold2:#e6c36a;
–gold-soft:#fff7e0;

–radius:16px;
–shadow:0 8px 24px rgba(0,0,0,.08);
font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
color:var(–text);
line-height:1.6
}

.dn-crea-btu .wrap{
background:var(–card);
border:1px solid var(–border);
border-radius:var(–radius);
box-shadow:var(–shadow);
padding:22px
}

.dn-crea-btu h1{text-align:center;font-size:22px;font-weight:900;margin:0 0 6px}
.dn-crea-btu .subtitle{text-align:center;color:var(–muted);font-size:14px;margin:0 0 18px}

/* Badges */
.dn-crea-btu .badges{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0 0 18px
}
.dn-crea-btu .badge{
display:flex;align-items:center;justify-content:center;
text-align:center;min-height:44px;padding:8px 12px;
border:1px solid var(–border);border-radius:999px;
background:linear-gradient(145deg,var(–gold-soft),#fff);
font-weight:700;font-size:13px
}
@media(max-width:820px){.dn-crea-btu .badges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.dn-crea-btu .badges{grid-template-columns:1fr}}

.dn-crea-btu h2{
font-size:18px;margin:18px 0 8px;
color:var(–gold);
text-transform:uppercase;letter-spacing:.04em
}

.dn-crea-btu .card{
background:var(–soft);
border:1px solid var(–border);
border-radius:12px;
padding:12px 14px;
margin:8px 0 14px
}

.dn-crea-btu ul{margin:0 0 10px 18px}

/* SAFE TABLES */
.dn-crea-btu .table-wrap{
overflow-x:auto;
max-width:100%;
-webkit-overflow-scrolling:touch;
}
.dn-crea-btu table{
width:100%;
min-width:520px;
border-collapse:separate;border-spacing:0;
border:1px solid var(–border);
border-radius:12px;
overflow:hidden;
margin-top:6px
}
.dn-crea-btu thead th{
background:linear-gradient(145deg,var(–gold2),var(–gold));
color:#111;
text-align:left;
padding:10px;
font-weight:900
}
.dn-crea-btu tbody td{
padding:10px;
border-top:1px solid var(–border)
}
.dn-crea-btu tbody tr:nth-child(odd){background:#fff}
.dn-crea-btu tbody tr:nth-child(even){background:#fffaf0}
.dn-crea-btu tbody td:last-child{text-align:right}

.dn-crea-btu .note{
font-size:12.5px;
color:var(–muted);
margin-top:6px
}