/* Cocinas – HomeDreams 10-oct-2026 (usa la base de sofas.css) */
.hd-cocinas .hd-banda img { object-position:50% 60%; }
.hd-cocinas .hd-banda.hd-baja { height:320px; }

/* 3 secciones por fila */
.hd-cocinas .hd-grid4.hd-tres { grid-template-columns:repeat(3,1fr); }
.hd-cocinas .hd-cat .hd-foto span { font-size:20px; }
/* sección aún sin foto */
.hd-cocinas .hd-foto.hd-pend { background:repeating-linear-gradient(45deg,#f5f4f2,#f5f4f2 12px,#eceae6 12px,#eceae6 24px); }
.hd-cocinas .hd-foto.hd-pend::after { display:none; }
.hd-cocinas .hd-cat .hd-foto.hd-pend span { color:var(--o); }

/* botones */
.hd-cocinas .hd-botones { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.hd-btn-cl { display:inline-block; background:#fff; color:var(--o) !important; border:1px solid var(--o); padding:11px 25px; border-radius:4px; font-weight:500; font-size:15px; box-shadow:none !important; text-decoration:none !important; }
.hd-btn-cl:hover { background:var(--g); }

/* galería */
/* 12-oct-2026: filas de --c fotos; si la última fila va incompleta, sale centrada */
.hd-gal { --c:3; --gp:16px; display:flex; flex-wrap:wrap; justify-content:center; gap:var(--gp); }
.hd-gal > a { flex:0 0 calc((100% - (var(--c) - 1) * var(--gp)) / var(--c)); min-width:0; }
.hd-gal > a[hidden] { display:none; }
.hd-gal a { display:block; border-radius:6px; overflow:hidden; box-shadow:none !important; }
.hd-gal img { width:100%; aspect-ratio:3/2; height:auto; object-fit:cover; display:block; transition:transform .4s; }
.hd-gal a:hover img { transform:scale(1.03); }

/* foto en grande */
.hd-visor { position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.88); display:flex; align-items:center; justify-content:center; padding:24px; cursor:zoom-out; }
.hd-visor[hidden] { display:none; }
.hd-visor img { max-width:100%; max-height:100%; object-fit:contain; border-radius:4px; }
.hd-visor button { position:absolute; top:12px; right:16px; background:none; border:0; color:#fff; font-size:38px; line-height:1; cursor:pointer; padding:4px 10px; }

/* aviso "Estamos trabajando en ello" dentro de la sección */
.hd-cocinas .hd-proximamente { margin-top:10px !important; }

/* Encimeras: lo que nos diferencia (cambio de encimera y marmolistas) */
.hd-dest { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.hd-dest .hd-paso { background:var(--g); }
.hd-dest .hd-paso b { width:44px; height:44px; }
.hd-dest .hd-paso b svg { width:22px; height:22px; fill:none; stroke:#fff; stroke-width:1.8; }
.hd-dest .hd-paso h3 { font-size:19px; }
.hd-dest .hd-paso p { font-size:15px; }

/* Encimeras: marcas (abren sus colores en otra pestaña) */
.hd-marca-c { display:block; color:inherit; box-shadow:none !important; text-decoration:none !important; }
.hd-marca-c .hd-foto { aspect-ratio:4/3; }
.hd-marca-c:hover img { transform:scale(1.04); }
.hd-marca-c small { display:block; margin-top:12px; font-size:12px; color:#999; text-transform:uppercase; letter-spacing:.04em; }
.hd-marca-c h3 { font-size:18px; font-weight:600; color:var(--o); margin:0; padding:0; letter-spacing:normal; text-transform:none; }
.hd-marca-c p { font-size:14px; color:#666; margin:4px 0 0; line-height:1.5; }
.hd-marca-c span { display:inline-block; margin-top:8px; font-size:14px; font-weight:500; color:var(--o); border-bottom:1px solid var(--o); }
.hd-chips { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:center; margin-top:26px; }
.hd-chips span { color:#999; font-size:14px; }
.hd-chips a { border:1px solid var(--l); border-radius:22px; padding:8px 16px; font-size:14px; color:var(--o); box-shadow:none !important; text-decoration:none !important; }
.hd-chips a:hover { border-color:var(--o); }
.hd-mas { margin-top:22px; text-align:center; background:var(--g); border-radius:8px; padding:18px 16px; }
.hd-mas p { margin:0 0 10px; color:var(--o); font-size:15px; }
.hd-mas div { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; }
.hd-mas em { font-style:normal; background:#fff; border-radius:20px; padding:4px 14px; font-size:13px; color:#555; }
.hd-cocinas .hd-gcard p { font-size:14px; color:#666; margin:0; line-height:1.5; }
.hd-cocinas .hd-gcard b { color:var(--o); font-weight:600; }

/* Mesas: tarjetas de tipos (abren su página) y páginas de cada tipo */
.hd-tipo .hd-foto img { object-fit:contain; background:#fff; }
.hd-volver { display:inline-block; margin-top:14px; font-size:14px; color:var(--o) !important; border-bottom:1px solid var(--o); box-shadow:none !important; text-decoration:none !important; }
.hd-es-tipo .hd-gal img { object-fit:contain; background:#fff; border:1px solid var(--l); border-radius:6px; }

@media (max-width: 800px) {
	.hd-dest { grid-template-columns:1fr; }
	.hd-cocinas .hd-banda.hd-baja { height:auto; aspect-ratio:2/1; }
	.hd-cocinas .hd-grid4.hd-tres { grid-template-columns:1fr; }
	.hd-cocinas .hd-grid4.hd-filas.hd-tres > * { flex-basis:100%; } /* 13-oct-2026: como antes, una por fila */
	.hd-gal { --c:2; --gp:10px; }
}