{"id":34,"date":"2026-10-26T17:01:26","date_gmt":"2026-10-26T22:01:26","guid":{"rendered":"https:\/\/ritualsano.lat\/?page_id=34"},"modified":"2026-10-26T17:04:49","modified_gmt":"2026-10-26T22:04:49","slug":"elementor-34","status":"publish","type":"page","link":"https:\/\/ritualsano.lat\/?page_id=34","title":{"rendered":"Elementor #34"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n\r\n Ritual Sano | Tu belleza merece un ritual<\/title>\r\n <meta name=\"description\" content=\"Ritual Sano: cuidado personal y belleza. Descubre rutinas de skincare, consejos de belleza y bienestar con un estilo elegante y cercano.\" \/>\r\n\r\n <!-- Open Graph (b\u00e1sico) -->\r\n <meta property=\"og:title\" content=\"Ritual Sano | Tu belleza merece un ritual\" \/>\r\n <meta property=\"og:description\" content=\"Cuidado personal y belleza: rutinas de skincare, consejos y autocuidado con un enfoque cercano y confiable.\" \/>\r\n <meta property=\"og:image\" content=\"https:\/\/ritualsano.lat\/wp-content\/uploads\/2026\/10\/descarga-30-5.jpeg\" \/>\r\n\r\n <style>\r\n :root{\r\n --bg: #FFF0F0;\r\n --card: #FFFFFF;\r\n --text: #000000;\r\n --muted: rgba(0,0,0,.68);\r\n --muted2: rgba(0,0,0,.52);\r\n --border: rgba(0,0,0,.10);\r\n --shadow: 0 18px 40px rgba(0,0,0,.08);\r\n --radius: 16px;\r\n --radius2: 24px;\r\n --accent: #000000;\r\n --accentSoft: rgba(0,0,0,.06);\r\n --focus: rgba(0,0,0,.25);\r\n --max: 1180px;\r\n }\r\n\r\n *{ box-sizing: border-box; }\r\n html{ scroll-behavior:smooth; }\r\n body{\r\n margin:0;\r\n font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n background: var(--bg);\r\n color: var(--text);\r\n line-height: 1.5;\r\n }\r\n\r\n a{ color: inherit; text-decoration: none; }\r\n img{ max-width:100%; display:block; }\r\n\r\n \/* =========================\r\n Layout base\r\n ==========================*\/\r\n .container{\r\n width: min(var(--max), calc(100% - 32px));\r\n margin-inline: auto;\r\n }\r\n\r\n .section{\r\n padding: 64px 0;\r\n }\r\n\r\n .grid{\r\n display:grid;\r\n gap: 20px;\r\n }\r\n\r\n .pill{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n padding: 10px 14px;\r\n background: var(--card);\r\n border: 1px solid var(--border);\r\n border-radius: 999px;\r\n box-shadow: 0 10px 30px rgba(0,0,0,.05);\r\n font-weight: 600;\r\n color: rgba(0,0,0,.75);\r\n }\r\n\r\n .kicker{\r\n font-weight: 800;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n font-size: 12px;\r\n color: rgba(0,0,0,.55);\r\n }\r\n\r\n \/* =========================\r\n Header\r\n ==========================*\/\r\n header{\r\n position: sticky;\r\n top: 0;\r\n z-index: 50;\r\n backdrop-filter: blur(10px);\r\n background: rgba(255,240,240,.78);\r\n border-bottom: 1px solid rgba(0,0,0,.06);\r\n }\r\n\r\n .header-wrap{\r\n display:flex;\r\n align-items:center;\r\n justify-content: space-between;\r\n padding: 14px 0;\r\n gap: 14px;\r\n }\r\n\r\n .brand{\r\n display:flex;\r\n align-items:center;\r\n gap: 12px;\r\n min-width: 210px;\r\n }\r\n\r\n .logo-mark{\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, rgba(0,0,0,.06), rgba(0,0,0,.02));\r\n border: 1px solid rgba(0,0,0,.10);\r\n display:grid;\r\n place-items:center;\r\n font-weight: 900;\r\n }\r\n\r\n .brand h1{\r\n margin:0;\r\n font-size: 16px;\r\n letter-spacing: .2px;\r\n }\r\n .brand span{\r\n display:block;\r\n font-size: 12px;\r\n color: var(--muted2);\r\n font-weight: 600;\r\n margin-top: 2px;\r\n }\r\n\r\n nav{\r\n display:flex;\r\n align-items:center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-links{\r\n display:flex;\r\n align-items:center;\r\n gap: 18px;\r\n }\r\n\r\n .nav-links a{\r\n font-weight: 700;\r\n font-size: 14px;\r\n color: rgba(0,0,0,.70);\r\n padding: 10px 8px;\r\n border-radius: 10px;\r\n transition: background .2s ease, transform .2s ease;\r\n }\r\n .nav-links a:hover{\r\n background: rgba(0,0,0,.05);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .nav-cta{\r\n display:flex;\r\n align-items:center;\r\n gap: 10px;\r\n margin-left: 8px;\r\n }\r\n\r\n .btn{\r\n border: 1px solid rgba(0,0,0,.12);\r\n background: var(--card);\r\n color: var(--accent);\r\n padding: 12px 16px;\r\n border-radius: 14px;\r\n font-weight: 900;\r\n font-size: 14px;\r\n cursor:pointer;\r\n transition: transform .15s ease, box-shadow .15s ease, background .15s ease;\r\n box-shadow: 0 12px 24px rgba(0,0,0,.06);\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n white-space: nowrap;\r\n }\r\n .btn:hover{ transform: translateY(-1px); box-shadow: 0 18px 34px rgba(0,0,0,.10); }\r\n .btn:focus{ outline: 3px solid var(--focus); outline-offset: 2px; }\r\n\r\n .btn-primary{\r\n background: var(--accent);\r\n color: #fff;\r\n border-color: rgba(0,0,0,.0);\r\n box-shadow: 0 18px 34px rgba(0,0,0,.18);\r\n }\r\n .btn-primary:hover{ box-shadow: 0 24px 44px rgba(0,0,0,.22); }\r\n\r\n .btn-ghost{\r\n background: transparent;\r\n border-color: rgba(0,0,0,.16);\r\n box-shadow: none;\r\n }\r\n\r\n .hamburger{\r\n display:none;\r\n width: 44px; height:44px;\r\n border-radius: 14px;\r\n border:1px solid rgba(0,0,0,.12);\r\n background: var(--card);\r\n cursor:pointer;\r\n align-items:center;\r\n justify-content:center;\r\n font-weight:900;\r\n }\r\n\r\n .mobile-drawer{\r\n display:none;\r\n padding: 0 0 16px 0;\r\n }\r\n .mobile-drawer .drawer-inner{\r\n background: var(--card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n padding: 14px;\r\n }\r\n .mobile-drawer a{\r\n display:block;\r\n padding: 12px 12px;\r\n border-radius: 12px;\r\n font-weight: 800;\r\n color: rgba(0,0,0,.74);\r\n }\r\n .mobile-drawer a:hover{ background: rgba(0,0,0,.05); }\r\n\r\n \/* =========================\r\n Hero\r\n ==========================*\/\r\n .hero{\r\n padding: 38px 0 18px;\r\n }\r\n .hero-wrap{\r\n display:grid;\r\n grid-template-columns: 1.1fr .9fr;\r\n gap: 22px;\r\n align-items:center;\r\n }\r\n\r\n .hero-card{\r\n background: rgba(255,255,255,.65);\r\n border: 1px solid rgba(0,0,0,.08);\r\n border-radius: var(--radius2);\r\n padding: 26px;\r\n box-shadow: 0 22px 60px rgba(0,0,0,.08);\r\n }\r\n\r\n .hero h2{\r\n margin: 12px 0 10px;\r\n font-size: clamp(28px, 4vw, 44px);\r\n line-height: 1.07;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .hero p{\r\n margin: 0 0 18px;\r\n color: var(--muted);\r\n font-size: 16px;\r\n max-width: 52ch;\r\n font-weight: 600;\r\n }\r\n\r\n .hero-actions{\r\n display:flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n margin-top: 14px;\r\n }\r\n\r\n .hero-media{\r\n border-radius: var(--radius2);\r\n overflow:hidden;\r\n border: 1px solid rgba(0,0,0,.08);\r\n background: rgba(255,255,255,.4);\r\n box-shadow: 0 22px 60px rgba(0,0,0,.08);\r\n position: relative;\r\n min-height: 360px;\r\n }\r\n .hero-media img{\r\n width:100%;\r\n height:100%;\r\n object-fit: cover;\r\n transform: scale(1.02);\r\n }\r\n .hero-media::after{\r\n content:\"\";\r\n position:absolute;\r\n inset:0;\r\n background: linear-gradient(180deg, rgba(255,240,240,.0) 0%, rgba(255,240,240,.85) 100%);\r\n pointer-events:none;\r\n }\r\n\r\n .trust-row{\r\n margin-top: 18px;\r\n display:flex;\r\n gap: 12px;\r\n flex-wrap: wrap;\r\n }\r\n .trust-item{\r\n background: rgba(255,255,255,.78);\r\n border: 1px solid rgba(0,0,0,.08);\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 800;\r\n color: rgba(0,0,0,.70);\r\n font-size: 13px;\r\n display:flex;\r\n align-items:center;\r\n gap: 10px;\r\n }\r\n\r\n \/* =========================\r\n Cards \/ Titles\r\n ==========================*\/\r\n .section-title{\r\n display:flex;\r\n align-items:flex-end;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin-bottom: 18px;\r\n }\r\n .section-title h3{\r\n margin:0;\r\n font-size: clamp(20px, 2.2vw, 28px);\r\n letter-spacing: -0.01em;\r\n }\r\n .section-title p{\r\n margin:0;\r\n color: var(--muted);\r\n font-weight: 650;\r\n max-width: 58ch;\r\n }\r\n\r\n .card{\r\n background: var(--card);\r\n border: 1px solid var(--border);\r\n border-radius: var(--radius);\r\n padding: 18px;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.06);\r\n }\r\n\r\n .category{\r\n display:flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: 16px;\r\n border-radius: var(--radius2);\r\n border: 1px solid rgba(0,0,0,.08);\r\n background: rgba(255,255,255,.72);\r\n box-shadow: 0 22px 60px rgba(0,0,0,.06);\r\n transition: transform .15s ease, box-shadow .15s ease;\r\n min-height: 170px;\r\n }\r\n .category:hover{\r\n transform: translateY(-2px);\r\n box-shadow: 0 26px 70px rgba(0,0,0,.10);\r\n }\r\n .category .icon{\r\n width: 46px; height: 46px;\r\n border-radius: 16px;\r\n border: 1px solid rgba(0,0,0,.10);\r\n background: rgba(0,0,0,.04);\r\n display:grid;\r\n place-items:center;\r\n font-size: 20px;\r\n }\r\n .category h4{\r\n margin:0;\r\n font-size: 16px;\r\n }\r\n .category p{\r\n margin:0;\r\n color: var(--muted);\r\n font-weight: 650;\r\n font-size: 14px;\r\n }\r\n .category .link{\r\n margin-top:auto;\r\n display:inline-flex;\r\n align-items:center;\r\n gap: 10px;\r\n font-weight: 900;\r\n font-size: 14px;\r\n }\r\n\r\n .two-col{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* =========================\r\n Contact \/ FAQ \/ Footer\r\n ==========================*\/\r\n .faq details{\r\n background: rgba(255,255,255,.75);\r\n border: 1px solid rgba(0,0,0,.08);\r\n border-radius: 16px;\r\n padding: 14px 14px;\r\n margin-bottom: 12px;\r\n box-shadow: 0 18px 40px rgba(0,0,0,.05);\r\n }\r\n .faq summary{\r\n font-weight: 900;\r\n cursor:pointer;\r\n }\r\n .faq p{\r\n margin: 10px 0 0;\r\n color: var(--muted);\r\n font-weight: 650;\r\n }\r\n\r\n .contact-grid{\r\n display:grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 18px;\r\n align-items: start;\r\n }\r\n\r\n label{\r\n display:block;\r\n font-weight: 900;\r\n font-size: 13px;\r\n margin-bottom: 8px;\r\n color: rgba(0,0,0,.78);\r\n }\r\n input, textarea{\r\n width:100%;\r\n padding: 12px 12px;\r\n border-radius: 14px;\r\n border: 1px solid rgba(0,0,0,.14);\r\n background: rgba(255,255,255,.9);\r\n color: var(--text);\r\n outline: none;\r\n font-weight: 650;\r\n font-size: 14px;\r\n }\r\n textarea{ min-height: 120px; resize: vertical; }\r\n input:focus, textarea:focus{ box-shadow: 0 0 0 4px rgba(0,0,0,.12); border-color: rgba(0,0,0,.24); }\r\n\r\n .muted-note{\r\n color: var(--muted);\r\n font-weight: 650;\r\n font-size: 14px;\r\n margin-top: 10px;\r\n }\r\n\r\n footer{\r\n padding: 34px 0 50px;\r\n border-top: 1px solid rgba(0,0,0,.08);\r\n background: rgba(255,240,240,.35);\r\n }\r\n\r\n .footer-wrap{\r\n display:flex;\r\n flex-wrap: wrap;\r\n gap: 18px;\r\n justify-content: space-between;\r\n align-items:flex-start;\r\n }\r\n\r\n .footer-col{\r\n min-width: 240px;\r\n flex: 1;\r\n }\r\n .footer-col h4{\r\n margin:0 0 10px;\r\n font-size: 14px;\r\n font-weight: 1000;\r\n letter-spacing: .06em;\r\n text-transform: uppercase;\r\n color: rgba(0,0,0,.72);\r\n }\r\n .footer-col a{\r\n display:inline-flex;\r\n margin: 6px 0;\r\n color: rgba(0,0,0,.70);\r\n font-weight: 700;\r\n }\r\n\r\n \/* =========================\r\n WhatsApp flotante\r\n ==========================*\/\r\n .wa-float{\r\n position: fixed;\r\n right: 18px;\r\n bottom: 18px;\r\n z-index: 100;\r\n display:flex;\r\n align-items:center;\r\n gap: 10px;\r\n padding: 12px 14px;\r\n border-radius: 999px;\r\n background: rgba(0,0,0,.88);\r\n color: #fff;\r\n border: 1px solid rgba(255,255,255,.12);\r\n box-shadow: 0 22px 60px rgba(0,0,0,.26);\r\n cursor:pointer;\r\n transition: transform .15s ease;\r\n font-weight: 1000;\r\n }\r\n .wa-float:hover{ transform: translateY(-2px); }\r\n .wa-float .dot{\r\n width: 10px; height:10px;\r\n border-radius:999px;\r\n background:#39d98a;\r\n box-shadow: 0 0 0 6px rgba(57,217,138,.15);\r\n }\r\n\r\n \/* =========================\r\n Responsive\r\n ==========================*\/\r\n @media (max-width: 980px){\r\n .hero-wrap{ grid-template-columns: 1fr; }\r\n .hero-media{ min-height: 320px; }\r\n .two-col{ grid-template-columns: 1fr; }\r\n .contact-grid{ grid-template-columns: 1fr; }\r\n .section{ padding: 52px 0; }\r\n }\r\n @media (max-width: 820px){\r\n .nav-links, .nav-cta{ display:none; }\r\n .hamburger{ display:flex; }\r\n .mobile-drawer{ display:block; }\r\n header .container{ width: calc(100% - 24px); }\r\n .container{ width: calc(100% - 24px); }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <!-- =========================\r\n HEADER\r\n ========================== -->\r\n <header>\r\n <div class=\"container header-wrap\">\r\n <a class=\"brand\" href=\"#inicio\" aria-label=\"Ir al inicio\">\r\n <div class=\"logo-mark\" aria-hidden=\"true\">RS<\/div>\r\n <div>\r\n <h1>Ritual Sano<\/h1>\r\n <span>Skincare \u2022 belleza \u2022 bienestar<\/span>\r\n <\/div>\r\n <\/a>\r\n\r\n <nav aria-label=\"Navegaci\u00f3n principal\">\r\n <div class=\"nav-links\" role=\"navigation\">\r\n <a href=\"#inicio\">Inicio<\/a>\r\n <a href=\"#rutinas\">Rutinas de skincare<\/a>\r\n <a href=\"#consejos\">Consejos de belleza<\/a>\r\n <a href=\"#bienestar\">Bienestar<\/a>\r\n <a href=\"#sobre\">Sobre Ritual Sano<\/a>\r\n <a href=\"#contacto\">Contacto<\/a>\r\n <\/div>\r\n\r\n <div class=\"nav-cta\">\r\n <a class=\"btn btn-ghost\" href=\"#contacto\" title=\"Contactar con Ritual Sano\">\r\n \ud83d\udcac Contactar\r\n <\/a>\r\n <a class=\"btn btn-primary\" href=\"#productos\" title=\"Ir a productos (pendiente de implementaci\u00f3n)\">\r\n \u2728 Productos\r\n <\/a>\r\n <\/div>\r\n\r\n <button class=\"hamburger\" id=\"btnMenu\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\r\n \u2630\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <div class=\"container mobile-drawer\" id=\"mobileDrawer\" aria-hidden=\"true\">\r\n <div class=\"drawer-inner\">\r\n <a href=\"#inicio\" class=\"drawer-link\">Inicio<\/a>\r\n <a href=\"#rutinas\" class=\"drawer-link\">Rutinas de skincare<\/a>\r\n <a href=\"#consejos\" class=\"drawer-link\">Consejos de belleza<\/a>\r\n <a href=\"#bienestar\" class=\"drawer-link\">Bienestar<\/a>\r\n <a href=\"#sobre\" class=\"drawer-link\">Sobre Ritual Sano<\/a>\r\n <a href=\"#contacto\" class=\"drawer-link\">Contacto<\/a>\r\n <div style=\"height:10px\"><\/div>\r\n <a href=\"#productos\" class=\"btn btn-primary\" style=\"width:100%; justify-content:center;\">\r\n \u2728 Productos (pendiente)\r\n <\/a>\r\n <p class=\"muted-note\" style=\"margin:10px 0 0;\">\r\n Nota: ajusta estos enlaces por las p\u00e1ginas reales de tu sitio.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <!-- =========================\r\n HERO \/ INICIO\r\n ========================== -->\r\n <main id=\"inicio\" class=\"hero\">\r\n <div class=\"container\">\r\n <div class=\"hero-wrap\">\r\n <div class=\"hero-card\">\r\n <div class=\"kicker\">Ritual diario \u2022 belleza aut\u00e9ntica<\/div>\r\n\r\n <h2>Tu belleza merece un ritual.<\/h2>\r\n <p>\r\n Cuidado personal y belleza. Descubre productos y acompa\u00f1amiento para cuidar tu piel,\r\n resaltar tu esencia y convertir cada d\u00eda en un momento especial para ti.\r\n <\/p>\r\n\r\n <div class=\"hero-actions\">\r\n <!-- \u2705 Enlace a una secci\u00f3n\/p\u00e1gina real; si no existe, cambia el href -->\r\n <a class=\"btn btn-primary\" href=\"#productos\">\r\n DESCUBRE NUESTROS PRODUCTOS <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <a class=\"btn\" href=\"#rutinas\">\r\n Conoce tu rutina <span aria-hidden=\"true\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"trust-row\" aria-label=\"Beneficios principales\">\r\n <div class=\"trust-item\">\ud83d\ude9a Env\u00edos a Colombia<\/div>\r\n <div class=\"trust-item\">\ud83d\udd12 Pagos seguros (pendiente seg\u00fan tu pasarela)<\/div>\r\n <div class=\"trust-item\">\ud83d\udcac Atenci\u00f3n por WhatsApp<\/div>\r\n <div class=\"trust-item\">\ud83e\udef6 Cambios y devoluciones (pendiente)<\/div>\r\n <\/div>\r\n\r\n <p class=\"muted-note\" style=\"margin-top:14px;\">\r\n *Secciones informativas. Ajusta pol\u00edticas\/beneficios con tus textos reales para evitar promesas no confirmadas.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"hero-media\" aria-label=\"Imagen principal de Ritual Sano\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/ritualsano.lat\/wp-content\/uploads\/2026\/10\/descarga-30-5.jpeg\"\r\n alt=\"Imagen de belleza y skincare para Ritual Sano\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- =========================\r\n CATEGOR\u00cdAS DESTACADAS (compacto, tipo ecommerce)\r\n ========================== -->\r\n <section class=\"section\" aria-labelledby=\"cat-title\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h3 id=\"cat-title\">Explora por lo que necesitas hoy<\/h3>\r\n <p>\r\n Encuentra tu categor\u00eda ideal y d\u00e9jate guiar con un enfoque cercano, claro y confiable.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\" style=\"grid-template-columns: repeat(3, 1fr);\">\r\n <div class=\"category\">\r\n <div class=\"icon\" aria-hidden=\"true\">\ud83d\udc84<\/div>\r\n <h4>Maquillaje<\/h4>\r\n <p>Looks suaves, tendencia y productos pensados para tu piel.<\/p>\r\n <a class=\"link\" href=\"#productos\" aria-label=\"Ver productos de maquillaje\">\r\n Ver productos <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"category\">\r\n <div class=\"icon\" aria-hidden=\"true\">\ud83e\uddf4<\/div>\r\n <h4>Skincare<\/h4>\r\n <p>Rutinas y cuidado diario para una piel con m\u00e1s equilibrio.<\/p>\r\n <a class=\"link\" href=\"#rutinas\" aria-label=\"Conoce rutinas de skincare\">\r\n Conoce tu rutina <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"category\">\r\n <div class=\"icon\" aria-hidden=\"true\">\u2728<\/div>\r\n <h4>Cuidado personal<\/h4>\r\n <p>Autocuidado y bienestar en peque\u00f1os h\u00e1bitos que suman.<\/p>\r\n <a class=\"link\" href=\"#bienestar\" aria-label=\"Ir a secci\u00f3n de bienestar\">\r\n Ver ideas <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- =========================\r\n RUTINAS DE SKINCARE\r\n ========================== -->\r\n <section id=\"rutinas\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"two-col\">\r\n <div class=\"card\">\r\n <div class=\"kicker\">Rutinas de skincare<\/div>\r\n <h3 style=\"margin:10px 0 10px; font-size:28px;\">Organiza tu ritual con pasos claros<\/h3>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Aprende c\u00f3mo estructurar una rutina de cuidado facial: qu\u00e9 pasos incluir,\r\n c\u00f3mo mantener consistencia y c\u00f3mo elegir seg\u00fan tu piel (sin complicarte).\r\n <\/p>\r\n\r\n <div class=\"hero-actions\" style=\"margin-top:18px;\">\r\n <a class=\"btn btn-primary\" href=\"#contacto\">\r\n Conoce tu rutina <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <a class=\"btn\" href=\"#consejos\">\r\n Ver consejos <span aria-hidden=\"true\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <p class=\"muted-note\">\r\n *Pendiente: puedes enlazar esta secci\u00f3n a una p\u00e1gina real dentro de WordPress\/Elementor.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"padding:0; overflow:hidden;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/ritualsano.lat\/wp-content\/uploads\/2026\/10\/descarga-30-5.jpeg\"\r\n alt=\"Rutina de skincare con enfoque en cuidado personal\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n CONSEJOS DE BELLEZA\r\n ========================== -->\r\n <section id=\"consejos\" class=\"section\" style=\"padding-top:0;\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h3>Consejos de belleza<\/h3>\r\n <p>Art\u00edculos y recomendaciones sobre piel, cabello y apariencia personal con un enfoque amable.<\/p>\r\n <\/div>\r\n\r\n <div class=\"grid\" style=\"grid-template-columns: repeat(3, 1fr);\">\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px; font-size:16px;\">Piel equilibrada<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Aprende rutinas para mantener tu piel con sensaci\u00f3n de calma y cuidado diario.\r\n <\/p>\r\n <a class=\"link\" href=\"#contacto\" style=\"margin-top:12px; display:inline-flex; font-weight:900;\">\r\n Descubre m\u00e1s <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px; font-size:16px;\">Cabello con vida<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Tips para ordenar h\u00e1bitos: hidrataci\u00f3n, limpieza y protecci\u00f3n con constancia.\r\n <\/p>\r\n <a class=\"link\" href=\"#contacto\" style=\"margin-top:12px; display:inline-flex; font-weight:900;\">\r\n Descubre m\u00e1s <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px; font-size:16px;\">Rutinas que se sienten bien<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Peque\u00f1os pasos para que el cuidado personal sea parte de tu d\u00eda a d\u00eda.\r\n <\/p>\r\n <a class=\"link\" href=\"#contacto\" style=\"margin-top:12px; display:inline-flex; font-weight:900;\">\r\n Descubre m\u00e1s <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n BIENESTAR\r\n ========================== -->\r\n <section id=\"bienestar\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"two-col\">\r\n <div class=\"card\">\r\n <div class=\"kicker\">Bienestar y autocuidado<\/div>\r\n <h3 style=\"margin:10px 0 10px; font-size:28px;\">Cuidarte tambi\u00e9n es bienestar<\/h3>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Ideas sencillas para convertir tu rutina en un h\u00e1bito: respiraci\u00f3n, constancia y momentos\r\n donde te pones en primer lugar.\r\n <\/p>\r\n\r\n <div style=\"margin-top:16px;\">\r\n <div class=\"pill\">\ud83e\udee7 Micro-rituales (5-10 min)<\/div>\r\n <div class=\"pill\" style=\"margin-top:10px;\">\ud83c\udf38 Bienestar diario y amable<\/div>\r\n <div class=\"pill\" style=\"margin-top:10px;\">\ud83d\udcac Acompa\u00f1amiento por WhatsApp<\/div>\r\n <\/div>\r\n\r\n <div class=\"hero-actions\" style=\"margin-top:18px;\">\r\n <a class=\"btn btn-primary\" href=\"#contacto\">\r\n Hablemos por WhatsApp <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <a class=\"btn\" href=\"#sobre\">\r\n Sobre Ritual Sano <span aria-hidden=\"true\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\" style=\"padding:0; overflow:hidden;\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/ritualsano.lat\/wp-content\/uploads\/2026\/10\/descarga-30-5.jpeg\"\r\n alt=\"Autocuidado y bienestar con estilo minimalista\"\r\n loading=\"lazy\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n SOBRE\r\n ========================== -->\r\n <section id=\"sobre\" class=\"section\" style=\"padding-top:0;\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h3>Sobre Ritual Sano<\/h3>\r\n <p>Una marca enfocada en confianza, cercan\u00eda y bienestar para ayudarte a cuidar tu piel y belleza.<\/p>\r\n <\/div>\r\n\r\n <div class=\"two-col\">\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px;\">Nuestra intenci\u00f3n<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Ritual Sano comparte informaci\u00f3n \u00fatil sobre rutinas de skincare, consejos de belleza y h\u00e1bitos\r\n de autocuidado, para que te sientas acompa\u00f1ada y cuides tu piel con seguridad.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px;\">C\u00f3mo te apoyamos<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Te guiamos con un enfoque cercano: recomendaciones, claridad en tus preguntas y sugerencias\r\n para elegir con m\u00e1s seguridad.\r\n <\/p>\r\n <div class=\"muted-note\" style=\"margin-top:14px;\">\r\n *Pendiente: agrega aqu\u00ed tu misi\u00f3n\/visi\u00f3n real si las tienes definidas.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n PRODUCTOS (placeholder para ecommerce)\r\n ========================== -->\r\n <section id=\"productos\" class=\"section\" style=\"padding-top:0;\">\r\n <div class=\"container\">\r\n <div class=\"card\">\r\n <div class=\"kicker\">Tienda<\/div>\r\n <h3 style=\"margin:10px 0 10px; font-size:28px;\">\u00bfList@ para descubrir tus productos?<\/h3>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n En este HTML no se incluyen productos ni carrito (para no inventar datos).\r\n Con\u00e9ctalo a tu tienda en WordPress\/Elementor cuando tengas la p\u00e1gina \u201cTienda\u201d lista.\r\n <\/p>\r\n <div class=\"hero-actions\" style=\"margin-top:16px;\">\r\n <a class=\"btn btn-primary\" href=\"#contacto\">\r\n Quiero recomendaciones <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/a>\r\n <a class=\"btn\" href=\"#contacto\">\r\n Consultar stock por WhatsApp <span aria-hidden=\"true\">\u2197<\/span>\r\n <\/a>\r\n <\/div>\r\n <p class=\"muted-note\">\r\n \u2705 Reemplaza los href por tu URL real: por ejemplo <b>\/tienda<\/b> o <b>\/productos<\/b>.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n CONTACTO + FAQ\r\n ========================== -->\r\n <section id=\"contacto\" class=\"section\">\r\n <div class=\"container\">\r\n <div class=\"section-title\">\r\n <h3>Contacto y preguntas frecuentes<\/h3>\r\n <p>D\u00e9janos tu mensaje. Tambi\u00e9n puedes escribirnos por WhatsApp si prefieres una respuesta r\u00e1pida.<\/p>\r\n <\/div>\r\n\r\n <div class=\"contact-grid\">\r\n <div class=\"card\">\r\n <h4 style=\"margin:0 0 10px;\">Escr\u00edbenos<\/h4>\r\n\r\n <form id=\"contactForm\" autocomplete=\"on\">\r\n <div style=\"margin-bottom: 12px;\">\r\n <label for=\"nombre\">Nombre<\/label>\r\n <input id=\"nombre\" name=\"nombre\" type=\"text\" placeholder=\"Tu nombre\" required \/>\r\n <\/div>\r\n\r\n <div style=\"margin-bottom: 12px;\">\r\n <label for=\"email\">Email<\/label>\r\n <input id=\"email\" name=\"email\" type=\"email\" placeholder=\"tuemail@correo.com\" required \/>\r\n <\/div>\r\n\r\n <div style=\"margin-bottom: 12px;\">\r\n <label for=\"mensaje\">Mensaje<\/label>\r\n <textarea id=\"mensaje\" name=\"mensaje\" placeholder=\"Cu\u00e9ntanos en qu\u00e9 te gustar\u00eda que te ayudemos...\" required><\/textarea>\r\n <\/div>\r\n\r\n <button class=\"btn btn-primary\" type=\"submit\">\r\n Enviar mensaje <span aria-hidden=\"true\">\u2192<\/span>\r\n <\/button>\r\n\r\n <p class=\"muted-note\" id=\"formNote\" role=\"status\" aria-live=\"polite\">\r\n *Este formulario es simulado (sin backend). Con\u00e9ctalo luego en tu WordPress.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n\r\n <div class=\"faq\" aria-label=\"Preguntas frecuentes\">\r\n <details>\r\n <summary>\u00bfRitual Sano ofrece asesor\u00eda para elegir productos?<\/summary>\r\n <p>S\u00ed. Escr\u00edbenos y te ayudamos con recomendaciones seg\u00fan lo que buscas y tu tipo de cuidado.<\/p>\r\n <\/details>\r\n\r\n <details>\r\n <summary>\u00bfC\u00f3mo puedo resolver dudas de compra?<\/summary>\r\n <p>Por WhatsApp puedes preguntarnos directo. Si lo deseas, tambi\u00e9n puedes escribirnos desde esta p\u00e1gina.<\/p>\r\n <\/details>\r\n\r\n <details>\r\n <summary>\u00bfD\u00f3nde puedo ver los productos?<\/summary>\r\n <p>Puedes conectar esta secci\u00f3n a tu p\u00e1gina real de \u201cTienda\u201d o \u201cProductos\u201d en WordPress cuando est\u00e9 lista.<\/p>\r\n <\/details>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- =========================\r\n FOOTER\r\n ========================== -->\r\n <footer>\r\n <div class=\"container footer-wrap\">\r\n <div class=\"footer-col\">\r\n <h4>Ritual Sano<\/h4>\r\n <p class=\"muted-note\" style=\"margin-top:0;\">\r\n Cuidado personal y belleza con un enfoque cercano, elegante y confiable.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Enlaces<\/h4>\r\n <a href=\"#inicio\">Inicio<\/a><br\/>\r\n <a href=\"#rutinas\">Rutinas de skincare<\/a><br\/>\r\n <a href=\"#consejos\">Consejos de belleza<\/a><br\/>\r\n <a href=\"#bienestar\">Bienestar<\/a><br\/>\r\n <a href=\"#sobre\">Sobre Ritual Sano<\/a><br\/>\r\n <a href=\"#contacto\">Contacto<\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Redes y pol\u00edticas<\/h4>\r\n <a href=\"#\" onclick=\"return false;\">Instagram (pendiente)<\/a><br\/>\r\n <a href=\"#\" onclick=\"return false;\">TikTok (pendiente)<\/a><br\/>\r\n <a href=\"#\" onclick=\"return false;\">Pol\u00edticas de privacidad (pendiente)<\/a><br\/>\r\n <a href=\"#\" onclick=\"return false;\">T\u00e9rminos y condiciones (pendiente)<\/a>\r\n <p class=\"muted-note\" style=\"margin-top:10px;\">\r\n *Completa los enlaces oficiales cuando los tengas confirmados.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- =========================\r\n WhatsApp flotante\r\n ========================== -->\r\n <a\r\n class=\"wa-float\"\r\n id=\"waFloat\"\r\n href=\"https:\/\/wa.me\/573000000000?text=Hola%20Ritual%20Sano%2C%20me%20gustar%C3%ADa%20recibir%20asesor%C3%ADa.\"\r\n target=\"_blank\" rel=\"noopener\"\r\n aria-label=\"Abrir WhatsApp con mensaje prellenado\"\r\n >\r\n <span class=\"dot\" aria-hidden=\"true\"><\/span>\r\n \ud83d\udcac WhatsApp\r\n <\/a>\r\n\r\n <script>\r\n \/\/ =========================\r\n \/\/ Men\u00fa m\u00f3vil\r\n \/\/ =========================\r\n const btnMenu = document.getElementById('btnMenu');\r\n const mobileDrawer = document.getElementById('mobileDrawer');\r\n\r\n function setDrawer(open){\r\n const isOpen = !!open;\r\n mobileDrawer.style.display = isOpen ? 'block' : 'none';\r\n mobileDrawer.setAttribute('aria-hidden', String(!isOpen));\r\n btnMenu.setAttribute('aria-expanded', String(isOpen));\r\n }\r\n\r\n \/\/ Inicial\r\n setDrawer(false);\r\n\r\n btnMenu.addEventListener('click', () => {\r\n const isOpen = btnMenu.getAttribute('aria-expanded') === 'true';\r\n setDrawer(!isOpen);\r\n });\r\n\r\n \/\/ Cerrar al hacer click en un enlace del drawer\r\n document.querySelectorAll('.drawer-link').forEach(a=>{\r\n a.addEventListener('click', ()=> setDrawer(false));\r\n });\r\n\r\n \/\/ =========================\r\n \/\/ Form simulado\r\n \/\/ =========================\r\n const form = document.getElementById('contactForm');\r\n const note = document.getElementById('formNote');\r\n\r\n form.addEventListener('submit', (e)=>{\r\n e.preventDefault();\r\n const nombre = document.getElementById('nombre').value.trim();\r\n note.textContent = `Gracias, ${nombre || 'valiosa persona'} \u2728. Tu mensaje fue enviado de forma simulada. Conecta este formulario a WordPress para que llegue al correo.`;\r\n form.reset();\r\n });\r\n\r\n \/\/ =========================\r\n \/\/ Ajuste opcional WhatsApp\r\n \/\/ =========================\r\n \/\/ Si luego me das tu n\u00famero real en formato internacional (ej: 5730xxxxxxx),\r\n \/\/ te devuelvo el link exacto.\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Ritual Sano | Tu belleza merece un ritual RS Ritual Sano Skincare \u2022 belleza \u2022 bienestar Inicio Rutinas de skincare Consejos de belleza Bienestar Sobre Ritual Sano Contacto \ud83d\udcac Contactar \u2728 Productos \u2630 Inicio Rutinas de skincare Consejos de belleza Bienestar Sobre Ritual Sano Contacto \u2728 Productos (pendiente) Nota: ajusta estos enlaces por las p\u00e1ginas […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-34","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/pages\/34","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ritualsano.lat\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=34"}],"version-history":[{"count":4,"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions"}],"predecessor-version":[{"id":38,"href":"https:\/\/ritualsano.lat\/index.php?rest_route=\/wp\/v2\/pages\/34\/revisions\/38"}],"wp:attachment":[{"href":"https:\/\/ritualsano.lat\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}