/* Pie de página nuevo – HomeDreams 11-oct-2026 (template-parts/footer/hd-pie.php) */
.hd-pie-cta, .hd-pie-ventajas, .hd-pie { --hd-oscuro:#3d3c3c; --hd-gris:#f5f4f2; --hd-linea:#e6e4e0; --hd-verde:#8cc63f; --hd-verde-osc:#6fa52b; font-family:"Libre Franklin","Helvetica Neue",helvetica,arial,sans-serif; }
.hd-pie-cta a, .hd-pie-ventajas a, .hd-pie a { box-shadow:none !important; text-decoration:none; }
.hd-pie-wrap { max-width:1240px; margin:0 auto; padding:0 24px; }

/* franja de llamada a la acción */
.hd-pie-cta { position:relative; background:url(/wp-content/uploads/2024/06/cropped-foto-lateral-scaled-2.jpg) center 70%/cover; color:#fff; margin-top:40px; }
.hd-pie-cta::before { content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(90deg, rgba(30,30,30,.85), rgba(30,30,30,.55)); }
.hd-pie-cta .hd-pie-wrap { position:relative; padding-top:56px; padding-bottom:56px; display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
.hd-pie-cta h2 { margin:0 0 8px; padding:0; font-size:30px; font-weight:300; line-height:1.2; color:#fff; letter-spacing:0; text-transform:none; }
.hd-pie-cta h2 strong { font-weight:700; }
.hd-pie-cta p { margin:0; opacity:.9; font-size:16px; color:#fff; }
.hd-pie-botones { display:flex; gap:12px; flex-wrap:wrap; }
.hd-pie-btn { display:inline-flex; align-items:center; gap:8px; padding:14px 24px; border-radius:40px; font-weight:600; font-size:15px; }
.hd-pie-btn svg { width:18px; height:18px; fill:currentColor; }
.hd-pie-btn-verde, .hd-pie-btn-verde:hover { background:var(--hd-verde); color:#fff !important; }
.hd-pie-btn-verde:hover { background:var(--hd-verde-osc); }
.hd-pie-btn-blanco { background:#fff; color:var(--hd-oscuro) !important; }
.hd-pie-btn-blanco:hover { background:var(--hd-gris); }

/* ventajas */
.hd-pie-ventajas { background:var(--hd-gris); border-bottom:1px solid var(--hd-linea); color:var(--hd-oscuro); }
.hd-pie-ventajas .hd-pie-wrap { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding-top:28px; padding-bottom:28px; }
.hd-pie-ventaja { display:flex; align-items:center; gap:12px; font-size:14px; line-height:1.35; }
.hd-pie-ventaja svg { flex:0 0 36px; width:36px; height:36px; stroke:var(--hd-verde-osc); fill:none; stroke-width:1.6; }
.hd-pie-ventaja strong { display:block; font-size:15px; }

/* pie oscuro */
.hd-pie { background:var(--hd-oscuro); color:#d9d8d6; font-size:14px; line-height:1.7; }
.hd-pie-cols { display:grid; grid-template-columns:1.3fr 1fr 1.3fr 1.1fr; gap:40px; padding-top:56px !important; padding-bottom:48px !important; }
.hd-pie h3 { color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:.12em; margin:0 0 16px; padding:0; font-weight:700; }
.hd-pie a { color:#d9d8d6; }
.hd-pie a:hover, .hd-pie a:focus { color:var(--hd-verde); }
.hd-pie-logo { width:92px; height:92px; border-radius:8px; display:block; margin-bottom:16px; }
.hd-pie-frase { margin:0 0 18px; color:#c9c8c6; }
.hd-pie-resenas { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.07); padding:8px 14px; border-radius:30px; font-size:13px; }
.hd-pie-estrellas { position:relative; display:inline-block; font-size:14px; letter-spacing:1px; line-height:1; }
.hd-pie-estrellas::before { content:"★★★★★"; color:rgba(255,255,255,.2); }
.hd-pie-estrellas::after { content:"★★★★★"; color:#f5b301; position:absolute; left:0; top:0; width:var(--n); overflow:hidden; white-space:nowrap; }
.hd-pie-lista { list-style:none; margin:0; padding:0; }
.hd-pie-lista li { margin:0 0 4px; padding:0; border:0; }
.hd-pie-lista a::before { content:"›"; color:var(--hd-verde); margin-right:8px; }
.hd-pie .hd-pie-todo { display:inline-block; margin-top:10px; color:var(--hd-verde); font-weight:600; }
.hd-pie .hd-pie-todo:hover { color:#fff; }
.hd-pie-dato { display:flex; gap:10px; margin-bottom:12px; }
.hd-pie-dato svg { flex:0 0 18px; width:18px; height:18px; stroke:var(--hd-verde); fill:none; stroke-width:1.8; margin-top:3px; }
.hd-pie .hd-pie-llegar { color:var(--hd-verde); font-weight:600; }
.hd-pie-abierto { display:flex; width:max-content; align-items:center; gap:6px; font-size:12px; font-weight:700; padding:2px 10px; border-radius:20px; margin-bottom:4px; }
.hd-pie-abierto[hidden] { display:none; }
.hd-pie-abierto.si { background:rgba(140,198,63,.18); color:var(--hd-verde); }
.hd-pie-abierto.no { background:rgba(255,255,255,.1); color:#bbb; }
.hd-pie-abierto i { width:8px; height:8px; border-radius:50%; background:currentColor; }
.hd-pie-mapa { height:150px; margin-top:6px; border-radius:8px; overflow:hidden; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); }
.hd-pie-mapa > * { height:100%; }
.hd-pie-mapa iframe { display:block; width:100%; height:100%; border:0; }
/* aviso de cookies del mapa (trae estilos en línea pensados para Contacto) */
.hd-pie-mapa .hd-mapa { min-height:0 !important; background:transparent !important; }
.hd-pie-mapa .hd-mapa-aviso { gap:8px !important; padding:10px 14px !important; font-size:12px !important; line-height:1.4; color:#bbb; }
.hd-pie-mapa .hd-mapa-aviso a { color:#d9d8d6; text-decoration:underline; }
.hd-pie-mapa .hd-mapa-aviso > a { display:none; }
.hd-pie-mapa .hd-mapa-ver { background:var(--hd-verde) !important; padding:8px 22px !important; font-size:13px; }
.hd-pie-mapa .hd-mapa-ver:hover { background:var(--hd-verde-osc) !important; }
.hd-pie .hd-pie-tel { display:flex; align-items:center; gap:10px; font-size:18px; color:#fff; font-weight:600; margin-bottom:8px; }
.hd-pie-tel svg { width:18px; height:18px; stroke:var(--hd-verde); fill:none; stroke-width:1.8; }
.hd-pie .hd-pie-wa { display:inline-flex; align-items:center; gap:8px; background:#25d366; color:#fff; padding:10px 18px; border-radius:30px; font-weight:600; margin:6px 0 4px; }
.hd-pie .hd-pie-wa:hover { background:#1ebe5a; color:#fff; }
.hd-pie-wa svg { width:18px; height:18px; fill:#fff; }
.hd-pie .hd-pie-form { display:block; margin:6px 0 22px; }
.hd-pie-redes { display:flex; gap:10px; }
.hd-pie-redes a { width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; }
.hd-pie-redes a:hover { background:var(--hd-verde); }
.hd-pie-redes svg { width:18px; height:18px; fill:#fff; }

/* línea final */
.hd-pie-legal { background:#2f2e2e; color:#9a9997; font-size:12.5px; }
.hd-pie-legal .hd-pie-wrap { display:flex; justify-content:space-between; gap:12px 24px; flex-wrap:wrap; padding-top:16px; padding-bottom:16px; }
.hd-pie-legal nav { display:flex; gap:18px; flex-wrap:wrap; }
.hd-pie-legal a { color:#9a9997; }
.hd-pie-legal a:hover { color:#fff; }

@media (max-width: 900px) {
	.hd-pie-cols, .hd-pie-ventajas .hd-pie-wrap { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
	.hd-pie-wrap { padding:0 16px; }
	.hd-pie-cta h2 { font-size:24px; }
	.hd-pie-cta .hd-pie-wrap { padding-top:40px; padding-bottom:40px; }
	.hd-pie-botones, .hd-pie-btn { width:100%; justify-content:center; }
	.hd-pie-cols { grid-template-columns:1fr; gap:32px; padding-top:40px !important; padding-bottom:40px !important; }
	.hd-pie-ventajas .hd-pie-wrap { gap:16px; }
	.hd-pie-legal .hd-pie-wrap { flex-direction:column; text-align:center; align-items:center; padding-bottom:80px; }
	.hd-pie-legal nav { justify-content:center; }
}

/* ===== Menú superior (va aquí porque pie.css se carga en todas las páginas y se renueva solo) ===== */
/* 13-oct-2026: Inicio / Catálogo / Dónde estamos / Contacto un poco más a la izquierda, para que los submenús de Catálogo
   se abran hacia la derecha como siempre sin salirse de la pantalla */
@media screen and (min-width: 62em) {
	#top-menu { padding-right:160px; }
	/* lista un poco más baja y, en las 4 últimas secciones, el submenú se abre hacia arriba (sigue saliendo a la derecha) */
	#menu-item-624 .sub-menu a { padding-top:7px; padding-bottom:7px; }
	#menu-item-624 > .sub-menu > li:nth-last-child(-n+4) > .sub-menu { top:auto; bottom:0; }
}
/* 13-oct-2026: en el móvil, el menú abierto cabe en la pantalla y se desplaza con el dedo (antes lo de abajo quedaba fuera) */
@media screen and (max-width: 47.99em) {
	.main-navigation.toggled-on .menu-menu-superior-container { max-height:calc(100vh - 70px); max-height:calc(100dvh - 70px); overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
}