/* ==========================================================
   DURATECFRANCE · product-groups
   Rejillas de producto (grupos / ítems)
   ========================================================== */

.group{margin-bottom:clamp(56px,8vw,110px)}
.ghead{position:relative;min-height:170px;margin-bottom:clamp(24px,4vw,48px);display:flex;align-items:center}
.ghead .block{left:0;right:12%;top:0;bottom:0;background:var(--navy)}
.ghead .block.c{left:auto;right:0;width:22%;top:22%;bottom:-18%;background:var(--copper)}
.ghead .titlebox{margin-left:clamp(12px,5%,64px);max-width:min(88%,620px);box-shadow:none}
.ghead h3{font-size:clamp(1.4rem,3vw,2.3rem)}
.ghead .cnt{margin-top:8px;font-family:var(--f-mono);font-size:.74rem;color:var(--muted)}
.item{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:center;margin-bottom:clamp(36px,6vw,72px)}
.item .art{grid-column:1/7;position:relative;padding:0 0 18px 0}
.item.flip .art{grid-column:7/13;grid-row:1}
.item.flip .txt{grid-column:1/7;grid-row:1}
.item .txt{grid-column:8/13}
.item.flip .txt{grid-column:2/7}
.item .art .block{inset:18px -18px 0 18px}
.item.flip .art .block{inset:18px 18px 0 -18px}
.item:nth-child(even) .art .block{background:var(--navy)}
.art-grid{position:relative;z-index:1;display:grid;gap:10px}
.art-grid.n1{grid-template-columns:1fr}
.art-grid.n2{grid-template-columns:1fr 1fr}
.art-grid.n3{grid-template-columns:1fr 1fr}
.art-grid.n3 .plate:first-child{grid-column:1/3}
.art-grid .plate{min-height:150px}
.art-grid.n1 .plate{min-height:260px}
.empty-tile{position:relative;z-index:1;min-height:200px;display:flex;align-items:center;justify-content:center;background:var(--tile)}
.empty-tile .bar{display:flex;width:70%;height:54px}
.txt h4{font-size:clamp(1.15rem,2.2vw,1.55rem);margin-bottom:12px}
.txt p{margin-bottom:11px;font-size:.96rem;max-width:52ch}
.txt ul{margin:0 0 12px;padding-left:18px;font-size:.94rem}
.txt li{margin-bottom:3px}
.spec{font-family:var(--f-mono);font-size:.76rem;line-height:1.65;background:var(--band);border-left:4px solid var(--gold);padding:12px 14px;margin-top:6px;color:var(--fg)}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tag{font-family:var(--f-mono);font-weight:700;font-size:.72rem;color:#fff;padding:3px 10px;border-radius:99px;white-space:nowrap}
@media(max-width:820px){
  .item{grid-template-columns:1fr;gap:26px}
  .item .art,.item.flip .art,.item .txt,.item.flip .txt{grid-column:1;grid-row:auto}
  .item .art .block,.item.flip .art .block{inset:14px -8px 0 8px}
  .ghead .block{right:6%}
}