{"id":92,"date":"2026-07-28T10:25:43","date_gmt":"2026-07-28T10:25:43","guid":{"rendered":"https:\/\/lamiradadelangel.es\/?page_id=92"},"modified":"2026-07-28T10:38:49","modified_gmt":"2026-07-28T10:38:49","slug":"obras","status":"publish","type":"page","link":"https:\/\/lamiradadelangel.es\/index.php\/obras\/","title":{"rendered":"OBRAS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"92\" class=\"elementor elementor-92\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca1704c e-con e-atomic-element e-flexbox-base e-4ea66f6 \" data-id=\"ca1704c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca1704c\">\n    \t\t<div class=\"elementor-element elementor-element-85aa5ff elementor-widget elementor-widget-html\" data-id=\"85aa5ff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&family=Montserrat:wght@400;500;600;700&display=swap');\r\n\r\n\/* =====================================================\r\n   TIENDA COMPLETA \u2014 LA MIRADA DEL \u00c1NGEL\r\n   TODO DENTRO DE UN \u00daNICO WIDGET HTML\r\n   ===================================================== *\/\r\n\r\n.lmat-one{\r\n  --lmat-navy:#173f63;\r\n  --lmat-blue:#2f8dc6;\r\n  --lmat-sky:#8fd3f4;\r\n  --lmat-yellow:#f4d548;\r\n  --lmat-orange:#ef8c28;\r\n  --lmat-cream:#fff8ef;\r\n  --lmat-white:#ffffff;\r\n  --lmat-text:#52687a;\r\n  --lmat-green:#27895e;\r\n  --lmat-border:rgba(23,63,99,.09);\r\n  --lmat-shadow:0 24px 65px rgba(23,63,99,.11);\r\n\r\n  width:100%;\r\n  overflow:hidden;\r\n  color:var(--lmat-text);\r\n  font-family:'Montserrat',sans-serif;\r\n}\r\n\r\n.lmat-one *,\r\n.lmat-one *::before,\r\n.lmat-one *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.lmat-one h1,\r\n.lmat-one h2,\r\n.lmat-one h3,\r\n.lmat-one p{\r\n  margin-top:0;\r\n}\r\n\r\n.lmat-one img{\r\n  max-width:100%;\r\n}\r\n\r\n.lmat-container{\r\n  width:min(1220px,calc(100% - 40px));\r\n  margin:0 auto;\r\n}\r\n\r\n.lmat-section{\r\n  position:relative;\r\n  padding:95px 0;\r\n}\r\n\r\n.lmat-heading{\r\n  max-width:820px;\r\n  margin:0 auto 48px;\r\n  text-align:center;\r\n}\r\n\r\n.lmat-eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:17px;\r\n  color:var(--lmat-orange);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:2.1px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.lmat-eyebrow::before,\r\n.lmat-heading .lmat-eyebrow::after{\r\n  width:32px;\r\n  height:1px;\r\n  background:currentColor;\r\n  content:\"\";\r\n}\r\n\r\n.lmat-heading h2{\r\n  margin-bottom:17px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(43px,5vw,69px);\r\n  font-weight:600;\r\n  line-height:.98;\r\n}\r\n\r\n.lmat-heading p{\r\n  margin:0;\r\n  color:#637688;\r\n  font-size:16px;\r\n  line-height:1.85;\r\n}\r\n\r\n\/* =====================================================\r\n   BOTONES\r\n   ===================================================== *\/\r\n\r\n.lmat-buttons{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:14px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.lmat-btn{\r\n  display:inline-flex;\r\n  min-height:54px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:10px;\r\n  padding:14px 26px;\r\n  border:1px solid transparent;\r\n  border-radius:999px;\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  line-height:1;\r\n  text-decoration:none !important;\r\n  cursor:pointer;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    background-color .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n.lmat-btn:hover{\r\n  transform:translateY(-3px);\r\n}\r\n\r\n.lmat-btn-primary{\r\n  color:#fff !important;\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-blue),\r\n    var(--lmat-navy)\r\n  );\r\n  box-shadow:0 14px 30px rgba(47,141,198,.25);\r\n}\r\n\r\n.lmat-btn-primary:hover{\r\n  box-shadow:0 18px 40px rgba(47,141,198,.35);\r\n}\r\n\r\n.lmat-btn-secondary{\r\n  color:var(--lmat-navy) !important;\r\n  border-color:rgba(23,63,99,.15);\r\n  background:rgba(255,255,255,.82);\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.lmat-btn-secondary:hover{\r\n  border-color:var(--lmat-orange);\r\n  background:#fff;\r\n}\r\n\r\n\/* =====================================================\r\n   HERO\r\n   ===================================================== *\/\r\n\r\n.lmat-hero{\r\n  position:relative;\r\n  padding:90px 0 120px;\r\n}\r\n\r\n.lmat-hero::before{\r\n  position:absolute;\r\n  top:0;\r\n  right:-150px;\r\n  width:470px;\r\n  height:470px;\r\n  border-radius:50%;\r\n  background:radial-gradient(\r\n    circle,\r\n    rgba(244,213,72,.22),\r\n    transparent 68%\r\n  );\r\n  content:\"\";\r\n  pointer-events:none;\r\n}\r\n\r\n.lmat-hero::after{\r\n  position:absolute;\r\n  bottom:-40px;\r\n  left:-150px;\r\n  width:440px;\r\n  height:440px;\r\n  border-radius:50%;\r\n  background:radial-gradient(\r\n    circle,\r\n    rgba(143,211,244,.28),\r\n    transparent 68%\r\n  );\r\n  content:\"\";\r\n  pointer-events:none;\r\n}\r\n\r\n.lmat-hero-grid{\r\n  position:relative;\r\n  z-index:2;\r\n  display:grid;\r\n  align-items:center;\r\n  gap:75px;\r\n  grid-template-columns:minmax(0,1fr) minmax(400px,1fr);\r\n}\r\n\r\n.lmat-hero-copy{\r\n  max-width:670px;\r\n}\r\n\r\n.lmat-hero-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  margin-bottom:26px;\r\n  padding:9px 15px;\r\n  border:1px solid rgba(39,137,94,.16);\r\n  border-radius:999px;\r\n  color:var(--lmat-navy);\r\n  background:rgba(255,255,255,.74);\r\n  box-shadow:0 10px 30px rgba(23,63,99,.06);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:1.5px;\r\n  text-transform:uppercase;\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.lmat-hero-label::before{\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:var(--lmat-green);\r\n  box-shadow:0 0 0 5px rgba(39,137,94,.12);\r\n  content:\"\";\r\n}\r\n\r\n.lmat-hero h1{\r\n  margin-bottom:25px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(62px,7vw,99px);\r\n  font-weight:600;\r\n  letter-spacing:-2.2px;\r\n  line-height:.88;\r\n}\r\n\r\n.lmat-hero h1 span{\r\n  display:block;\r\n  color:var(--lmat-blue);\r\n  font-style:italic;\r\n}\r\n\r\n.lmat-hero-text{\r\n  max-width:630px;\r\n  margin-bottom:30px;\r\n  color:#536a7d;\r\n  font-size:18px;\r\n  line-height:1.85;\r\n}\r\n\r\n.lmat-hero-note{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:13px;\r\n  max-width:610px;\r\n  margin-top:30px;\r\n  padding:17px 19px;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:19px;\r\n  color:#617486;\r\n  background:rgba(255,255,255,.7);\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.lmat-hero-note-icon{\r\n  display:flex;\r\n  width:27px;\r\n  height:27px;\r\n  min-width:27px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-top:1px;\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:var(--lmat-green);\r\n  font-size:13px;\r\n  font-weight:700;\r\n}\r\n\r\n\/* Composici\u00f3n visual *\/\r\n\r\n.lmat-hero-art{\r\n  position:relative;\r\n  min-height:620px;\r\n}\r\n\r\n.lmat-hero-main{\r\n  position:absolute;\r\n  top:10px;\r\n  right:0;\r\n  width:80%;\r\n  height:535px;\r\n  overflow:hidden;\r\n  border:11px solid rgba(255,255,255,.93);\r\n  border-radius:42px 110px 48px 120px;\r\n  background:#eaf5fa;\r\n  box-shadow:var(--lmat-shadow);\r\n  transform:rotate(2deg);\r\n}\r\n\r\n.lmat-hero-main img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  object-position:center 27%;\r\n  transform:scale(1.12);\r\n}\r\n\r\n.lmat-hero-small{\r\n  position:absolute;\r\n  bottom:5px;\r\n  left:0;\r\n  z-index:3;\r\n  width:46%;\r\n  height:315px;\r\n  overflow:hidden;\r\n  border:9px solid rgba(255,255,255,.95);\r\n  border-radius:90px 30px 80px 36px;\r\n  background:#fff;\r\n  box-shadow:0 22px 50px rgba(23,63,99,.17);\r\n  transform:rotate(-5deg);\r\n}\r\n\r\n.lmat-hero-small img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:cover;\r\n  object-position:center 28%;\r\n  transform:scale(1.13);\r\n}\r\n\r\n.lmat-hero-seal{\r\n  position:absolute;\r\n  right:0;\r\n  bottom:18px;\r\n  z-index:5;\r\n  display:flex;\r\n  width:145px;\r\n  height:145px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:19px;\r\n  border:7px solid rgba(255,255,255,.9);\r\n  border-radius:50%;\r\n  color:var(--lmat-navy);\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-yellow),\r\n    #efaf39\r\n  );\r\n  box-shadow:0 20px 42px rgba(23,63,99,.19);\r\n  text-align:center;\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:19px;\r\n  font-weight:600;\r\n  font-style:italic;\r\n  line-height:1.15;\r\n  transform:rotate(7deg);\r\n}\r\n\r\n\/* =====================================================\r\n   CAT\u00c1LOGO DIN\u00c1MICO WOOCOMMERCE\r\n   ===================================================== *\/\r\n\r\n.lmat-catalog-section{\r\n  padding:85px 0 100px;\r\n}\r\n\r\n.lmat-catalog-shell{\r\n  position:relative;\r\n  padding:30px;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:38px;\r\n  background:rgba(255,255,255,.67);\r\n  box-shadow:var(--lmat-shadow);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.lmat-catalog-top{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  gap:25px;\r\n  margin-bottom:27px;\r\n  padding:0 3px;\r\n}\r\n\r\n.lmat-catalog-info{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  color:#627586;\r\n  font-size:13px;\r\n  font-weight:600;\r\n}\r\n\r\n.lmat-catalog-info::before{\r\n  width:9px;\r\n  height:9px;\r\n  border-radius:50%;\r\n  background:var(--lmat-green);\r\n  box-shadow:0 0 0 5px rgba(39,137,94,.11);\r\n  content:\"\";\r\n}\r\n\r\n.lmat-refresh{\r\n  display:inline-flex;\r\n  min-height:42px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  padding:10px 17px;\r\n  border:1px solid rgba(23,63,99,.12);\r\n  border-radius:999px;\r\n  color:var(--lmat-navy);\r\n  background:#fff;\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:12px;\r\n  font-weight:700;\r\n  cursor:pointer;\r\n  transition:.25s ease;\r\n}\r\n\r\n.lmat-refresh:hover{\r\n  color:#fff;\r\n  background:var(--lmat-blue);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lmat-products-grid{\r\n  display:grid;\r\n  gap:25px;\r\n  grid-template-columns:repeat(4,minmax(0,1fr));\r\n}\r\n\r\n.lmat-product-card{\r\n  position:relative;\r\n  display:flex;\r\n  min-width:0;\r\n  min-height:100%;\r\n  flex-direction:column;\r\n  overflow:hidden;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:27px;\r\n  background:#fff;\r\n  box-shadow:0 15px 38px rgba(23,63,99,.08);\r\n  transition:\r\n    transform .32s ease,\r\n    box-shadow .32s ease;\r\n}\r\n\r\n.lmat-product-card:hover{\r\n  box-shadow:0 24px 55px rgba(23,63,99,.15);\r\n  transform:translateY(-7px);\r\n}\r\n\r\n.lmat-product-image{\r\n  position:relative;\r\n  display:block;\r\n  height:365px;\r\n  overflow:hidden;\r\n  padding:18px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 15% 12%,\r\n      rgba(143,211,244,.17),\r\n      transparent 31%\r\n    ),\r\n    linear-gradient(145deg,#f7fcfe,#fffdf7);\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lmat-product-image img{\r\n  width:100%;\r\n  height:100%;\r\n  display:block;\r\n  object-fit:contain;\r\n  object-position:center;\r\n  transition:transform .5s ease;\r\n}\r\n\r\n.lmat-product-card:hover .lmat-product-image img{\r\n  transform:scale(1.035);\r\n}\r\n\r\n.lmat-product-placeholder{\r\n  display:flex;\r\n  width:100%;\r\n  height:100%;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:25px;\r\n  border:1px dashed rgba(23,63,99,.16);\r\n  border-radius:19px;\r\n  color:var(--lmat-navy);\r\n  text-align:center;\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:25px;\r\n  line-height:1.2;\r\n}\r\n\r\n.lmat-product-status{\r\n  position:absolute;\r\n  top:14px;\r\n  left:14px;\r\n  z-index:3;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:6px;\r\n  padding:8px 11px;\r\n  border-radius:999px;\r\n  color:#fff;\r\n  background:rgba(39,137,94,.94);\r\n  box-shadow:0 8px 20px rgba(21,91,60,.18);\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.9px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.lmat-product-status::before{\r\n  width:6px;\r\n  height:6px;\r\n  border-radius:50%;\r\n  background:#fff;\r\n  content:\"\";\r\n}\r\n\r\n.lmat-product-sale{\r\n  position:absolute;\r\n  top:14px;\r\n  right:14px;\r\n  z-index:3;\r\n  padding:8px 11px;\r\n  border-radius:999px;\r\n  color:#fff;\r\n  background:var(--lmat-orange);\r\n  box-shadow:0 8px 20px rgba(146,65,10,.18);\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.8px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.lmat-product-content{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  padding:22px;\r\n}\r\n\r\n.lmat-product-category{\r\n  margin-bottom:9px;\r\n  color:var(--lmat-orange);\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:1.3px;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.lmat-product-title{\r\n  display:-webkit-box;\r\n  min-height:59px;\r\n  overflow:hidden;\r\n  margin-bottom:10px !important;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:29px;\r\n  font-weight:600;\r\n  line-height:1.03;\r\n  -webkit-box-orient:vertical;\r\n  -webkit-line-clamp:2;\r\n}\r\n\r\n.lmat-product-title a{\r\n  color:inherit !important;\r\n  text-decoration:none !important;\r\n}\r\n\r\n.lmat-product-description{\r\n  display:-webkit-box;\r\n  min-height:43px;\r\n  overflow:hidden;\r\n  margin-bottom:18px !important;\r\n  color:#718291;\r\n  font-size:13px;\r\n  line-height:1.65;\r\n  -webkit-box-orient:vertical;\r\n  -webkit-line-clamp:2;\r\n}\r\n\r\n.lmat-product-price-line{\r\n  display:flex;\r\n  min-height:35px;\r\n  align-items:center;\r\n  gap:8px;\r\n  margin-bottom:17px;\r\n}\r\n\r\n.lmat-product-price{\r\n  color:var(--lmat-navy);\r\n  font-size:18px;\r\n  font-weight:700;\r\n}\r\n\r\n.lmat-product-old-price{\r\n  color:#98a5ae;\r\n  font-size:13px;\r\n  font-weight:500;\r\n  text-decoration:line-through;\r\n}\r\n\r\n.lmat-product-actions{\r\n  display:grid;\r\n  gap:10px;\r\n  margin-top:auto;\r\n  grid-template-columns:1fr;\r\n}\r\n\r\n.lmat-product-button{\r\n  display:flex;\r\n  min-height:48px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  padding:12px 18px;\r\n  border-radius:999px;\r\n  color:#fff !important;\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-blue),\r\n    var(--lmat-navy)\r\n  );\r\n  box-shadow:0 12px 25px rgba(47,141,198,.19);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  text-align:center;\r\n  text-decoration:none !important;\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.lmat-product-button:hover{\r\n  box-shadow:0 16px 32px rgba(47,141,198,.3);\r\n  transform:translateY(-2px);\r\n}\r\n\r\n.lmat-product-question{\r\n  display:flex;\r\n  min-height:43px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:10px 14px;\r\n  border:1px solid rgba(23,63,99,.12);\r\n  border-radius:999px;\r\n  color:var(--lmat-navy) !important;\r\n  background:#fff;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  text-align:center;\r\n  text-decoration:none !important;\r\n  transition:.25s ease;\r\n}\r\n\r\n.lmat-product-question:hover{\r\n  border-color:var(--lmat-orange);\r\n  color:var(--lmat-orange) !important;\r\n}\r\n\r\n\/* Estados del cat\u00e1logo *\/\r\n\r\n.lmat-catalog-status{\r\n  display:none;\r\n  padding:45px 25px;\r\n  border:1px dashed rgba(23,63,99,.18);\r\n  border-radius:24px;\r\n  color:#647789;\r\n  background:rgba(255,255,255,.72);\r\n  text-align:center;\r\n  font-size:15px;\r\n  line-height:1.8;\r\n}\r\n\r\n.lmat-catalog-status.is-visible{\r\n  display:block;\r\n}\r\n\r\n.lmat-catalog-status strong{\r\n  display:block;\r\n  margin-bottom:9px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:32px;\r\n  font-weight:600;\r\n}\r\n\r\n\/* Skeleton *\/\r\n\r\n.lmat-skeleton{\r\n  min-height:580px;\r\n  pointer-events:none;\r\n}\r\n\r\n.lmat-skeleton-image,\r\n.lmat-skeleton-line{\r\n  position:relative;\r\n  overflow:hidden;\r\n  background:#edf2f5;\r\n}\r\n\r\n.lmat-skeleton-image{\r\n  height:365px;\r\n}\r\n\r\n.lmat-skeleton-body{\r\n  padding:22px;\r\n}\r\n\r\n.lmat-skeleton-line{\r\n  height:13px;\r\n  margin-bottom:13px;\r\n  border-radius:999px;\r\n}\r\n\r\n.lmat-skeleton-line:nth-child(1){\r\n  width:37%;\r\n}\r\n\r\n.lmat-skeleton-line:nth-child(2){\r\n  width:88%;\r\n  height:25px;\r\n}\r\n\r\n.lmat-skeleton-line:nth-child(3){\r\n  width:72%;\r\n}\r\n\r\n.lmat-skeleton-line:nth-child(4){\r\n  width:48%;\r\n  height:20px;\r\n}\r\n\r\n.lmat-skeleton-image::after,\r\n.lmat-skeleton-line::after{\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(255,255,255,.78),\r\n    transparent\r\n  );\r\n  content:\"\";\r\n  transform:translateX(-100%);\r\n  animation:lmatShine 1.3s infinite;\r\n}\r\n\r\n@keyframes lmatShine{\r\n  to{\r\n    transform:translateX(100%);\r\n  }\r\n}\r\n\r\n\/* Bot\u00f3n cargar m\u00e1s *\/\r\n\r\n.lmat-load-area{\r\n  display:none;\r\n  margin-top:36px;\r\n  text-align:center;\r\n}\r\n\r\n.lmat-load-area.is-visible{\r\n  display:block;\r\n}\r\n\r\n.lmat-load-more[disabled]{\r\n  opacity:.65;\r\n  cursor:wait;\r\n  transform:none;\r\n}\r\n\r\n\/* =====================================================\r\n   GARANT\u00cdAS\r\n   ===================================================== *\/\r\n\r\n.lmat-trust-grid{\r\n  display:grid;\r\n  gap:24px;\r\n  grid-template-columns:repeat(3,1fr);\r\n}\r\n\r\n.lmat-trust-card{\r\n  position:relative;\r\n  min-height:310px;\r\n  overflow:hidden;\r\n  padding:36px 31px;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:29px;\r\n  background:rgba(255,255,255,.75);\r\n  box-shadow:0 18px 50px rgba(23,63,99,.08);\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease;\r\n  backdrop-filter:blur(14px);\r\n}\r\n\r\n.lmat-trust-card:hover{\r\n  box-shadow:0 25px 60px rgba(23,63,99,.14);\r\n  transform:translateY(-7px);\r\n}\r\n\r\n.lmat-trust-number{\r\n  position:absolute;\r\n  top:0;\r\n  right:20px;\r\n  color:rgba(23,63,99,.055);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:100px;\r\n  font-weight:700;\r\n  line-height:1;\r\n}\r\n\r\n.lmat-trust-icon{\r\n  display:flex;\r\n  width:66px;\r\n  height:66px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin-bottom:32px;\r\n  border-radius:21px;\r\n  color:var(--lmat-navy);\r\n  background:linear-gradient(\r\n    135deg,\r\n    rgba(143,211,244,.6),\r\n    rgba(255,255,255,.92)\r\n  );\r\n  font-size:28px;\r\n}\r\n\r\n.lmat-trust-card:nth-child(2) .lmat-trust-icon{\r\n  background:linear-gradient(\r\n    135deg,\r\n    rgba(244,213,72,.58),\r\n    rgba(255,255,255,.92)\r\n  );\r\n}\r\n\r\n.lmat-trust-card:nth-child(3) .lmat-trust-icon{\r\n  background:linear-gradient(\r\n    135deg,\r\n    rgba(239,140,40,.27),\r\n    rgba(255,255,255,.92)\r\n  );\r\n}\r\n\r\n.lmat-trust-card h3{\r\n  margin-bottom:11px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:31px;\r\n  font-weight:600;\r\n  line-height:1.05;\r\n}\r\n\r\n.lmat-trust-card p{\r\n  margin:0;\r\n  color:#65798a;\r\n  font-size:14px;\r\n  line-height:1.78;\r\n}\r\n\r\n\/* =====================================================\r\n   PROCESO\r\n   ===================================================== *\/\r\n\r\n.lmat-process{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:65px 55px;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:40px;\r\n  background:\r\n    radial-gradient(\r\n      circle at 7% 10%,\r\n      rgba(143,211,244,.25),\r\n      transparent 27%\r\n    ),\r\n    radial-gradient(\r\n      circle at 94% 90%,\r\n      rgba(244,213,72,.21),\r\n      transparent 27%\r\n    ),\r\n    rgba(255,255,255,.7);\r\n  box-shadow:var(--lmat-shadow);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.lmat-process-grid{\r\n  position:relative;\r\n  display:grid;\r\n  gap:25px;\r\n  grid-template-columns:repeat(4,1fr);\r\n}\r\n\r\n.lmat-process-grid::before{\r\n  position:absolute;\r\n  top:39px;\r\n  right:11%;\r\n  left:11%;\r\n  z-index:0;\r\n  height:1px;\r\n  background:linear-gradient(\r\n    90deg,\r\n    transparent,\r\n    rgba(47,141,198,.42),\r\n    rgba(239,140,40,.42),\r\n    transparent\r\n  );\r\n  content:\"\";\r\n}\r\n\r\n.lmat-process-item{\r\n  position:relative;\r\n  z-index:2;\r\n  text-align:center;\r\n}\r\n\r\n.lmat-process-step{\r\n  display:flex;\r\n  width:80px;\r\n  height:80px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  margin:0 auto 24px;\r\n  border:8px solid rgba(255,255,255,.94);\r\n  border-radius:50%;\r\n  color:#fff;\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-blue),\r\n    var(--lmat-navy)\r\n  );\r\n  box-shadow:0 14px 30px rgba(23,63,99,.18);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:28px;\r\n  font-weight:700;\r\n}\r\n\r\n.lmat-process-item:nth-child(2) .lmat-process-step{\r\n  color:var(--lmat-navy);\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-yellow),\r\n    #efb739\r\n  );\r\n}\r\n\r\n.lmat-process-item:nth-child(3) .lmat-process-step{\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--lmat-orange),\r\n    #d76b22\r\n  );\r\n}\r\n\r\n.lmat-process-item:nth-child(4) .lmat-process-step{\r\n  background:linear-gradient(\r\n    135deg,\r\n    #4ba981,\r\n    #26795e\r\n  );\r\n}\r\n\r\n.lmat-process-item h3{\r\n  margin-bottom:11px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:27px;\r\n  font-weight:600;\r\n  line-height:1.1;\r\n}\r\n\r\n.lmat-process-item p{\r\n  max-width:250px;\r\n  margin:0 auto;\r\n  color:#65788a;\r\n  font-size:13px;\r\n  line-height:1.75;\r\n}\r\n\r\n\/* =====================================================\r\n   ENCARGOS\r\n   ===================================================== *\/\r\n\r\n.lmat-commission{\r\n  position:relative;\r\n  overflow:hidden;\r\n  border-radius:40px;\r\n  color:#fff;\r\n  background:\r\n    radial-gradient(\r\n      circle at 88% 18%,\r\n      rgba(244,213,72,.24),\r\n      transparent 27%\r\n    ),\r\n    linear-gradient(\r\n      125deg,\r\n      #103653 0%,\r\n      #173f63 50%,\r\n      #2f8dc6 100%\r\n    );\r\n  box-shadow:var(--lmat-shadow);\r\n}\r\n\r\n.lmat-commission-grid{\r\n  display:grid;\r\n  min-height:490px;\r\n  align-items:center;\r\n  gap:60px;\r\n  padding:70px;\r\n  grid-template-columns:1.06fr .94fr;\r\n}\r\n\r\n.lmat-commission-copy .lmat-eyebrow{\r\n  color:var(--lmat-yellow);\r\n}\r\n\r\n.lmat-commission-copy h2{\r\n  max-width:650px;\r\n  margin-bottom:22px;\r\n  color:#fff;\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(44px,5vw,68px);\r\n  font-weight:600;\r\n  line-height:.98;\r\n}\r\n\r\n.lmat-commission-copy p{\r\n  max-width:630px;\r\n  margin-bottom:29px;\r\n  color:rgba(255,255,255,.79);\r\n  font-size:16px;\r\n  line-height:1.85;\r\n}\r\n\r\n.lmat-commission-box{\r\n  padding:36px;\r\n  border:1px solid rgba(255,255,255,.23);\r\n  border-radius:30px;\r\n  background:rgba(255,255,255,.11);\r\n  box-shadow:0 20px 45px rgba(0,0,0,.12);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.lmat-commission-box::before{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:var(--lmat-yellow);\r\n  content:\"\u201c\";\r\n  font-family:Georgia,serif;\r\n  font-size:60px;\r\n  line-height:.55;\r\n}\r\n\r\n.lmat-commission-box h3{\r\n  margin-bottom:13px;\r\n  color:#fff;\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:33px;\r\n  font-weight:600;\r\n  line-height:1.1;\r\n}\r\n\r\n.lmat-commission-box p{\r\n  margin-bottom:25px;\r\n  color:rgba(255,255,255,.74);\r\n  font-size:14px;\r\n  line-height:1.75;\r\n}\r\n\r\n.lmat-commission-box .lmat-btn-secondary{\r\n  width:100%;\r\n}\r\n\r\n\/* =====================================================\r\n   FAQ\r\n   ===================================================== *\/\r\n\r\n.lmat-faq{\r\n  display:grid;\r\n  max-width:920px;\r\n  gap:14px;\r\n  margin:0 auto;\r\n}\r\n\r\n.lmat-faq details{\r\n  overflow:hidden;\r\n  border:1px solid var(--lmat-border);\r\n  border-radius:21px;\r\n  background:rgba(255,255,255,.76);\r\n  box-shadow:0 12px 30px rgba(23,63,99,.06);\r\n  backdrop-filter:blur(12px);\r\n}\r\n\r\n.lmat-faq summary{\r\n  position:relative;\r\n  padding:22px 62px 22px 24px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:23px;\r\n  font-weight:600;\r\n  line-height:1.25;\r\n  list-style:none;\r\n  cursor:pointer;\r\n}\r\n\r\n.lmat-faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n.lmat-faq summary::after{\r\n  position:absolute;\r\n  top:50%;\r\n  right:22px;\r\n  display:flex;\r\n  width:32px;\r\n  height:32px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  color:var(--lmat-blue);\r\n  background:rgba(47,141,198,.1);\r\n  content:\"+\";\r\n  font-family:'Montserrat',sans-serif;\r\n  font-size:19px;\r\n  font-weight:600;\r\n  transform:translateY(-50%);\r\n  transition:transform .25s ease;\r\n}\r\n\r\n.lmat-faq details[open] summary::after{\r\n  transform:translateY(-50%) rotate(45deg);\r\n}\r\n\r\n.lmat-faq-answer{\r\n  padding:0 24px 23px;\r\n  color:#637688;\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* =====================================================\r\n   CTA FINAL\r\n   ===================================================== *\/\r\n\r\n.lmat-final{\r\n  padding:70px 0 110px;\r\n}\r\n\r\n.lmat-final-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:82px 38px;\r\n  border:1px solid rgba(255,255,255,.75);\r\n  border-radius:40px;\r\n  text-align:center;\r\n  background:\r\n    radial-gradient(\r\n      circle at 10% 12%,\r\n      rgba(143,211,244,.55),\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 90% 88%,\r\n      rgba(244,213,72,.36),\r\n      transparent 31%\r\n    ),\r\n    rgba(255,255,255,.8);\r\n  box-shadow:var(--lmat-shadow);\r\n  backdrop-filter:blur(16px);\r\n}\r\n\r\n.lmat-final-card h2{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:850px;\r\n  margin:0 auto 20px;\r\n  color:var(--lmat-navy);\r\n  font-family:'Cormorant Garamond',serif;\r\n  font-size:clamp(45px,6vw,73px);\r\n  font-weight:600;\r\n  line-height:.98;\r\n}\r\n\r\n.lmat-final-card p{\r\n  position:relative;\r\n  z-index:2;\r\n  max-width:690px;\r\n  margin:0 auto 30px;\r\n  color:#607486;\r\n  font-size:16px;\r\n  line-height:1.85;\r\n}\r\n\r\n.lmat-final-card .lmat-buttons{\r\n  position:relative;\r\n  z-index:2;\r\n  justify-content:center;\r\n}\r\n\r\n\/* =====================================================\r\n   RESPONSIVE\r\n   ===================================================== *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .lmat-hero-grid{\r\n    gap:50px;\r\n    grid-template-columns:1fr .92fr;\r\n  }\r\n\r\n  .lmat-hero-art{\r\n    min-height:570px;\r\n  }\r\n\r\n  .lmat-hero-main{\r\n    width:87%;\r\n    height:480px;\r\n  }\r\n\r\n  .lmat-products-grid{\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n  }\r\n\r\n  .lmat-trust-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  .lmat-process-grid{\r\n    grid-template-columns:repeat(2,1fr);\r\n    row-gap:45px;\r\n  }\r\n\r\n  .lmat-process-grid::before{\r\n    display:none;\r\n  }\r\n\r\n  .lmat-commission-grid{\r\n    padding:55px 45px;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n  .lmat-container{\r\n    width:min(100% - 28px,1220px);\r\n  }\r\n\r\n  .lmat-section{\r\n    padding:72px 0;\r\n  }\r\n\r\n  .lmat-heading{\r\n    margin-bottom:38px;\r\n  }\r\n\r\n  .lmat-heading h2{\r\n    font-size:43px;\r\n  }\r\n\r\n  .lmat-heading p{\r\n    font-size:15px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .lmat-hero{\r\n    padding:65px 0 85px;\r\n  }\r\n\r\n  .lmat-hero-grid{\r\n    gap:45px;\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lmat-hero h1{\r\n    font-size:58px;\r\n    letter-spacing:-1.5px;\r\n  }\r\n\r\n  .lmat-hero-text{\r\n    font-size:16px;\r\n    line-height:1.75;\r\n  }\r\n\r\n  .lmat-buttons{\r\n    flex-direction:column;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .lmat-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .lmat-hero-art{\r\n    min-height:540px;\r\n  }\r\n\r\n  .lmat-hero-main{\r\n    top:0;\r\n    right:1%;\r\n    width:88%;\r\n    height:440px;\r\n  }\r\n\r\n  .lmat-hero-small{\r\n    bottom:10px;\r\n    width:49%;\r\n    height:255px;\r\n  }\r\n\r\n  .lmat-hero-seal{\r\n    right:0;\r\n    bottom:14px;\r\n    width:115px;\r\n    height:115px;\r\n    border-width:5px;\r\n    font-size:15px;\r\n  }\r\n\r\n  .lmat-catalog-section{\r\n    padding:70px 0 80px;\r\n  }\r\n\r\n  .lmat-catalog-shell{\r\n    padding:16px;\r\n    border-radius:28px;\r\n  }\r\n\r\n  .lmat-catalog-top{\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .lmat-catalog-info{\r\n    max-width:180px;\r\n    font-size:12px;\r\n    line-height:1.5;\r\n  }\r\n\r\n  .lmat-refresh{\r\n    min-height:40px;\r\n    padding:9px 13px;\r\n    font-size:11px;\r\n  }\r\n\r\n  .lmat-products-grid{\r\n    gap:18px;\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lmat-product-image{\r\n    height:410px;\r\n  }\r\n\r\n  .lmat-product-title{\r\n    min-height:auto;\r\n  }\r\n\r\n  .lmat-trust-grid,\r\n  .lmat-process-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lmat-trust-card{\r\n    min-height:auto;\r\n  }\r\n\r\n  .lmat-process{\r\n    padding:46px 22px;\r\n  }\r\n\r\n  .lmat-commission-grid{\r\n    gap:38px;\r\n    padding:48px 24px;\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lmat-commission-copy h2{\r\n    font-size:46px;\r\n  }\r\n\r\n  .lmat-commission-box{\r\n    padding:29px 23px;\r\n  }\r\n\r\n  .lmat-faq summary{\r\n    padding:20px 58px 20px 20px;\r\n    font-size:21px;\r\n  }\r\n\r\n  .lmat-faq-answer{\r\n    padding:0 20px 21px;\r\n  }\r\n\r\n  .lmat-final{\r\n    padding:45px 0 85px;\r\n  }\r\n\r\n  .lmat-final-card{\r\n    padding:62px 23px;\r\n  }\r\n\r\n  .lmat-final-card h2{\r\n    font-size:46px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<main class=\"lmat-one\">\r\n\r\n  <!-- HERO -->\r\n  <section class=\"lmat-hero\">\r\n    <div class=\"lmat-container lmat-hero-grid\">\r\n\r\n      <div class=\"lmat-hero-copy\">\r\n\r\n        <div class=\"lmat-hero-label\">\r\n          Obras disponibles\r\n        <\/div>\r\n\r\n        <h1>\r\n          Arte original para\r\n          <span>encontrar su nuevo hogar<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"lmat-hero-text\">\r\n          Descubre las pinturas de Inma \u201cMadaca\u201d disponibles actualmente.\r\n          Cada obra es una pieza \u00fanica, creada desde Asturias con sensibilidad,\r\n          color y una historia propia.\r\n        <\/p>\r\n\r\n        <div class=\"lmat-buttons\">\r\n\r\n          <a class=\"lmat-btn lmat-btn-primary\" href=\"#catalogo-obras\">\r\n            Explorar las obras\r\n            <span>\u2193<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"lmat-btn lmat-btn-secondary\"\r\n            href=\"https:\/\/wa.me\/34684693881?text=Hola%20Inma%2C%20he%20visitado%20las%20obras%20disponibles%20de%20La%20Mirada%20del%20%C3%81ngel%20y%20me%20gustar%C3%ADa%20hacerte%20una%20consulta.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Consultar por WhatsApp\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"lmat-hero-note\">\r\n\r\n          <span class=\"lmat-hero-note-icon\">\u2713<\/span>\r\n\r\n          <span>\r\n            Cada pintura es irrepetible. Cuando una obra deja de estar\r\n            disponible, se retira autom\u00e1ticamente de esta colecci\u00f3n.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lmat-hero-art\">\r\n\r\n        <div class=\"lmat-hero-main\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/lamiradadelangel.es\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-13.27.29-4.jpeg\"\r\n            alt=\"Obra art\u00edstica de Inma Madaca\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"lmat-hero-small\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/lamiradadelangel.es\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-24-at-13.27.28-2.jpeg\"\r\n            alt=\"Pintura original de La Mirada del \u00c1ngel\"\r\n          >\r\n        <\/div>\r\n\r\n        <div class=\"lmat-hero-seal\">\r\n          Obras \u00fanicas creadas en Asturias\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CAT\u00c1LOGO -->\r\n  <section id=\"catalogo-obras\" class=\"lmat-catalog-section\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-heading\">\r\n\r\n        <span class=\"lmat-eyebrow\">\r\n          Colecci\u00f3n disponible\r\n        <\/span>\r\n\r\n        <h2>Elige la obra que conecte contigo<\/h2>\r\n\r\n        <p>\r\n          Las obras se muestran desde la m\u00e1s reciente. Pulsa sobre una\r\n          pintura para consultar todos sus detalles y realizar la compra.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lmat-catalog-shell\">\r\n\r\n        <div class=\"lmat-catalog-top\">\r\n\r\n          <div\r\n            class=\"lmat-catalog-info\"\r\n            id=\"lmatCatalogInfo\"\r\n          >\r\n            Cargando obras disponibles...\r\n          <\/div>\r\n\r\n          <button\r\n            class=\"lmat-refresh\"\r\n            id=\"lmatRefresh\"\r\n            type=\"button\"\r\n          >\r\n            \u21bb Actualizar\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"lmat-products-grid\"\r\n          id=\"lmatProductsGrid\"\r\n          aria-live=\"polite\"\r\n        >\r\n\r\n          <article class=\"lmat-product-card lmat-skeleton\">\r\n            <div class=\"lmat-skeleton-image\"><\/div>\r\n            <div class=\"lmat-skeleton-body\">\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"lmat-product-card lmat-skeleton\">\r\n            <div class=\"lmat-skeleton-image\"><\/div>\r\n            <div class=\"lmat-skeleton-body\">\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"lmat-product-card lmat-skeleton\">\r\n            <div class=\"lmat-skeleton-image\"><\/div>\r\n            <div class=\"lmat-skeleton-body\">\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"lmat-product-card lmat-skeleton\">\r\n            <div class=\"lmat-skeleton-image\"><\/div>\r\n            <div class=\"lmat-skeleton-body\">\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n              <div class=\"lmat-skeleton-line\"><\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"lmat-catalog-status\"\r\n          id=\"lmatCatalogStatus\"\r\n          role=\"status\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"lmat-load-area\"\r\n          id=\"lmatLoadArea\"\r\n        >\r\n          <button\r\n            class=\"lmat-btn lmat-btn-primary lmat-load-more\"\r\n            id=\"lmatLoadMore\"\r\n            type=\"button\"\r\n          >\r\n            Mostrar m\u00e1s obras\r\n            <span>\u2193<\/span>\r\n          <\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- GARANT\u00cdAS -->\r\n  <section class=\"lmat-section\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-heading\">\r\n\r\n        <span class=\"lmat-eyebrow\">\r\n          Arte con personalidad\r\n        <\/span>\r\n\r\n        <h2>M\u00e1s que decoraci\u00f3n, una pieza con historia<\/h2>\r\n\r\n        <p>\r\n          Cada obra de La Mirada del \u00c1ngel ha sido creada individualmente\r\n          y conserva los matices propios de un trabajo realizado a mano.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lmat-trust-grid\">\r\n\r\n        <article class=\"lmat-trust-card\">\r\n\r\n          <span class=\"lmat-trust-number\">01<\/span>\r\n\r\n          <div class=\"lmat-trust-icon\">\r\n            \u2726\r\n          <\/div>\r\n\r\n          <h3>Creaci\u00f3n original<\/h3>\r\n\r\n          <p>\r\n            No existen dos obras exactamente iguales. Cada pintura conserva\r\n            las pinceladas, matices y decisiones creativas de Madaca.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"lmat-trust-card\">\r\n\r\n          <span class=\"lmat-trust-number\">02<\/span>\r\n\r\n          <div class=\"lmat-trust-icon\">\r\n            \u2661\r\n          <\/div>\r\n\r\n          <h3>Una obra con alma<\/h3>\r\n\r\n          <p>\r\n            El color, la emoci\u00f3n y la sensibilidad forman parte de cada\r\n            composici\u00f3n, convirti\u00e9ndola en una pieza con car\u00e1cter propio.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n        <article class=\"lmat-trust-card\">\r\n\r\n          <span class=\"lmat-trust-number\">03<\/span>\r\n\r\n          <div class=\"lmat-trust-icon\">\r\n            \u2316\r\n          <\/div>\r\n\r\n          <h3>Creada en Asturias<\/h3>\r\n\r\n          <p>\r\n            La obra de Madaca nace en un entorno marcado por la naturaleza,\r\n            la luz, los paisajes y los colores de Asturias.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- PROCESO -->\r\n  <section class=\"lmat-section\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-heading\">\r\n\r\n        <span class=\"lmat-eyebrow\">\r\n          C\u00f3mo comprar\r\n        <\/span>\r\n\r\n        <h2>Tu nueva obra en cuatro pasos<\/h2>\r\n\r\n        <p>\r\n          Elige una pieza, revisa sus detalles y completa el pedido desde\r\n          la ficha del producto.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lmat-process\">\r\n\r\n        <div class=\"lmat-process-grid\">\r\n\r\n          <div class=\"lmat-process-item\">\r\n\r\n            <div class=\"lmat-process-step\">1<\/div>\r\n\r\n            <h3>Descubre la colecci\u00f3n<\/h3>\r\n\r\n            <p>\r\n              Explora las obras disponibles y encuentra aquella que conecte\r\n              contigo.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"lmat-process-item\">\r\n\r\n            <div class=\"lmat-process-step\">2<\/div>\r\n\r\n            <h3>Consulta los detalles<\/h3>\r\n\r\n            <p>\r\n              Revisa su tama\u00f1o, t\u00e9cnica, precio y caracter\u00edsticas en la ficha.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"lmat-process-item\">\r\n\r\n            <div class=\"lmat-process-step\">3<\/div>\r\n\r\n            <h3>Completa el pedido<\/h3>\r\n\r\n            <p>\r\n              A\u00f1ade la pintura al carrito y cumplimenta los datos de compra.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"lmat-process-item\">\r\n\r\n            <div class=\"lmat-process-step\">4<\/div>\r\n\r\n            <h3>Recibe tu obra<\/h3>\r\n\r\n            <p>\r\n              Se confirmar\u00e1n contigo las condiciones de entrega o env\u00edo.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- ENCARGOS -->\r\n  <section class=\"lmat-section\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-commission\">\r\n\r\n        <div class=\"lmat-commission-grid\">\r\n\r\n          <div class=\"lmat-commission-copy\">\r\n\r\n            <span class=\"lmat-eyebrow\">\r\n              Encargos personalizados\r\n            <\/span>\r\n\r\n            <h2>\u00bfNo encuentras exactamente la obra que imaginas?<\/h2>\r\n\r\n            <p>\r\n              Cu\u00e9ntale a Madaca tu idea, comparte una fotograf\u00eda o explica\r\n              qu\u00e9 historia te gustar\u00eda convertir en una pintura creada\r\n              especialmente para ti.\r\n            <\/p>\r\n\r\n            <div class=\"lmat-buttons\">\r\n\r\n              <a\r\n                class=\"lmat-btn lmat-btn-secondary\"\r\n                href=\"\/encargos-personalizados\/\"\r\n              >\r\n                Conocer los encargos\r\n                <span>\u2192<\/span>\r\n              <\/a>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"lmat-commission-box\">\r\n\r\n            <h3>Una obra pensada para tu historia<\/h3>\r\n\r\n            <p>\r\n              El tama\u00f1o, la composici\u00f3n, los colores, el presupuesto y el\r\n              plazo se valoran personalmente antes de comenzar.\r\n            <\/p>\r\n\r\n            <a\r\n              class=\"lmat-btn lmat-btn-secondary\"\r\n              href=\"https:\/\/wa.me\/34684693881?text=Hola%20Inma%2C%20he%20visitado%20tu%20tienda%20y%20me%20gustar%C3%ADa%20consultarte%20sobre%20un%20encargo%20personalizado.\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Contar mi idea a Madaca\r\n              <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- FAQ -->\r\n  <section class=\"lmat-section\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-heading\">\r\n\r\n        <span class=\"lmat-eyebrow\">\r\n          Preguntas frecuentes\r\n        <\/span>\r\n\r\n        <h2>Antes de elegir tu obra<\/h2>\r\n\r\n        <p>\r\n          Resolvemos algunas dudas habituales sobre disponibilidad,\r\n          fotograf\u00edas, compra y env\u00edo.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"lmat-faq\">\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfTodas las obras mostradas est\u00e1n disponibles?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            La colecci\u00f3n muestra las obras publicadas y disponibles en la\r\n            tienda. Si tienes dudas sobre una pieza concreta, consulta\r\n            directamente con Madaca antes de realizar el pedido.\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfLa obra recibida ser\u00e1 la misma de la fotograf\u00eda?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            S\u00ed. Las pinturas de la tienda son piezas originales y \u00fanicas.\r\n            La fotograf\u00eda corresponde a la obra concreta que se ofrece.\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfD\u00f3nde puedo consultar las medidas y la t\u00e9cnica?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            Pulsa sobre \u201cVer obra y comprar\u201d para acceder a la ficha del\r\n            producto, donde aparecer\u00e1n sus caracter\u00edsticas y descripci\u00f3n.\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfPuedo preguntar antes de comprar?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            S\u00ed. Cada tarjeta incluye un bot\u00f3n para consultar directamente\r\n            esa obra con Madaca mediante WhatsApp.\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfSe realizan env\u00edos fuera de Asturias?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            Las condiciones depender\u00e1n del tama\u00f1o, protecci\u00f3n necesaria y\r\n            destino. Consulta las opciones disponibles para la obra elegida.\r\n          <\/div>\r\n        <\/details>\r\n\r\n        <details>\r\n          <summary>\r\n            \u00bfQu\u00e9 hago si la obra que me gustaba ya no est\u00e1 disponible?\r\n          <\/summary>\r\n\r\n          <div class=\"lmat-faq-answer\">\r\n            Puedes solicitar un encargo inspirado en sus colores o emoci\u00f3n.\r\n            La nueva pintura ser\u00e1 original y no una copia id\u00e9ntica.\r\n          <\/div>\r\n        <\/details>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- CTA FINAL -->\r\n  <section class=\"lmat-final\">\r\n    <div class=\"lmat-container\">\r\n\r\n      <div class=\"lmat-final-card\">\r\n\r\n        <span class=\"lmat-eyebrow\">\r\n          Encuentra tu obra\r\n        <\/span>\r\n\r\n        <h2>Hay pinturas que encuentran a la persona adecuada<\/h2>\r\n\r\n        <p>\r\n          Recorre la colecci\u00f3n disponible o habla directamente con Madaca\r\n          para resolver cualquier duda antes de elegir.\r\n        <\/p>\r\n\r\n        <div class=\"lmat-buttons\">\r\n\r\n          <a\r\n            class=\"lmat-btn lmat-btn-primary\"\r\n            href=\"#catalogo-obras\"\r\n          >\r\n            Volver a las obras\r\n            <span>\u2191<\/span>\r\n          <\/a>\r\n\r\n          <a\r\n            class=\"lmat-btn lmat-btn-secondary\"\r\n            href=\"https:\/\/wa.me\/34684693881?text=Hola%20Inma%2C%20he%20visitado%20las%20obras%20disponibles%20de%20La%20Mirada%20del%20%C3%81ngel%20y%20me%20gustar%C3%ADa%20hacerte%20una%20consulta.\"\r\n            target=\"_blank\"\r\n            rel=\"noopener\"\r\n          >\r\n            Consultar por WhatsApp\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  \"use strict\";\r\n\r\n  \/* ===================================================\r\n     CONFIGURACI\u00d3N\r\n     =================================================== *\/\r\n\r\n  const LMA_CONFIG = {\r\n    productosPorPagina: 12,\r\n    telefonoWhatsApp: \"34684693881\"\r\n  };\r\n\r\n  let paginaActual = 1;\r\n  let cargando = false;\r\n  let hayMasProductos = true;\r\n  let totalCargados = 0;\r\n\r\n  const grid = document.getElementById(\"lmatProductsGrid\");\r\n  const estado = document.getElementById(\"lmatCatalogStatus\");\r\n  const informacion = document.getElementById(\"lmatCatalogInfo\");\r\n  const areaCargar = document.getElementById(\"lmatLoadArea\");\r\n  const botonCargar = document.getElementById(\"lmatLoadMore\");\r\n  const botonActualizar = document.getElementById(\"lmatRefresh\");\r\n\r\n  \/* ===================================================\r\n     INICIO\r\n     =================================================== *\/\r\n\r\n  function iniciarTienda(){\r\n\r\n    if(\r\n      !grid ||\r\n      !estado ||\r\n      !informacion ||\r\n      !areaCargar ||\r\n      !botonCargar ||\r\n      !botonActualizar\r\n    ){\r\n      return;\r\n    }\r\n\r\n    botonCargar.addEventListener(\"click\",function(){\r\n      cargarProductos(false);\r\n    });\r\n\r\n    botonActualizar.addEventListener(\"click\",function(){\r\n      reiniciarCatalogo();\r\n    });\r\n\r\n    cargarProductos(true);\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     CARGAR PRODUCTOS\r\n     =================================================== *\/\r\n\r\n  async function cargarProductos(esPrimeraCarga){\r\n\r\n    if(cargando || !hayMasProductos){\r\n      return;\r\n    }\r\n\r\n    cargando = true;\r\n    botonCargar.disabled = true;\r\n    botonCargar.innerHTML = \"Cargando obras\u2026\";\r\n\r\n    if(esPrimeraCarga){\r\n      ocultarEstado();\r\n      informacion.textContent = \"Cargando obras disponibles...\";\r\n    }\r\n\r\n    const endpoint = new URL(\r\n      \"\/wp-json\/wc\/store\/v1\/products\",\r\n      window.location.origin\r\n    );\r\n\r\n    endpoint.searchParams.set(\r\n      \"per_page\",\r\n      String(LMA_CONFIG.productosPorPagina)\r\n    );\r\n\r\n    endpoint.searchParams.set(\r\n      \"page\",\r\n      String(paginaActual)\r\n    );\r\n\r\n    endpoint.searchParams.set(\"orderby\",\"date\");\r\n    endpoint.searchParams.set(\"order\",\"desc\");\r\n    endpoint.searchParams.set(\"catalog_visibility\",\"visible\");\r\n    endpoint.searchParams.append(\"stock_status[]\",\"instock\");\r\n\r\n    try{\r\n\r\n      const respuesta = await fetch(endpoint.toString(),{\r\n        method:\"GET\",\r\n        credentials:\"same-origin\",\r\n        cache:\"no-store\",\r\n        headers:{\r\n          \"Accept\":\"application\/json\"\r\n        }\r\n      });\r\n\r\n      if(!respuesta.ok){\r\n\r\n        if(\r\n          respuesta.status === 400 &&\r\n          paginaActual > 1\r\n        ){\r\n\r\n          hayMasProductos = false;\r\n          areaCargar.classList.remove(\"is-visible\");\r\n          return;\r\n\r\n        }\r\n\r\n        throw new Error(\r\n          \"WooCommerce ha respondido con el c\u00f3digo \" +\r\n          respuesta.status\r\n        );\r\n\r\n      }\r\n\r\n      const productos = await respuesta.json();\r\n\r\n      if(!Array.isArray(productos)){\r\n        throw new Error(\"La respuesta recibida no es v\u00e1lida.\");\r\n      }\r\n\r\n      if(esPrimeraCarga){\r\n        grid.innerHTML = \"\";\r\n      }\r\n\r\n      if(productos.length === 0){\r\n\r\n        hayMasProductos = false;\r\n        areaCargar.classList.remove(\"is-visible\");\r\n\r\n        if(totalCargados === 0){\r\n\r\n          grid.innerHTML = \"\";\r\n\r\n          mostrarEstado(\r\n            \"Ahora mismo no hay obras disponibles\",\r\n            \"Puedes contactar con Madaca para consultar nuevas creaciones o solicitar un encargo personalizado.\"\r\n          );\r\n\r\n          informacion.textContent =\r\n            \"No hay obras publicadas actualmente\";\r\n\r\n        }\r\n\r\n        return;\r\n\r\n      }\r\n\r\n      const productosValidos = productos.filter(function(producto){\r\n        return producto && producto.is_in_stock !== false;\r\n      });\r\n\r\n      grid.insertAdjacentHTML(\r\n        \"beforeend\",\r\n        productosValidos.map(crearTarjetaProducto).join(\"\")\r\n      );\r\n\r\n      totalCargados += productosValidos.length;\r\n      paginaActual += 1;\r\n\r\n      informacion.textContent =\r\n        totalCargados === 1\r\n          ? \"1 obra disponible\"\r\n          : totalCargados + \" obras mostradas\";\r\n\r\n      hayMasProductos =\r\n        productos.length === LMA_CONFIG.productosPorPagina;\r\n\r\n      if(hayMasProductos){\r\n        areaCargar.classList.add(\"is-visible\");\r\n      }else{\r\n        areaCargar.classList.remove(\"is-visible\");\r\n      }\r\n\r\n    }catch(error){\r\n\r\n      console.error(\r\n        \"La Mirada del \u00c1ngel \u2014 Error de cat\u00e1logo:\",\r\n        error\r\n      );\r\n\r\n      if(esPrimeraCarga){\r\n        grid.innerHTML = \"\";\r\n      }\r\n\r\n      mostrarEstado(\r\n        \"No se han podido cargar las obras\",\r\n        \"Comprueba que WooCommerce est\u00e9 activo y que exista al menos un producto publicado, visible y con existencias.\"\r\n      );\r\n\r\n      informacion.textContent =\r\n        \"No se ha podido conectar con el cat\u00e1logo\";\r\n\r\n      areaCargar.classList.remove(\"is-visible\");\r\n\r\n    }finally{\r\n\r\n      cargando = false;\r\n      botonCargar.disabled = false;\r\n      botonCargar.innerHTML =\r\n        \"Mostrar m\u00e1s obras <span>\u2193<\/span>\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     CREAR TARJETA\r\n     =================================================== *\/\r\n\r\n  function crearTarjetaProducto(producto){\r\n\r\n    const nombre = escaparHTML(\r\n      producto.name || \"Obra original\"\r\n    );\r\n\r\n    const enlace = URLSegura(\r\n      producto.permalink || \"#\"\r\n    );\r\n\r\n    const imagenObjeto =\r\n      Array.isArray(producto.images) &&\r\n      producto.images.length\r\n        ? producto.images[0]\r\n        : null;\r\n\r\n    const imagen = imagenObjeto && imagenObjeto.src\r\n      ? URLSegura(imagenObjeto.src)\r\n      : \"\";\r\n\r\n    const imagenAlt = escaparAtributo(\r\n      imagenObjeto && imagenObjeto.alt\r\n        ? imagenObjeto.alt\r\n        : nombre\r\n    );\r\n\r\n    const categoria =\r\n      Array.isArray(producto.categories) &&\r\n      producto.categories.length &&\r\n      producto.categories[0].name\r\n        ? escaparHTML(producto.categories[0].name)\r\n        : \"Obra original\";\r\n\r\n    const descripcionTexto = limpiarHTML(\r\n      producto.short_description ||\r\n      producto.summary ||\r\n      producto.description ||\r\n      \"\"\r\n    );\r\n\r\n    const descripcion = escaparHTML(\r\n      recortarTexto(\r\n        descripcionTexto ||\r\n        \"Obra original creada por Inma \u201cMadaca\u201d.\",\r\n        115\r\n      )\r\n    );\r\n\r\n    const precios = obtenerPrecios(producto.prices);\r\n    const estaEnOferta = Boolean(producto.on_sale);\r\n\r\n    const textoConsulta =\r\n      \"Hola Inma, estoy viendo la obra \u201c\" +\r\n      limpiarTextoPlano(producto.name || \"Obra original\") +\r\n      \"\u201d en La Mirada del \u00c1ngel y me gustar\u00eda consultarte m\u00e1s informaci\u00f3n.\";\r\n\r\n    const whatsapp =\r\n      \"https:\/\/wa.me\/\" +\r\n      LMA_CONFIG.telefonoWhatsApp +\r\n      \"?text=\" +\r\n      encodeURIComponent(textoConsulta);\r\n\r\n    const imagenHTML = imagen\r\n      ? `\r\n        <img decoding=\"async\"\r\n          src=\"${imagen}\"\r\n          alt=\"${imagenAlt}\"\r\n          loading=\"lazy\"\r\n        >\r\n      `\r\n      : `\r\n        <span class=\"lmat-product-placeholder\">\r\n          La Mirada del \u00c1ngel\r\n        <\/span>\r\n      `;\r\n\r\n    const ofertaHTML = estaEnOferta\r\n      ? `<span class=\"lmat-product-sale\">Oferta<\/span>`\r\n      : \"\";\r\n\r\n    const precioAnteriorHTML =\r\n      estaEnOferta &&\r\n      precios.precioRegular &&\r\n      precios.precioRegular !== precios.precioActual\r\n        ? `\r\n          <span class=\"lmat-product-old-price\">\r\n            ${precios.precioRegular}\r\n          <\/span>\r\n        `\r\n        : \"\";\r\n\r\n    return `\r\n      <article class=\"lmat-product-card\">\r\n\r\n        <a\r\n          class=\"lmat-product-image\"\r\n          href=\"${enlace}\"\r\n          aria-label=\"Ver ${nombre}\"\r\n        >\r\n          <span class=\"lmat-product-status\">\r\n            Disponible\r\n          <\/span>\r\n\r\n          ${ofertaHTML}\r\n          ${imagenHTML}\r\n        <\/a>\r\n\r\n        <div class=\"lmat-product-content\">\r\n\r\n          <span class=\"lmat-product-category\">\r\n            ${categoria}\r\n          <\/span>\r\n\r\n          <h3 class=\"lmat-product-title\">\r\n            <a href=\"${enlace}\">\r\n              ${nombre}\r\n            <\/a>\r\n          <\/h3>\r\n\r\n          <p class=\"lmat-product-description\">\r\n            ${descripcion}\r\n          <\/p>\r\n\r\n          <div class=\"lmat-product-price-line\">\r\n            ${precioAnteriorHTML}\r\n\r\n            <span class=\"lmat-product-price\">\r\n              ${precios.precioActual}\r\n            <\/span>\r\n          <\/div>\r\n\r\n          <div class=\"lmat-product-actions\">\r\n\r\n            <a\r\n              class=\"lmat-product-button\"\r\n              href=\"${enlace}\"\r\n            >\r\n              Ver obra y comprar\r\n              <span>\u2192<\/span>\r\n            <\/a>\r\n\r\n            <a\r\n              class=\"lmat-product-question\"\r\n              href=\"${whatsapp}\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Consultar esta obra\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n    `;\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     PRECIOS\r\n     =================================================== *\/\r\n\r\n  function obtenerPrecios(precios){\r\n\r\n    if(\r\n      !precios ||\r\n      precios.price === undefined ||\r\n      precios.price === null\r\n    ){\r\n      return {\r\n        precioActual:\"Consultar\",\r\n        precioRegular:\"\"\r\n      };\r\n    }\r\n\r\n    const decimales =\r\n      Number.isFinite(Number(precios.currency_minor_unit))\r\n        ? Number(precios.currency_minor_unit)\r\n        : 2;\r\n\r\n    const divisor = Math.pow(10,decimales);\r\n\r\n    const valorActual =\r\n      Number(precios.price) \/ divisor;\r\n\r\n    const valorRegular =\r\n      precios.regular_price !== undefined\r\n        ? Number(precios.regular_price) \/ divisor\r\n        : valorActual;\r\n\r\n    const moneda =\r\n      precios.currency_code || \"EUR\";\r\n\r\n    return {\r\n      precioActual: formatearPrecio(\r\n        valorActual,\r\n        moneda,\r\n        decimales\r\n      ),\r\n      precioRegular: formatearPrecio(\r\n        valorRegular,\r\n        moneda,\r\n        decimales\r\n      )\r\n    };\r\n\r\n  }\r\n\r\n  function formatearPrecio(valor,moneda,decimales){\r\n\r\n    if(!Number.isFinite(valor)){\r\n      return \"Consultar\";\r\n    }\r\n\r\n    try{\r\n\r\n      return new Intl.NumberFormat(\"es-ES\",{\r\n        style:\"currency\",\r\n        currency:moneda,\r\n        minimumFractionDigits:decimales,\r\n        maximumFractionDigits:decimales\r\n      }).format(valor);\r\n\r\n    }catch(error){\r\n\r\n      return valor.toFixed(decimales) + \" \u20ac\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     REINICIAR\r\n     =================================================== *\/\r\n\r\n  function reiniciarCatalogo(){\r\n\r\n    paginaActual = 1;\r\n    totalCargados = 0;\r\n    hayMasProductos = true;\r\n    cargando = false;\r\n\r\n    areaCargar.classList.remove(\"is-visible\");\r\n    ocultarEstado();\r\n\r\n    grid.innerHTML = crearSkeletons(4);\r\n\r\n    cargarProductos(true);\r\n\r\n  }\r\n\r\n  function crearSkeletons(cantidad){\r\n\r\n    let contenido = \"\";\r\n\r\n    for(let indice = 0; indice < cantidad; indice += 1){\r\n\r\n      contenido += `\r\n        <article class=\"lmat-product-card lmat-skeleton\">\r\n          <div class=\"lmat-skeleton-image\"><\/div>\r\n\r\n          <div class=\"lmat-skeleton-body\">\r\n            <div class=\"lmat-skeleton-line\"><\/div>\r\n            <div class=\"lmat-skeleton-line\"><\/div>\r\n            <div class=\"lmat-skeleton-line\"><\/div>\r\n            <div class=\"lmat-skeleton-line\"><\/div>\r\n          <\/div>\r\n        <\/article>\r\n      `;\r\n\r\n    }\r\n\r\n    return contenido;\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     ESTADOS\r\n     =================================================== *\/\r\n\r\n  function mostrarEstado(titulo,mensaje){\r\n\r\n    estado.innerHTML = `\r\n      <strong>${escaparHTML(titulo)}<\/strong>\r\n      ${escaparHTML(mensaje)}\r\n    `;\r\n\r\n    estado.classList.add(\"is-visible\");\r\n\r\n  }\r\n\r\n  function ocultarEstado(){\r\n\r\n    estado.innerHTML = \"\";\r\n    estado.classList.remove(\"is-visible\");\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     UTILIDADES\r\n     =================================================== *\/\r\n\r\n  function limpiarHTML(texto){\r\n\r\n    const elemento = document.createElement(\"div\");\r\n    elemento.innerHTML = String(texto || \"\");\r\n\r\n    return (\r\n      elemento.textContent ||\r\n      elemento.innerText ||\r\n      \"\"\r\n    ).trim();\r\n\r\n  }\r\n\r\n  function limpiarTextoPlano(texto){\r\n\r\n    return String(texto || \"\")\r\n      .replace(\/[\\r\\n]+\/g,\" \")\r\n      .trim();\r\n\r\n  }\r\n\r\n  function recortarTexto(texto,longitud){\r\n\r\n    if(!texto || texto.length <= longitud){\r\n      return texto;\r\n    }\r\n\r\n    return texto\r\n      .slice(0,longitud)\r\n      .trim() + \"\u2026\";\r\n\r\n  }\r\n\r\n  function escaparHTML(valor){\r\n\r\n    return String(valor || \"\")\r\n      .replace(\/&\/g,\"&amp;\")\r\n      .replace(\/<\/g,\"&lt;\")\r\n      .replace(\/>\/g,\"&gt;\")\r\n      .replace(\/\"\/g,\"&quot;\")\r\n      .replace(\/'\/g,\"&#039;\");\r\n\r\n  }\r\n\r\n  function escaparAtributo(valor){\r\n    return escaparHTML(valor);\r\n  }\r\n\r\n  function URLSegura(valor){\r\n\r\n    try{\r\n\r\n      const url = new URL(\r\n        String(valor || \"\"),\r\n        window.location.origin\r\n      );\r\n\r\n      if(\r\n        url.protocol !== \"http:\" &&\r\n        url.protocol !== \"https:\"\r\n      ){\r\n        return \"#\";\r\n      }\r\n\r\n      return escaparAtributo(url.href);\r\n\r\n    }catch(error){\r\n\r\n      return \"#\";\r\n\r\n    }\r\n\r\n  }\r\n\r\n  \/* ===================================================\r\n     EJECUCI\u00d3N\r\n     =================================================== *\/\r\n\r\n  if(document.readyState === \"loading\"){\r\n\r\n    document.addEventListener(\r\n      \"DOMContentLoaded\",\r\n      iniciarTienda\r\n    );\r\n\r\n  }else{\r\n\r\n    iniciarTienda();\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Obras disponibles Arte original para encontrar su nuevo hogar Descubre las pinturas de Inma \u201cMadaca\u201d disponibles actualmente. Cada obra es una pieza \u00fanica, creada desde Asturias con sensibilidad, color y una historia propia. Explorar las obras \u2193 Consultar por WhatsApp \u2713 Cada pintura es irrepetible. Cuando una obra deja de estar disponible, se retira autom\u00e1ticamente &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/lamiradadelangel.es\/index.php\/obras\/\" class=\"more-link\">Leer m\u00e1s<span class=\"screen-reader-text\"> \u00abOBRAS\u00bb<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inspiro_hide_title":false,"inspiro_hide_featured_image":false,"footnotes":""},"class_list":["post-92","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>OBRAS - La Mirada Del Angel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lamiradadelangel.es\/index.php\/obras\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OBRAS - La Mirada Del Angel\" \/>\n<meta property=\"og:description\" content=\"Obras disponibles Arte original para encontrar su nuevo hogar Descubre las pinturas de Inma \u201cMadaca\u201d disponibles actualmente. Cada obra es una pieza \u00fanica, creada desde Asturias con sensibilidad, color y una historia propia. Explorar las obras \u2193 Consultar por WhatsApp \u2713 Cada pintura es irrepetible. Cuando una obra deja de estar disponible, se retira autom\u00e1ticamente &hellip; Leer m\u00e1s \u00abOBRAS\u00bb\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lamiradadelangel.es\/index.php\/obras\/\" \/>\n<meta property=\"og:site_name\" content=\"La Mirada Del Angel\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T10:38:49+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/index.php\\\/obras\\\/\",\"url\":\"https:\\\/\\\/lamiradadelangel.es\\\/index.php\\\/obras\\\/\",\"name\":\"OBRAS - La Mirada Del Angel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#website\"},\"datePublished\":\"2026-07-28T10:25:43+00:00\",\"dateModified\":\"2026-07-28T10:38:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/index.php\\\/obras\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/lamiradadelangel.es\\\/index.php\\\/obras\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/index.php\\\/obras\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/lamiradadelangel.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"OBRAS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#website\",\"url\":\"https:\\\/\\\/lamiradadelangel.es\\\/\",\"name\":\"La Mirada Del Angel\",\"description\":\"La Mirada del \u00c1ngel es el espacio art\u00edstico de Inma \u201cMadaca\u201d, donde la pintura, la sensibilidad y la inspiraci\u00f3n de Asturias se transforman en obras \u00fanicas llenas de color y emoci\u00f3n.\",\"publisher\":{\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/lamiradadelangel.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#organization\",\"name\":\"La Mirada Del Angel\",\"url\":\"https:\\\/\\\/lamiradadelangel.es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/lamiradadelangel.es\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/lamiradadelangel.es\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/logo.png\",\"width\":1536,\"height\":1024,\"caption\":\"La Mirada Del Angel\"},\"image\":{\"@id\":\"https:\\\/\\\/lamiradadelangel.es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OBRAS - La Mirada Del Angel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/lamiradadelangel.es\/index.php\/obras\/","og_locale":"es_ES","og_type":"article","og_title":"OBRAS - La Mirada Del Angel","og_description":"Obras disponibles Arte original para encontrar su nuevo hogar Descubre las pinturas de Inma \u201cMadaca\u201d disponibles actualmente. Cada obra es una pieza \u00fanica, creada desde Asturias con sensibilidad, color y una historia propia. Explorar las obras \u2193 Consultar por WhatsApp \u2713 Cada pintura es irrepetible. Cuando una obra deja de estar disponible, se retira autom\u00e1ticamente &hellip; Leer m\u00e1s \u00abOBRAS\u00bb","og_url":"https:\/\/lamiradadelangel.es\/index.php\/obras\/","og_site_name":"La Mirada Del Angel","article_modified_time":"2026-07-28T10:38:49+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lamiradadelangel.es\/index.php\/obras\/","url":"https:\/\/lamiradadelangel.es\/index.php\/obras\/","name":"OBRAS - La Mirada Del Angel","isPartOf":{"@id":"https:\/\/lamiradadelangel.es\/#website"},"datePublished":"2026-07-28T10:25:43+00:00","dateModified":"2026-07-28T10:38:49+00:00","breadcrumb":{"@id":"https:\/\/lamiradadelangel.es\/index.php\/obras\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lamiradadelangel.es\/index.php\/obras\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lamiradadelangel.es\/index.php\/obras\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/lamiradadelangel.es\/"},{"@type":"ListItem","position":2,"name":"OBRAS"}]},{"@type":"WebSite","@id":"https:\/\/lamiradadelangel.es\/#website","url":"https:\/\/lamiradadelangel.es\/","name":"La Mirada Del Angel","description":"La Mirada del \u00c1ngel es el espacio art\u00edstico de Inma \u201cMadaca\u201d, donde la pintura, la sensibilidad y la inspiraci\u00f3n de Asturias se transforman en obras \u00fanicas llenas de color y emoci\u00f3n.","publisher":{"@id":"https:\/\/lamiradadelangel.es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lamiradadelangel.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/lamiradadelangel.es\/#organization","name":"La Mirada Del Angel","url":"https:\/\/lamiradadelangel.es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/lamiradadelangel.es\/#\/schema\/logo\/image\/","url":"https:\/\/lamiradadelangel.es\/wp-content\/uploads\/2026\/07\/logo.png","contentUrl":"https:\/\/lamiradadelangel.es\/wp-content\/uploads\/2026\/07\/logo.png","width":1536,"height":1024,"caption":"La Mirada Del Angel"},"image":{"@id":"https:\/\/lamiradadelangel.es\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/pages\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":7,"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/pages\/92\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/lamiradadelangel.es\/index.php\/wp-json\/wp\/v2\/media?parent=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}