/* Filtros compactos, títulos en mayúscula y especificaciones con etiqueta/valor diferenciados.
   Va después de style.css, celular.css y estados.css. */

/* ---------- Títulos: siempre en mayúscula (los nombres de producto se dejan como vienen de Amazon) ---------- */
h1,h2,h4,summary,dialog h3,.additional-fields h3,.stats span,.tools-body b,
#editfields label,#editfields legend,.category-heading h2,.catalog-group-heading{text-transform:uppercase;letter-spacing:.03em}
#editfields label input,#editfields label textarea,#editfields label select,.card h3,#editorTitle{text-transform:none;letter-spacing:normal}
#editfields label{font-size:12px;font-weight:700;color:#3d4868}
[data-theme=dark] #editfields label{color:#c3cbe6}

/* ---------- Barra de filtros ---------- */
.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 6px;max-width:100%}
.filter-bar label{display:block;margin:0;min-width:0}
.filter-bar label[hidden]{display:none}
.filter-bar label>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.filter-bar select{height:38px;min-width:0;width:auto;max-width:100%;margin:0;padding:0 30px 0 14px;border:1.5px solid #c5cce0;border-radius:999px;background-color:#fff;color:#16203a;font-size:13px;font-weight:700;cursor:pointer}
.filter-bar select:hover{border-color:#16203a}
.filter-bar select.filter-on{background-color:#16203a;border-color:#16203a;color:#fff}
.filter-bar select.filter-on option{background:#fff;color:#16203a}
.filter-bar #clearFilters{height:38px;min-height:0;margin:0;padding:0 12px;border:0;background:none;color:#d6335a;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.filter-bar #filterCount{margin:0 0 0 auto;font-size:12px;font-weight:700;color:#5d6690;text-transform:uppercase;letter-spacing:.04em}
[data-theme=dark] .filter-bar select{background-color:#19213a;border-color:#3a466c;color:#e8ebf7}
[data-theme=dark] .filter-bar select:hover{border-color:#aab3d3}
[data-theme=dark] .filter-bar select.filter-on{background-color:#ff8fa3;border-color:#ff8fa3;color:#16203a}
[data-theme=dark] .filter-bar select option,[data-theme=dark] .filter-bar select.filter-on option{background:#19213a;color:#e8ebf7}
[data-theme=dark] .filter-bar #clearFilters{color:#ff8fa3}
[data-theme=dark] .filter-bar #filterCount{color:#a4adc7}
#notice:empty{display:none}
#notice:not(:empty){display:block;margin:8px 0;padding:8px 12px;border-radius:8px;background:#eef1fa;color:#16203a;font-size:13px}
[data-theme=dark] #notice:not(:empty){background:#1f2945;color:#e8ebf7}
.export-tools button{margin:4px 6px 4px 0}
@media(max-width:600px){
 .filter-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .filter-bar select{width:100%;height:40px}
 .filter-bar #clearFilters{justify-self:start}
 .filter-bar #filterCount{margin:0;justify-self:end;align-self:center}
 .export-tools #exportFiltered{display:inline-block}
}

/* ---------- Ficha: especificaciones ---------- */
.additional-fields>h3{font-size:14px;margin:0 0 10px}
.spec-search{display:block;margin:0 0 6px}
#editfields label.spec-search{font-size:0;line-height:0}
.spec-search input{width:100%;margin:0;font-size:14px;line-height:normal}
.additional-fields p.spec-count{background:none;padding:0;margin:4px 0;font-size:12px;color:#5d6690}
.additional-fields p.spec-count[hidden]{display:none}
.additional-fields p.spec-captured{background:none;padding:0;margin:10px 0 0;font-size:11px;color:#6b7491;text-transform:uppercase;letter-spacing:.04em}
.additional-fields p.spec-missing{background:#fff4ec;color:#b3470a;border-left:4px solid #ea580c}
.specification-group{margin-block:14px}
.specification-group h4{margin:0;padding:8px 12px;font-size:12px;letter-spacing:.06em;color:#fff;background:#16203a;border-radius:10px 10px 0 0}
.specification-group dl{grid-template-columns:minmax(0,2fr) minmax(0,3fr);border:1px solid #c5cce0;border-top:0;border-radius:0 0 10px 10px;overflow:hidden}
.specification-group dt,.specification-group dd{padding:10px 12px;border-bottom:1px solid #d5dae8;font-size:14px;line-height:1.45}
.specification-group dt{background:#e3e8f6;color:#16203a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-right:1px solid #c5cce0}
.specification-group dd{background:#fff;color:#1d2540;font-weight:500}
.specification-group dd:nth-of-type(even){background:#f7f8fc}
.specification-group dt:last-of-type,.specification-group dd:last-of-type{border-bottom:0}
.specification-group dd.spec-missing{color:#b3470a;font-style:italic;font-weight:600}
[data-theme=dark] .specification-group h4{background:#ff8fa3;color:#16203a}
[data-theme=dark] .specification-group dl{border-color:#3a466c}
[data-theme=dark] .specification-group dt,[data-theme=dark] .specification-group dd{border-color:#313c5e}
[data-theme=dark] .specification-group dt{background:#2a3559;color:#dfe5fa}
[data-theme=dark] .specification-group dd{background:#161d33;color:#fff}
[data-theme=dark] .specification-group dd:nth-of-type(even){background:#1a2340}
[data-theme=dark] .specification-group dd.spec-missing{color:#ffb27a}
[data-theme=dark] .additional-fields p.spec-missing{background:#3a2416;color:#ffb27a}
[data-theme=dark] .additional-fields p.spec-count,[data-theme=dark] .additional-fields p.spec-captured{background:none;color:#a4adc7}
@media(max-width:480px){
 .specification-group dl{grid-template-columns:minmax(0,1fr)}
 .specification-group dt{border-right:0;border-bottom:0;padding:7px 12px}
 .specification-group dd{padding:9px 12px}
 .specification-group dd:nth-of-type(even){background:#fff}
 [data-theme=dark] .specification-group dd:nth-of-type(even){background:#161d33}
}

.additional-fields[hidden],.additional-fields p.spec-note{display:none}

/* Estrellas junto a la calificación */
.specification-group dd.spec-rating{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px}
.spec-stars{order:-1;flex:none;font-size:18px;line-height:1;letter-spacing:2px;background:linear-gradient(90deg,#f5a623 calc(var(--rating,0) / 5 * 100%),#cfd4e3 calc(var(--rating,0) / 5 * 100%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
[data-theme=dark] .spec-stars{background-image:linear-gradient(90deg,#ffc04d calc(var(--rating,0) / 5 * 100%),#465074 calc(var(--rating,0) / 5 * 100%))}

/* Calificación en la tarjeta, debajo de la foto */
.card-rating{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;line-height:1;color:#3d4868;white-space:nowrap;overflow:hidden}
.card-rating .spec-stars{order:0;font-size:15px;letter-spacing:1px}
.card-rating b{font-weight:800;color:#16203a}
.card-rating span:last-child:not(.spec-stars){color:#6b7491;font-size:12px}
[data-theme=dark] .card-rating{color:#c3cbe6}
[data-theme=dark] .card-rating b{color:#fff}
[data-theme=dark] .card-rating span:last-child:not(.spec-stars){color:#a4adc7}
@media(max-width:600px){.card-rating{font-size:12px;gap:4px}.card-rating .spec-stars{font-size:13px;letter-spacing:0}}

/* Papelera */
#deletedItems .trash-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:2px 10px;padding:10px 0;border-top:1px solid #d5dae8}
#deletedItems .trash-row p{margin:0;min-width:0;overflow-wrap:anywhere}
#deletedItems .trash-row p:first-child{grid-column:1;grid-row:1;font-weight:600}
#deletedItems .trash-left{grid-column:1;grid-row:2;font-size:12px;color:#b3470a}
#deletedItems .trash-row button{grid-row:1 / span 2;grid-column:2;margin:0;width:auto}
#deletedItems .trash-row .trash-forever{grid-column:3;border-color:#b42346;color:#b42346;background:none;font-weight:700}
#deletedItems .trash-row .trash-forever[data-armed="1"]{background:#b42346;color:#fff}
#deletedItems .trash-status{grid-column:1 / -1;grid-row:3;font-size:12px;color:#b42346}
#deletedItems .trash-status:empty{display:none}
[data-theme=dark] #deletedItems .trash-row{border-color:#313c5e}
[data-theme=dark] #deletedItems .trash-left{color:#ffb27a}
[data-theme=dark] #deletedItems .trash-row .trash-forever{border-color:#ff8fa3;color:#ff8fa3}
[data-theme=dark] #deletedItems .trash-row .trash-forever[data-armed="1"]{background:#ff8fa3;color:#16203a}
[data-theme=dark] #deletedItems .trash-status{color:#ff8fa3}
@media(max-width:600px){
 #deletedItems .trash-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 8px}
 #deletedItems .trash-row p:first-child,#deletedItems .trash-left{grid-column:1 / -1}
 #deletedItems .trash-row button{grid-row:3;grid-column:1;width:100%}
 #deletedItems .trash-row .trash-forever{grid-column:2}
 #deletedItems .trash-status{grid-row:4}
}