{"id":780,"date":"2026-09-02T14:40:21","date_gmt":"2026-09-02T14:40:21","guid":{"rendered":"https:\/\/lealtileandstone.com\/?page_id=780"},"modified":"2026-09-02T14:45:02","modified_gmt":"2026-09-02T14:45:02","slug":"blog","status":"publish","type":"page","link":"https:\/\/lealtileandstone.com\/es\/blog\/","title":{"rendered":"blog"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"780\" class=\"elementor elementor-780\">\n\t\t\t\t<div class=\"elementor-element elementor-element-337d8a1 e-con-full e-flex e-con e-parent\" data-id=\"337d8a1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-918c4c5 elementor-widget elementor-widget-html\" data-id=\"918c4c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===================================================================\r\nLEAL TILE AND STONE \u2014 BLOG (p\u00e1gina dedicada)\r\nMobile-first. El hero es nuestro HTML de siempre. El LISTADO de art\u00edculos\r\nusa el widget \"Basic Posts\" del plugin HFE (Header Footer Elementor) \u2014\r\nCONFIRMADO con el HTML real del sitio (clases: .hfe-posts-grid,\r\n.hfe-post-card, .hfe-post-title, .hfe-post-meta, .hfe-post-excerpt,\r\n.hfe-read-more). No inventamos contenido de blog falso \u2014 cada entrada\r\nque escribas desde el editor normal de WordPress aparece sola aqu\u00ed.\r\n\r\nC\u00d3MO ARMAR LA P\u00c1GINA EN ELEMENTOR:\r\n1. Pega este widget HTML arriba de todo (el hero).\r\n2. Debajo va el widget \"Basic Posts\" de HFE (ya lo tienes agregado).\r\n3. Pega el CSS de abajo en Personalizar \u2192 CSS Adicional (alcance global,\r\n   necesario porque el widget Posts vive fuera de este HTML).\r\n\r\nPaleta oficial: Oro #D4A017 \u00b7 Negro #0D0D0D \u00b7 Grises #2A2A2A\/#5B5B5B\/#BFBFBF\/#F5F5F5\r\nTipograf\u00eda: Cinzel Bold (headline) \u00b7 Montserrat (body)\r\n=================================================================== -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cinzel:wght@600;700&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n.lts-blog, .lts-blog * { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n.lts-blog {\r\n  --gold: #D4A017;\r\n  --black: #0D0D0D;\r\n  --charcoal: #2A2A2A;\r\n  --midgrey: #5B5B5B;\r\n  --lightgrey: #BFBFBF;\r\n  --offwhite: #F5F5F5;\r\n  font-family: 'Montserrat', Arial, sans-serif;\r\n  background: var(--black);\r\n}\r\n\r\n\/* ---------- Hero ---------- *\/\r\n.lts-blog-hero { padding: 64px 20px 40px; text-align: center; }\r\n.lts-blog-eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.2em;\r\n  color: var(--gold);\r\n  text-transform: uppercase;\r\n  margin-bottom: 10px;\r\n}\r\n.lts-blog-heading {\r\n  font-family: 'Cinzel', Georgia, serif;\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: var(--offwhite);\r\n  margin-bottom: 14px;\r\n  line-height: 1.25;\r\n}\r\n.lts-blog-sub {\r\n  color: var(--midgrey);\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n  max-width: 560px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.lts-blog-reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }\r\n.lts-blog-reveal.is-visible { opacity: 1; transform: translateY(0); }\r\n.lts-blog-reveal-d1 { transition-delay: 0.1s; }\r\n.lts-blog-reveal-d2 { transition-delay: 0.2s; }\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .lts-blog-reveal { opacity: 1; transform: none; transition: none; }\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  .lts-blog-hero { padding: 88px 40px 48px; }\r\n  .lts-blog-heading { font-size: 34px; }\r\n}\r\n\r\n\/* ===================================================================\r\n   ESTILOS PARA EL WIDGET \"Basic Posts\" del plugin HFE (Header Footer\r\n   Elementor) \u2014 confirmado con tu HTML real: .hfe-posts-grid,\r\n   .hfe-post-card, .hfe-post-image, .hfe-post-title, .hfe-post-meta,\r\n   .hfe-post-excerpt, .hfe-read-more. Vive fuera de este HTML, por eso\r\n   usamos body.lts-blog-page para alcanzarlo donde sea que Elementor lo\r\n   coloque. Pegar TODO esto tambi\u00e9n en Personalizar \u2192 CSS Adicional.\r\n=================================================================== *\/\r\nbody.lts-blog-page .hfe-posts-grid {\r\n  display: grid !important;\r\n  grid-template-columns: 1fr !important;\r\n  gap: 20px !important;\r\n  max-width: 1100px !important;\r\n  margin: 0 auto !important;\r\n  padding: 20px !important;\r\n}\r\nbody.lts-blog-page article.hfe-post-card {\r\n  background: rgba(255,255,255,0.02) !important;\r\n  border: 1px solid #2A2A2A !important;\r\n  border-radius: 0 !important;\r\n  overflow: hidden !important;\r\n  transition: border-color 0.3s ease, transform 0.3s ease !important;\r\n}\r\nbody.lts-blog-page article.hfe-post-card:hover {\r\n  border-color: #D4A017 !important;\r\n  transform: translateY(-4px);\r\n}\r\nbody.lts-blog-page .hfe-post-image img {\r\n  display: block !important;\r\n  width: 100% !important;\r\n  aspect-ratio: 4 \/ 3 !important;\r\n  object-fit: cover !important;\r\n  filter: grayscale(0.1) contrast(1.03);\r\n}\r\nbody.lts-blog-page .hfe-post-content {\r\n  padding: 18px 20px 22px !important;\r\n}\r\nbody.lts-blog-page .hfe-post-title,\r\nbody.lts-blog-page .hfe-post-title a {\r\n  font-family: 'Cinzel', Georgia, serif !important;\r\n  font-size: 16px !important;\r\n  color: #F5F5F5 !important;\r\n  text-decoration: none !important;\r\n  text-transform: uppercase !important;\r\n  letter-spacing: 0.02em !important;\r\n  transition: color 0.2s ease !important;\r\n}\r\nbody.lts-blog-page article.hfe-post-card:hover .hfe-post-title a {\r\n  color: #D4A017 !important;\r\n}\r\nbody.lts-blog-page .hfe-post-meta {\r\n  display: block !important;\r\n  color: #5B5B5B !important;\r\n  font-family: 'Montserrat', Arial, sans-serif !important;\r\n  font-size: 11px !important;\r\n  letter-spacing: 0.03em !important;\r\n  text-transform: uppercase !important;\r\n  margin: 8px 0 12px !important;\r\n}\r\nbody.lts-blog-page .hfe-meta-separator { color: #2A2A2A !important; }\r\nbody.lts-blog-page .hfe-post-excerpt {\r\n  color: #BFBFBF !important;\r\n  font-family: 'Montserrat', Arial, sans-serif !important;\r\n  font-size: 13.5px !important;\r\n  line-height: 1.6 !important;\r\n  margin-bottom: 14px !important;\r\n}\r\nbody.lts-blog-page .hfe-read-more {\r\n  display: inline-block !important;\r\n  color: #D4A017 !important;\r\n  text-decoration: none !important;\r\n  font-family: 'Montserrat', Arial, sans-serif !important;\r\n  font-weight: 700 !important;\r\n  letter-spacing: 0.05em !important;\r\n  text-transform: uppercase !important;\r\n  font-size: 11.5px !important;\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  body.lts-blog-page .hfe-posts-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n}\r\n@media (min-width: 1000px) {\r\n  body.lts-blog-page .hfe-posts-grid { grid-template-columns: repeat(3, 1fr) !important; }\r\n}\r\n<\/style>\r\n\r\n<main class=\"lts-blog\">\r\n  <section class=\"lts-blog-hero\">\r\n    <div class=\"lts-blog-eyebrow lts-blog-reveal\">Blog<\/div>\r\n    <h1 class=\"lts-blog-heading lts-blog-reveal lts-blog-reveal-d1\">Tips, Ideas &amp; Project Stories<\/h1>\r\n    <p class=\"lts-blog-sub lts-blog-reveal lts-blog-reveal-d2\">Real advice on tile and stone installation, care, and design \u2014 straight from the Leal Tile and Stone team.<\/p>\r\n  <\/section>\r\n  <!-- Agrega aqu\u00ed abajo el widget \"Posts\" de Elementor -->\r\n<\/main>\r\n\r\n<script>\r\n(function() {\r\n  document.body.classList.add('lts-blog-page');\r\n  var targets = document.querySelectorAll('.lts-blog .lts-blog-reveal');\r\n  if (!('IntersectionObserver' in window)) {\r\n    targets.forEach(function(el) { el.classList.add('is-visible'); });\r\n    return;\r\n  }\r\n  var observer = new IntersectionObserver(function(entries) {\r\n    entries.forEach(function(entry) {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add('is-visible');\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.15 });\r\n  targets.forEach(function(el) { observer.observe(el); });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6a83b5 e-con-full e-flex e-con e-parent\" data-id=\"b6a83b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a98298f elementor-widget elementor-widget-hfe-basic-posts\" data-id=\"a98298f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hfe-basic-posts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p>No posts found.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Blog Tips, Ideas &amp; Project Stories Real advice on tile and stone installation, care, and design \u2014 straight from the Leal Tile and Stone team. Ejemplo 2 September 2, 2026 Ejemplo 2 Read More \u2192 Ejemplo 1 September 2, 2026 Ejemplo 1 Read More \u2192<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-780","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/pages\/780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/comments?post=780"}],"version-history":[{"count":13,"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/pages\/780\/revisions"}],"predecessor-version":[{"id":798,"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/pages\/780\/revisions\/798"}],"wp:attachment":[{"href":"https:\/\/lealtileandstone.com\/es\/wp-json\/wp\/v2\/media?parent=780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}