/* Nueva portada – HomeDreams 9-oct-2026 (solo se carga en la portada, salvo el botón de WhatsApp) */
:root { --hd-oscuro:#3d3c3c; --hd-gris:#f5f4f2; --hd-linea:#e6e4e0; --hd-verde:#8cc63f; --hd-verde-osc:#6fa52b; }

.hd-wrap { max-width:1240px; margin:0 auto; padding:0 24px; }
.hd-titulo { font-size:28px !important; font-weight:600 !important; color:var(--hd-oscuro); text-align:center; margin:0 0 8px !important; padding:0 !important; text-transform:none !important; letter-spacing:normal !important; }
.hd-sub { text-align:center; color:#777; margin:0 0 36px !important; }
.hd-btn { display:inline-block; padding:13px 28px; border-radius:4px; font-weight:500; font-size:15px; line-height:1.3; text-decoration:none !important; box-shadow:none !important; transition:background .2s; }
.hd-btn-claro { background:#fff; color:var(--hd-oscuro) !important; }
.hd-btn-claro:hover { background:var(--hd-gris); }
.hd-btn-borde { border:2px solid #fff; color:#fff !important; }
.hd-btn-borde:hover { background:rgba(255,255,255,.15); }
.hd-btn-oscuro { background:var(--hd-oscuro); color:#fff !important; }
.hd-btn-oscuro:hover { background:#222; }
.hd-btn-verde { background:var(--hd-verde); color:#fff !important; }
.hd-btn-verde:hover { background:var(--hd-verde-osc); }

/* 1. Foto principal */
.twentyseventeen-front-page .has-header-image .custom-header-media img,
.twentyseventeen-front-page.has-header-image .custom-header-media img { object-position:50% 35%; }
.hd-hero-botones { display:flex; gap:14px; flex-wrap:wrap; margin-top:22px; }
.twentyseventeen-front-page .site-branding { text-align:center; }
.twentyseventeen-front-page .site-branding .hd-hero-botones { justify-content:center; }
/* el título "INICIO" de la página sobra en la portada */
.twentyseventeen-front-page .panel-content > .wrap > .entry-header { display:none; }
.twentyseventeen-front-page .panel-content { padding-top:0 !important; }
.twentyseventeen-front-page .panel-content > .wrap { max-width:none; padding:0; }

/* 2. Ventajas */
.hd-ventajas { background:var(--hd-gris); padding:34px 0; }
.hd-ventajas .hd-wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hd-ventaja { display:flex; align-items:center; gap:14px; }
.hd-ventaja svg, .hd-datos svg { fill:none; stroke:var(--hd-oscuro); stroke-width:1.6; }
.hd-ventaja svg { flex:none; width:44px; height:44px; padding:10px; border-radius:50%; background:#fff; }
.hd-ventaja strong { display:block; color:var(--hd-oscuro); font-weight:600; font-size:15px; line-height:1.3; }
.hd-ventaja span { font-size:13px; color:#777; line-height:1.4; display:block; }

/* 3. Categorías */
.hd-categorias { padding:70px 0; }
.hd-grid-cat { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.hd-cat { position:relative; aspect-ratio:4/3; border-radius:6px; overflow:hidden; background:#ddd; display:block; box-shadow:none !important; }
.hd-cat img { width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.hd-cat:hover img { transform:scale(1.05); }
.hd-cat::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg, transparent 45%, rgba(0,0,0,.6)); }
.hd-cat span { position:absolute; left:16px; bottom:12px; z-index:1; color:#fff; font-weight:600; font-size:18px; }
.hd-cat.con-texto::after { display:none; }
.hd-cat.con-texto span { width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.hd-cat.hd-todo { background:var(--hd-oscuro); display:flex; align-items:center; justify-content:center; }
.hd-cat.hd-todo::after { display:none; }
.hd-cat.hd-todo span { position:static; font-size:17px; text-align:center; }

/* 4. Destacados */
.hd-destacados { padding:10px 0 70px; }
.hd-grid-prod { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.hd-prod { display:block; box-shadow:none !important; color:inherit; }
.hd-foto { aspect-ratio:5/4; background:#fff; border:1px solid var(--hd-linea); border-radius:6px; overflow:hidden; }
.hd-foto img { width:100%; height:100%; object-fit:cover; }
.hd-prod h3 { font-size:16px; font-weight:500; color:var(--hd-oscuro); margin:10px 0 0; padding:0; text-transform:none; letter-spacing:normal; }
.hd-prod small { color:#888; font-size:13px; }
.hd-centrado { text-align:center; margin-top:36px; }

/* 5. Exposición */
.hd-expo { background:var(--hd-gris); padding:70px 0; }
.hd-expo .hd-wrap { display:grid; grid-template-columns:1.25fr 1fr; gap:48px; align-items:center; }
.hd-fotos-expo { display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; gap:10px; height:420px; }
.hd-fotos-expo img { width:100%; height:100%; object-fit:cover; border-radius:6px; }
.hd-fotos-expo img:first-child { grid-row:1 / 3; }
.hd-expo h2 { font-size:30px; font-weight:600; color:var(--hd-oscuro); margin:0 0 12px; padding:0; line-height:1.25; text-transform:none; letter-spacing:normal; }
.hd-expo p { margin-bottom:22px; }
.hd-datos { list-style:none; margin:0 0 26px; padding:0; }
.hd-datos li { display:flex; gap:12px; margin-bottom:12px; font-size:15px; }
.hd-datos svg { flex:none; width:20px; height:20px; stroke-width:1.8; margin-top:3px; }
.hd-datos a { box-shadow:none !important; }
.hd-botones { display:flex; gap:12px; flex-wrap:wrap; }

/* Móvil */
@media (max-width: 767px) {
	.twentyseventeen-front-page.has-header-image .custom-header { height:auto !important; min-height:118vw !important; }
	.twentyseventeen-front-page.has-header-image .custom-header-media img { position:absolute !important; }
	.hd-hero-botones { gap:10px; margin-top:16px; }
	.hd-hero-botones .hd-btn { padding:10px 16px; font-size:14px; }
	.hd-ventajas .hd-wrap { grid-template-columns:1fr 1fr; gap:18px; }
	.hd-ventaja { flex-direction:column; text-align:center; gap:8px; }
	.hd-grid-cat { grid-template-columns:1fr 1fr; gap:10px; }
	.hd-cat span { font-size:15px; left:12px; bottom:8px; }
	.hd-grid-prod { grid-template-columns:1fr 1fr; gap:14px; }
	.hd-expo .hd-wrap { grid-template-columns:1fr; gap:28px; }
	.hd-fotos-expo { height:300px; }
	.hd-titulo { font-size:23px !important; }
	.hd-categorias, .hd-expo { padding:48px 0; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.hd-ventajas .hd-wrap { grid-template-columns:1fr 1fr; }
	.hd-grid-cat, .hd-grid-prod { grid-template-columns:repeat(3,1fr); }
}

/* Portada: foto limpia (sin nada encima) y titular debajo – 9-oct-2026 */
.twentyseventeen-front-page.has-header-image .custom-header { height:620px !important; min-height:0 !important; display:block; }
.twentyseventeen-front-page.has-header-image .custom-header-media { position:absolute; inset:0; }
.twentyseventeen-front-page.has-header-image .custom-header-media:before { display:none; }
.twentyseventeen-front-page.has-header-image .custom-header-media img { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% !important; transform:none !important; object-fit:cover; object-position:50% 38%; }
.hd-portada-titular { text-align:center; padding:34px 0 30px; }
.hd-portada-titular h2 { font-size:42px; font-weight:600; color:var(--hd-oscuro); margin:0 0 6px; padding:0; letter-spacing:normal; text-transform:none; }
.hd-portada-titular p { color:#666; font-size:18px; margin:0 0 20px; }
.hd-titular-botones { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
.hd-btn-linea { border:2px solid var(--hd-oscuro); color:var(--hd-oscuro) !important; padding:11px 26px; }
.hd-btn-linea:hover { background:var(--hd-gris); }
@media (max-width: 767px) {
	.twentyseventeen-front-page.has-header-image .custom-header { height:auto !important; aspect-ratio:4/3; min-height:0 !important; }
	.hd-portada-titular { padding:24px 0 22px; }
	.hd-portada-titular h2 { font-size:28px; }
	.hd-portada-titular p { font-size:15px; }
	.hd-titular-botones .hd-btn { padding:10px 16px; font-size:14px; }
}