{"id":8248,"date":"2025-09-12T12:09:57","date_gmt":"2025-09-12T18:09:57","guid":{"rendered":"https:\/\/ofirlaysve.com\/tienda\/thank-you\/"},"modified":"2026-02-18T15:57:03","modified_gmt":"2026-02-18T21:57:03","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/ofirlaysve.com\/tienda\/thank-you\/","title":{"rendered":"Muchas Gracias"},"content":{"rendered":"\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- \u2591\u2591\u2591 BARRA ROJA DE URGENCIA \u2591\u2591\u2591 -->\n<div class=\"or-urgency-bar\">\n  <span class=\"or-urgency-bar__dot\"><\/span>\n  <span>Tu pedido est\u00e1 <strong>reservado<\/strong> \u2014 tienes <strong id=\"or-countdown\">48:00:00<\/strong> para completar tu pago antes de que se libere al p\u00fablico<\/span>\n<\/div>\n\n<!-- \u2591\u2591\u2591 HERO \u2591\u2591\u2591 -->\n<div class=\"or-hero\">\n\n  <div class=\"or-hero__badge\">\ud83c\udf89 \u00a1Felicidades! Tu pedido fue recibido<\/div>\n\n  <h1 class=\"or-hero__title\">\n    Ya lo sabes.<br>   \n    <span class=\"or-hero__accent\">Lo has sentido en el cansancio, en la inflamaci\u00f3n, en la pesadez. <\/span> Puedes cerrar esta p\u00e1gina y seguir igual. O puedes hacer los siguientes pasos y empezar hoy  \ud83d\ude4c\n  <\/h1>\n\n  <p class=\"or-hero__sub\">\n    Transferir es la forma <strong>m\u00e1s r\u00e1pida y segura<\/strong> de pagar en M\u00e9xico.<br>\n    Sin esperas, sin complicaciones \u2014 miles de clientes ya lo hicieron antes que t\u00fa.\n  <\/p>\n\n  <div class=\"or-hero__steps\">\n \n  <div class=\"or-hero__trust\">\n    <span>\ud83d\udd12 Pago seguro<\/span>\n    <span class=\"or-hero__trust-sep\">\u00b7<\/span>\n    <span>\u26a1 Confirmaci\u00f3n en ~1 hora<\/span>\n    <span class=\"or-hero__trust-sep\">\u00b7<\/span>\n    <span>\u2705 M\u00e1s de 1,000 pedidos entregados<\/span>\n  <\/div>\n\n<\/div>\n\n<style>\n  * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  \/* \u2500\u2500 BARRA ROJA \u2500\u2500 *\/\n  .or-urgency-bar {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    background: #dc2626;\n    color: #fff;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 13.5px;\n    font-weight: 600;\n    padding: 12px 20px;\n    text-align: center;\n    line-height: 1.4;\n  }\n\n  .or-urgency-bar strong { font-weight: 800; }\n\n  .or-urgency-bar__dot {\n    width: 9px; height: 9px;\n    border-radius: 50%;\n    background: #fff;\n    flex-shrink: 0;\n    animation: or-blink 1s ease-in-out infinite;\n  }\n\n  @keyframes or-blink { 0%,100%{opacity:1} 50%{opacity:.25} }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .or-hero {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    text-align: center;\n    padding: clamp(32px, 5vw, 56px) clamp(16px, 4vw, 40px) clamp(28px, 4vw, 44px);\n    background: linear-gradient(180deg, #f0f5ff 0%, #ffffff 100%);\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .or-hero__badge {\n    display: inline-block;\n    background: #dcfce7;\n    color: #14532d;\n    font-size: 13px;\n    font-weight: 700;\n    letter-spacing: .04em;\n    padding: 7px 18px;\n    border-radius: 999px;\n    margin-bottom: 20px;\n    animation: or-fadeUp .4s ease both;\n  }\n\n  .or-hero__title {\n    font-size: clamp(30px, 5.5vw, 54px);\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1.12;\n    letter-spacing: -.025em;\n    margin-bottom: 18px;\n    animation: or-fadeUp .45s .05s ease both;\n  }\n\n  .or-hero__accent {\n    color: #2563eb;\n    position: relative;\n    display: inline-block;\n  }\n\n  .or-hero__accent::after {\n    content: '';\n    position: absolute;\n    left: 0; bottom: -5px;\n    width: 100%; height: 5px;\n    background: linear-gradient(90deg, #2563eb, #93c5fd);\n    border-radius: 4px;\n    opacity: .45;\n  }\n\n  .or-hero__sub {\n    font-size: clamp(15px, 2vw, 18px);\n    color: rgba(15,23,42,.68);\n    max-width: 54ch;\n    margin: 0 auto 32px;\n    line-height: 1.65;\n    animation: or-fadeUp .45s .1s ease both;\n  }\n\n  .or-hero__sub strong { color: #0f172a; }\n\n  \/* \u2500\u2500 PASOS INLINE \u2500\u2500 *\/\n  .or-hero__steps {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    row-gap: 12px;\n    margin-bottom: 28px;\n    animation: or-fadeUp .45s .15s ease both;\n  }\n\n  .or-hero__step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background: #fff;\n    border: 1.5px solid rgba(15,23,42,.10);\n    border-radius: 14px;\n    padding: 12px 18px;\n    font-size: 13px;\n    font-weight: 600;\n    color: #0f172a;\n    box-shadow: 0 2px 10px rgba(15,23,42,.06);\n    min-width: 110px;\n  }\n\n  .or-hero__step--done {\n    background: #eff6ff;\n    border-color: #bfdbfe;\n    color: #1e3a8a;\n  }\n\n  .or-hero__step-icon { font-size: 22px; line-height: 1; }\n\n  .or-hero__step-arrow {\n    font-size: 18px;\n    color: #93c5fd;\n    font-weight: 700;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 TRUST BAR \u2500\u2500 *\/\n  .or-hero__trust {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px 16px;\n    font-size: 13px;\n    font-weight: 600;\n    color: rgba(15,23,42,.60);\n    animation: or-fadeUp .45s .2s ease both;\n  }\n\n  .or-hero__trust-sep { opacity: .35; }\n\n  @keyframes or-fadeUp { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 600px) {\n    .or-urgency-bar { font-size: 12px; }\n    .or-hero__step-arrow { transform: rotate(90deg); }\n    .or-hero__steps { flex-direction: column; align-items: center; }\n    .or-hero__step { width: 100%; max-width: 260px; flex-direction: row; justify-content: center; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .or-urgency-bar__dot, * { animation: none !important; }\n  }\n<\/style>\n\n<script>\n(function () {\n  \/* Countdown 48h \u2014 persiste en sessionStorage *\/\n  const KEY      = 'or_deadline_v2';\n  const DURATION = 48 * 60 * 60 * 1000;\n  let deadline   = parseInt(sessionStorage.getItem(KEY), 10);\n  if (!deadline || isNaN(deadline)) {\n    deadline = Date.now() + DURATION;\n    sessionStorage.setItem(KEY, deadline);\n  }\n\n  const elCD = document.getElementById('or-countdown');\n  function pad(n) { return String(Math.max(0, n)).padStart(2, '0'); }\n\n  function tick() {\n    const diff = deadline - Date.now();\n    if (!elCD) return;\n    if (diff <= 0) { elCD.textContent = '00:00:00'; return; }\n    const h = Math.floor(diff \/ 3600000);\n    const m = Math.floor((diff % 3600000) \/ 60000);\n    const s = Math.floor((diff % 60000) \/ 1000);\n    elCD.textContent = `${pad(h)}:${pad(m)}:${pad(s)}`;\n  }\n\n  tick();\n  setInterval(tick, 1000);\n})();\n<\/script>\n\n\n\n\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- \u2591\u2591\u2591 FRASES DE VALOR \u2014 encima de la card \u2591\u2591\u2591 -->\n<div class=\"or-value-strip\">\n  <div class=\"or-value-strip__item\">\n    <span class=\"or-value-strip__icon\">\ud83d\udc8e<\/span>\n    <span>Solo ofrecemos lo mejor para quienes <strong>valoran su cuerpo<\/strong><\/span>\n  <\/div>\n  <div class=\"or-value-strip__sep\">|<\/div>\n  <div class=\"or-value-strip__item\">\n    <span class=\"or-value-strip__icon\">\u26a0\ufe0f<\/span>\n    <span>Producci\u00f3n <strong>limitada cada mes<\/strong> \u2014 los espacios est\u00e1n a punto de agotarse<\/span>\n  <\/div>\n  <div class=\"or-value-strip__sep\">|<\/div>\n  <div class=\"or-value-strip__item\">\n    <span class=\"or-value-strip__icon\">\ud83d\udee1\ufe0f<\/span>\n    <span>Te lo garantizamos: <strong>no te vamos a defraudar<\/strong><\/span>\n  <\/div>\n<\/div>\n\n<!-- \u2591\u2591\u2591 CARD PRINCIPAL \u2591\u2591\u2591 -->\n<div class=\"or-card\">\n\n  <!-- \u2500\u2500 TOP \u2500\u2500 -->\n  <div class=\"or-card__top\">\n    <div class=\"or-card__top-left\">\n      <div class=\"or-card__lock\">\ud83d\udd12 Pago 100% seguro y protegido<\/div>\n      <h2 class=\"or-card__title\">Completa tu pago ahora<\/h2>\n      <p class=\"or-card__sub\">\n        No es un lujo, es una <strong>necesidad si valoras lo que realmente importa<\/strong>.<br>\n        Paga desde cualquier banco con la CLABE, o en <strong>OXXO \u00b7 7-Eleven \u00b7 cajero BBVA<\/strong>.\n      <\/p>\n    <\/div>\n    <div class=\"or-card__logos\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ofirlaysve.com\/tienda\/wp-content\/uploads\/2026\/02\/Oxxo_Logo.svg.png?ssl=1\" alt=\"OXXO\" class=\"or-card__logo\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ofirlaysve.com\/tienda\/wp-content\/uploads\/2026\/02\/7-Eleven-Logo-1969-2004.png?ssl=1\" alt=\"7-Eleven\" class=\"or-card__logo\">\n      <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/ofirlaysve.com\/tienda\/wp-content\/uploads\/2026\/02\/bbva.jpg?ssl=1\" alt=\"BBVA\" class=\"or-card__logo\">\n    <\/div>\n  <\/div>\n\n  <!-- \u2500\u2500 BODY GRID \u2500\u2500 -->\n  <div class=\"or-card__body\">\n\n    <!-- LEFT: datos bancarios -->\n    <div class=\"or-card__data\">\n\n      <!-- Resumen pedido WooCommerce (se muestra autom\u00e1ticamente) -->\n      <div class=\"or-order-summary\" id=\"orOrderSummary\" style=\"display:none\">\n        <div class=\"or-order-summary__row\">\n          <div class=\"or-oi\">\n            <div class=\"or-oi__label\">N\u00famero de pedido<\/div>\n            <div class=\"or-oi__value\" id=\"orOrderNum\">\u2014<\/div>\n          <\/div>\n          <div class=\"or-oi or-oi--highlight\">\n            <div class=\"or-oi__label\">\ud83d\udcb0 Monto EXACTO a transferir<\/div>\n            <div class=\"or-oi__value\" id=\"orOrderTotal\">\u2014<\/div>\n          <\/div>\n        <\/div>\n        <p class=\"or-order-summary__warn\">\n          \u26a0\ufe0f Transfiere <strong>exactamente este monto<\/strong>. Montos diferentes retrasan tu pedido.\n        <\/p>\n      <\/div>\n\n      <!-- Chips -->\n      <div class=\"or-chips\">\n        <div class=\"or-chip\">\n          <div class=\"or-chip__label\">Banco<\/div>\n          <div class=\"or-chip__value\">BBVA BANCOMER<\/div>\n        <\/div>\n        <div class=\"or-chip\">\n          <div class=\"or-chip__label\">Beneficiario<\/div>\n          <div class=\"or-chip__value\">OFIRLAYSVE OPERATIONS<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- CLABE -->\n      <div class=\"or-field\">\n        <div class=\"or-field__label\">\n          <span class=\"or-field__tag or-field__tag--spei\">SPEI<\/span>\n          CLABE Interbancaria\n        <\/div>\n        <div class=\"or-field__row\">\n          <input class=\"or-field__input\" id=\"orClabe\" type=\"text\" value=\"012567001191090132\" readonly>\n          <button class=\"or-copy-btn\" onclick=\"orCopiar('orClabe', this)\" aria-label=\"Copiar CLABE\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" width=\"15\" height=\"15\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n            <span>Copiar<\/span>\n          <\/button>\n        <\/div>\n        <p class=\"or-field__hint\">\u2705 Funciona con BBVA, Banorte, HSBC, Santander, Banamex y m\u00e1s<\/p>\n      <\/div>\n\n      <!-- N\u00ba cuenta -->\n      <div class=\"or-field\">\n        <div class=\"or-field__label\">\n          <span class=\"or-field__tag or-field__tag--cash\">Efectivo<\/span>\n          N\u00famero de cuenta\n        <\/div>\n        <div class=\"or-field__row\">\n          <input class=\"or-field__input\" id=\"orCuenta\" type=\"text\" value=\"0119109013\" readonly>\n          <button class=\"or-copy-btn\" onclick=\"orCopiar('orCuenta', this)\" aria-label=\"Copiar n\u00famero de cuenta\">\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" width=\"15\" height=\"15\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\"\/><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\/><\/svg>\n            <span>Copiar<\/span>\n          <\/button>\n        <\/div>\n        <p class=\"or-field__hint\">\ud83c\udfea Paga en OXXO, 7-Eleven o cajero BBVA con este n\u00famero<\/p>\n      <\/div>\n\n      <!-- Nota referencia -->\n      <div class=\"or-ref-note\">\n        <div class=\"or-ref-note__icon\">\ud83d\udca1<\/div>\n        <div class=\"or-ref-note__body\">\n          <strong>Usa el n\u00famero de tu pedido como referencia<\/strong> y paga el <strong>monto exacto<\/strong>. Lo confirmamos en menos de <strong>1 hora<\/strong> y tu pedido queda en camino.\n        <\/div>\n      <\/div>\n\n      <!-- Garant\u00eda -->\n      <div class=\"or-guarantee\">\n        <div class=\"or-guarantee__icon\">\ud83e\udd1d<\/div>\n        <div class=\"or-guarantee__body\">\n          <strong>Nuestra promesa contigo<\/strong>\n          <p>Llevamos a\u00f1os cuidando a quienes valoran su cuerpo. Si algo no est\u00e1 bien, lo resolvemos \u2014 as\u00ed de simple. <strong>No te vamos a defraudar.<\/strong><\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- RIGHT: urgencia + acci\u00f3n -->\n    <div class=\"or-card__action\">\n\n      <!-- Estado -->\n      <div class=\"or-status-card\">\n        <div class=\"or-status-card__row\">\n          <span class=\"or-status-pulse\"><\/span>\n          <strong>Tu lugar est\u00e1 asegurado<\/strong>\n        <\/div>\n        <p class=\"or-status-card__msg\">En cuanto confirmemos tu pago, <strong>lo preparamos y enviamos de inmediato<\/strong>. \ud83d\udce6<\/p>\n      <\/div>\n\n      <!-- Escasez -->\n      <div class=\"or-scarcity\">\n        <div class=\"or-scarcity__header\">\n          <span>\ud83d\udd25<\/span>\n          <strong>Producci\u00f3n limitada este mes<\/strong>\n        <\/div>\n        <p class=\"or-scarcity__text\">\n          Debido a la complejidad de su producci\u00f3n, solo podemos producir una <strong>cantidad limitada cada mes<\/strong>. Los espacios est\u00e1n a punto de agotarse. Si no completas tu pago en las pr\u00f3ximas <strong>48 horas<\/strong>, liberamos tu reserva y el siguiente cliente puede tomarlo.\n        <\/p>\n        <div class=\"or-scarcity__bar-wrap\">\n          <div class=\"or-scarcity__bar-label\">\n            <span>Disponibilidad del mes<\/span>\n            <span class=\"or-scarcity__bar-pct\">Solo quedan pocos<\/span>\n          <\/div>\n          <div class=\"or-scarcity__bar\">\n            <div class=\"or-scarcity__bar-fill\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Timer -->\n      <div class=\"or-timer\">\n        <div class=\"or-timer__label\">\u23f1 Tu reserva expira en<\/div>\n        <div class=\"or-timer__display\">\n          <div class=\"or-timer__seg\"><span id=\"orTHH\">48<\/span><small>horas<\/small><\/div>\n          <div class=\"or-timer__sep\">:<\/div>\n          <div class=\"or-timer__seg\"><span id=\"orTMM\">00<\/span><small>min<\/small><\/div>\n          <div class=\"or-timer__sep\">:<\/div>\n          <div class=\"or-timer__seg\"><span id=\"orTSS\">00<\/span><small>seg<\/small><\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Pills de confianza -->\n\n\n      <!-- WhatsApp CTA -->\n      <a class=\"or-wa-btn\" id=\"orWaBtn\" href=\"https:\/\/wa.me\/5213271059268?text=%C2%A1Hola!%20Realic%C3%A9%20mi%20pago.%20Adjunto%20mi%20comprobante.\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <svg width=\"24\" height=\"24\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z\"\/><path d=\"M12 0C5.373 0 0 5.373 0 12c0 2.136.564 4.14 1.547 5.876L0 24l6.322-1.518A11.96 11.96 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.818a9.794 9.794 0 0 1-5.001-1.372l-.36-.213-3.75.9.951-3.655-.234-.375A9.778 9.778 0 0 1 2.182 12C2.182 6.57 6.57 2.182 12 2.182S21.818 6.57 21.818 12 17.43 21.818 12 21.818z\"\/><\/svg>\n        <div class=\"or-wa-btn__text\">\n          <span class=\"or-wa-btn__cta\">Enviar comprobante por WhatsApp<\/span>\n          <span class=\"or-wa-btn__sub\">Toca aqu\u00ed \u00b7 Te respondemos al instante<\/span>\n        <\/div>\n      <\/a>\n\n      <p class=\"or-card__foot\">\n        Guarda tu comprobante. Si tu app pide beneficiario, escribe <strong>OFIRLAYSVE OPERATIONS<\/strong>.\n      <\/p>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- Toast -->\n<div class=\"or-toast\" id=\"orToast\" role=\"status\" aria-live=\"polite\"><\/div>\n\n<!-- ============================================================ ESTILOS ============================================================ -->\n<style>\n  .or-card, .or-card *, .or-value-strip, .or-value-strip * {\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  \/* \u2500\u2500 VALUE STRIP \u2500\u2500 *\/\n  .or-value-strip {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px 20px;\n    background: #0f172a;\n    color: #e2e8f0;\n    padding: 14px 20px;\n    font-size: 13px;\n    font-weight: 500;\n    text-align: center;\n    line-height: 1.4;\n    margin-bottom: 20px;\n    border-radius: 16px;\n  }\n\n  .or-value-strip__item {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n  }\n\n  .or-value-strip__icon { font-size: 16px; flex-shrink: 0; }\n  .or-value-strip strong { color: #fff; font-weight: 700; }\n\n  .or-value-strip__sep {\n    color: rgba(255,255,255,.2);\n    font-size: 18px;\n  }\n\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\n  .or-card {\n    background: #fff;\n    border-radius: 20px;\n    border: 1.5px solid rgba(15,23,42,.10);\n    box-shadow: 0 20px 60px rgba(37,99,235,.10);\n    overflow: hidden;\n  }\n\n  .or-card__top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    gap: 14px;\n    padding: clamp(20px,3vw,32px);\n    background: linear-gradient(135deg, #eff6ff 0%, #fff 65%);\n    border-bottom: 1.5px solid #dbeafe;\n  }\n\n  .or-card__lock {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background: #dcfce7;\n    color: #14532d;\n    font-size: 12px;\n    font-weight: 700;\n    padding: 5px 13px;\n    border-radius: 999px;\n    margin-bottom: 10px;\n  }\n\n  .or-card__title {\n    font-size: clamp(18px,2.6vw,26px);\n    font-weight: 800;\n    color: #0f172a;\n    margin-bottom: 7px;\n    letter-spacing: -.02em;\n  }\n\n  .or-card__sub {\n    font-size: 14px;\n    color: rgba(15,23,42,.68);\n    line-height: 1.55;\n    max-width: 58ch;\n  }\n\n  .or-card__sub strong { color: #0f172a; }\n\n  .or-card__logos {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex-wrap: wrap;\n    flex-shrink: 0;\n  }\n\n  .or-card__logo {\n    height: 28px;\n    width: auto;\n    max-width: 110px;\n    object-fit: contain;\n  }\n\n  \/* \u2500\u2500 BODY \u2500\u2500 *\/\n  .or-card__body {\n    display: grid;\n    grid-template-columns: 1.2fr .8fr;\n  }\n\n  .or-card__data {\n    padding: clamp(20px,3vw,30px);\n    border-right: 1.5px solid rgba(15,23,42,.08);\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n  }\n\n  .or-card__action {\n    padding: clamp(20px,3vw,30px);\n    background: #f8faff;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  \/* \u2500\u2500 ORDER SUMMARY \u2500\u2500 *\/\n  .or-order-summary {\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1.5px solid #bfdbfe;\n  }\n\n  .or-order-summary__row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .or-oi {\n    padding: 13px 16px;\n    background: #eff6ff;\n    border-right: 1.5px solid #bfdbfe;\n  }\n\n  .or-oi:last-child { border-right: none; }\n  .or-oi--highlight { background: #1d4ed8; }\n\n  .or-oi__label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .09em;\n    text-transform: uppercase;\n    color: #1e3a8a;\n    opacity: .75;\n    margin-bottom: 5px;\n  }\n\n  .or-oi--highlight .or-oi__label { color: #bfdbfe; opacity: 1; }\n\n  .or-oi__value {\n    font-size: clamp(17px,2.5vw,24px);\n    font-weight: 800;\n    color: #1e3a8a;\n    line-height: 1;\n    letter-spacing: -.01em;\n  }\n\n  .or-oi--highlight .or-oi__value {\n    color: #fff;\n    font-size: clamp(19px,3vw,28px);\n  }\n\n  .or-order-summary__warn {\n    background: #fefce8;\n    border-top: 1.5px solid #fde68a;\n    padding: 9px 16px;\n    font-size: 12px;\n    color: #713f12;\n    line-height: 1.4;\n  }\n\n  .or-order-summary__warn strong { color: #451a03; }\n\n  \/* \u2500\u2500 CHIPS \u2500\u2500 *\/\n  .or-chips {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n  }\n\n  .or-chip {\n    background: #eff6ff;\n    border: 1px solid #bfdbfe;\n    border-radius: 13px;\n    padding: 12px 14px;\n  }\n\n  .or-chip__label {\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n    color: #1e3a8a;\n    opacity: .65;\n    margin-bottom: 4px;\n  }\n\n  .or-chip__value {\n    font-weight: 800;\n    color: #1e3a8a;\n    font-size: 13px;\n    line-height: 1.25;\n  }\n\n  \/* \u2500\u2500 FIELDS \u2500\u2500 *\/\n  .or-field { display: flex; flex-direction: column; gap: 0; }\n\n  .or-field__label {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    color: rgba(15,23,42,.60);\n    margin-bottom: 7px;\n  }\n\n  .or-field__tag {\n    font-size: 10px;\n    font-weight: 800;\n    padding: 3px 8px;\n    border-radius: 999px;\n    letter-spacing: .06em;\n  }\n\n  .or-field__tag--spei { background: #2563eb; color: #fff; }\n  .or-field__tag--cash { background: #f97316; color: #fff; }\n\n  .or-field__row { display: flex; gap: 8px; }\n\n  .or-field__input {\n    flex: 1;\n    padding: 12px 14px;\n    border-radius: 13px;\n    border: 1.5px solid rgba(15,23,42,.12);\n    background: #fff;\n    color: #0f172a;\n    font-family: ui-monospace, 'Cascadia Code', monospace;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: .05em;\n    outline: none;\n    transition: border-color .15s;\n  }\n\n  .or-field__input:focus { border-color: #2563eb; }\n\n  .or-field__hint {\n    margin-top: 7px;\n    font-size: 12px;\n    color: rgba(15,23,42,.60);\n  }\n\n  \/* \u2500\u2500 COPY BTN \u2500\u2500 *\/\n  .or-copy-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 12px 18px;\n    min-height: 48px; \/* \u00e1rea m\u00ednima de toque recomendada por Apple\/Google *\/\n    border-radius: 13px;\n    border: none;\n    background: #2563eb;\n    color: #fff;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background .15s, transform .08s;\n    box-shadow: 0 4px 12px rgba(37,99,235,.28);\n    -webkit-tap-highlight-color: transparent; \/* quita el flash gris en iOS *\/\n    touch-action: manipulation; \/* evita el retraso de 300ms en m\u00f3vil *\/\n  }\n\n  .or-copy-btn * { pointer-events: none; } \/* evita que SVG e hijos roben el click *\/\n  .or-copy-btn:hover { background: #1d4ed8; }\n  .or-copy-btn:active { transform: translateY(1px); }\n  .or-copy-btn.or-done { background: #16a34a; }\n\n  \/* \u2500\u2500 REF NOTE \u2500\u2500 *\/\n  .or-ref-note {\n    display: flex;\n    gap: 10px;\n    align-items: flex-start;\n    padding: 13px 15px;\n    border-radius: 13px;\n    background: #fefce8;\n    border: 1.5px solid #fde68a;\n  }\n\n  .or-ref-note__icon { font-size: 19px; flex-shrink: 0; line-height: 1; margin-top: 2px; }\n\n  .or-ref-note__body {\n    font-size: 13px;\n    color: #713f12;\n    line-height: 1.55;\n  }\n\n  .or-ref-note__body strong { color: #451a03; }\n\n  \/* \u2500\u2500 GARANT\u00cdA \u2500\u2500 *\/\n  .or-guarantee {\n    display: flex;\n    gap: 12px;\n    align-items: flex-start;\n    padding: 15px 16px;\n    border-radius: 13px;\n    background: #f0fdf4;\n    border: 1.5px solid #86efac;\n    margin-top: 2px;\n  }\n\n  .or-guarantee__icon { font-size: 22px; flex-shrink: 0; line-height: 1; margin-top: 1px; }\n\n  .or-guarantee__body strong {\n    display: block;\n    font-size: 13.5px;\n    color: #14532d;\n    margin-bottom: 5px;\n  }\n\n  .or-guarantee__body p {\n    font-size: 12.5px;\n    color: #166534;\n    line-height: 1.55;\n  }\n\n  .or-guarantee__body p strong { display: inline; color: #14532d; }\n\n  \/* \u2500\u2500 STATUS \u2500\u2500 *\/\n  .or-status-card {\n    background: #fff;\n    border: 1.5px solid #86efac;\n    border-radius: 13px;\n    padding: 13px 15px;\n  }\n\n  .or-status-card__row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 7px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #0f172a;\n  }\n\n  .or-status-pulse {\n    width: 10px; height: 10px;\n    border-radius: 50%;\n    background: #22c55e;\n    flex-shrink: 0;\n    box-shadow: 0 0 0 3px rgba(34,197,94,.28);\n    animation: or-gpulse 2s ease-in-out infinite;\n  }\n\n  @keyframes or-gpulse {\n    0%,100% { box-shadow: 0 0 0 3px rgba(34,197,94,.28); }\n    50%      { box-shadow: 0 0 0 7px rgba(34,197,94,.08); }\n  }\n\n  .or-status-card__msg { font-size: 13px; color: #166534; line-height: 1.5; }\n  .or-status-card__msg strong { color: #14532d; }\n\n  \/* \u2500\u2500 SCARCITY \u2500\u2500 *\/\n  .or-scarcity {\n    padding: 14px 15px;\n    border-radius: 13px;\n    background: #fff7ed;\n    border: 1.5px solid #fdba74;\n  }\n\n  .or-scarcity__header {\n    display: flex;\n    align-items: center;\n    gap: 7px;\n    font-size: 13.5px;\n    font-weight: 800;\n    color: #7c2d12;\n    margin-bottom: 8px;\n  }\n\n  .or-scarcity__text {\n    font-size: 12.5px;\n    color: #9a3412;\n    line-height: 1.55;\n    margin-bottom: 12px;\n  }\n\n  .or-scarcity__text strong { color: #7c2d12; font-weight: 700; }\n\n  .or-scarcity__bar-wrap { display: flex; flex-direction: column; gap: 5px; }\n\n  .or-scarcity__bar-label {\n    display: flex;\n    justify-content: space-between;\n    font-size: 11px;\n    font-weight: 600;\n    color: #9a3412;\n  }\n\n  .or-scarcity__bar-pct { color: #dc2626; font-weight: 700; }\n\n  .or-scarcity__bar {\n    height: 8px;\n    background: #fed7aa;\n    border-radius: 999px;\n    overflow: hidden;\n  }\n\n  .or-scarcity__bar-fill {\n    height: 100%;\n    width: 82%;\n    background: linear-gradient(90deg, #f97316, #dc2626);\n    border-radius: 999px;\n    animation: or-barload .9s .2s ease both;\n  }\n\n  @keyframes or-barload { from { width: 0 } to { width: 82% } }\n\n  \/* \u2500\u2500 TIMER \u2500\u2500 *\/\n  .or-timer {\n    background: #0f172a;\n    border-radius: 13px;\n    padding: 15px;\n    text-align: center;\n  }\n\n  .or-timer__label {\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n    color: rgba(255,255,255,.50);\n    margin-bottom: 10px;\n  }\n\n  .or-timer__display {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .or-timer__seg {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n  }\n\n  .or-timer__seg span {\n    font-size: clamp(24px,3.5vw,34px);\n    font-weight: 800;\n    color: #fff;\n    line-height: 1;\n    font-variant-numeric: tabular-nums;\n    min-width: 2ch;\n    text-align: center;\n  }\n\n  .or-timer__seg small {\n    font-size: 9px;\n    color: rgba(255,255,255,.40);\n    font-weight: 600;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n  }\n\n  .or-timer__sep {\n    font-size: 26px;\n    font-weight: 800;\n    color: rgba(255,255,255,.35);\n    margin-bottom: 14px;\n  }\n\n  \/* \u2500\u2500 TRUST PILLS \u2500\u2500 *\/\n  .or-trust-pills { display: flex; flex-direction: column; gap: 7px; }\n\n  .or-trust-pill {\n    padding: 9px 13px;\n    border-radius: 10px;\n    background: #fff;\n    border: 1px solid rgba(15,23,42,.10);\n    font-size: 13px;\n    font-weight: 600;\n    color: #0f172a;\n  }\n\n  \/* \u2500\u2500 WHATSAPP \u2500\u2500 *\/\n  .or-wa-btn {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 15px 18px;\n    border-radius: 13px;\n    background: #25d366;\n    color: #fff;\n    text-decoration: none;\n    box-shadow: 0 6px 22px rgba(37,211,102,.36);\n    transition: background .15s, transform .08s;\n  }\n\n  .or-wa-btn:hover { background: #128c4a; }\n  .or-wa-btn:active { transform: translateY(1px); }\n\n  .or-wa-btn__text { display: flex; flex-direction: column; gap: 2px; }\n  .or-wa-btn__cta { font-size: 14px; font-weight: 800; line-height: 1.2; }\n  .or-wa-btn__sub { font-size: 11.5px; opacity: .85; font-weight: 500; }\n\n  .or-card__foot {\n    font-size: 11.5px;\n    color: rgba(15,23,42,.42);\n    line-height: 1.45;\n    text-align: center;\n  }\n\n  .or-card__foot strong { color: rgba(15,23,42,.65); }\n\n  \/* \u2500\u2500 TOAST \u2500\u2500 *\/\n  .or-toast {\n    position: fixed;\n    left: 50%;\n    bottom: 22px;\n    transform: translateX(-50%) translateY(22px);\n    background: rgba(15,23,42,.96);\n    color: #fff;\n    padding: 11px 20px;\n    border-radius: 13px;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    font-weight: 700;\n    font-size: 13px;\n    opacity: 0;\n    transition: opacity .18s, transform .18s;\n    z-index: 99999;\n    pointer-events: none;\n    white-space: nowrap;\n  }\n\n  .or-toast.or-show { opacity: 1; transform: translateX(-50%) translateY(0); }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 760px) {\n    .or-card__body { grid-template-columns: 1fr; }\n    .or-card__data { border-right: none; border-bottom: 1.5px solid rgba(15,23,42,.08); }\n    .or-chips { grid-template-columns: 1fr 1fr; }\n    .or-value-strip__sep { display: none; }\n    .or-value-strip { flex-direction: column; align-items: flex-start; text-align: left; }\n  }\n\n  @media (max-width: 480px) {\n    .or-field__row { flex-direction: column; }\n    .or-copy-btn { justify-content: center; }\n    .or-chips { grid-template-columns: 1fr; }\n    .or-order-summary__row { grid-template-columns: 1fr; }\n    .or-oi { border-right: none; border-bottom: 1.5px solid #bfdbfe; }\n    .or-oi:last-child { border-bottom: none; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    * { animation: none !important; transition: none !important; }\n  }\n<\/style>\n\n<!-- ============================================================ SCRIPTS ============================================================ -->\n<script>\n(function () {\n\n  \/* \u2500\u2500 TOAST \u2500\u2500 *\/\n  const toast = document.getElementById('orToast');\n  let _t;\n  function showToast(msg) {\n    toast.textContent = msg;\n    toast.classList.add('or-show');\n    clearTimeout(_t);\n    _t = setTimeout(() => toast.classList.remove('or-show'), 1800);\n  }\n\n  \/* \u2500\u2500 COPIAR \u2014 m\u00e9todo directo probado en m\u00f3vil (iOS + Android + desktop) \u2500\u2500 *\/\n  window.orCopiar = async function(inputId, btn) {\n    const el = document.getElementById(inputId);\n    if (!el) return;\n    const text = el.value.trim();\n\n    try {\n      if (navigator.clipboard) {\n        await navigator.clipboard.writeText(text);\n      } else { throw new Error('no clipboard'); }\n    } catch {\n      \/\/ Fallback universal para iOS Safari y Android\n      const ta = document.createElement('textarea');\n      ta.value = text;\n      ta.style.cssText = 'position:fixed;top:0;left:0;width:2px;height:2px;opacity:0;';\n      document.body.appendChild(ta);\n      ta.focus();\n      ta.setSelectionRange(0, 9999);\n      document.execCommand('copy');\n      document.body.removeChild(ta);\n    }\n\n    const original = btn.innerHTML;\n    btn.textContent = '\u2705 \u00a1Copiado!';\n    btn.classList.add('or-done');\n    showToast('\u00a1Copiado! \u2705');\n    setTimeout(() => { btn.innerHTML = original; btn.classList.remove('or-done'); }, 2500);\n  };\n\n  \/* \u2500\u2500 COUNTDOWN 48H \u2500\u2500 *\/\n  const KEY = 'or_deadline_card';\n  const DURATION = 48 * 60 * 60 * 1000;\n  let deadline = parseInt(sessionStorage.getItem(KEY), 10);\n  if (!deadline || isNaN(deadline)) {\n    deadline = Date.now() + DURATION;\n    sessionStorage.setItem(KEY, deadline);\n  }\n\n  const elHH = document.getElementById('orTHH');\n  const elMM = document.getElementById('orTMM');\n  const elSS = document.getElementById('orTSS');\n  function pad(n) { return String(Math.max(0, n)).padStart(2, '0'); }\n\n  function tick() {\n    const diff = deadline - Date.now();\n    if (diff <= 0) {\n      if (elHH) elHH.textContent = '00';\n      if (elMM) elMM.textContent = '00';\n      if (elSS) elSS.textContent = '00';\n      return;\n    }\n    if (elHH) elHH.textContent = pad(Math.floor(diff \/ 3600000));\n    if (elMM) elMM.textContent = pad(Math.floor((diff % 3600000) \/ 60000));\n    if (elSS) elSS.textContent = pad(Math.floor((diff % 60000) \/ 1000));\n  }\n  tick();\n  setInterval(tick, 1000);\n\n  \/* \u2500\u2500 LEE DATOS DE WOOCOMMERCE \/ YITH E INYECTA \u2500\u2500 *\/\n  function findText(selectors) {\n    for (const sel of selectors) {\n      const el = document.querySelector(sel);\n      if (el &#038;&#038; el.textContent.trim()) return el;\n    }\n    return null;\n  }\n\n  function inject() {\n    const orderEl = findText([\n      '.woocommerce-order-overview__order',\n      '.yith-wcot-order-number',\n      '.yith-ctyp-order-number',\n      '[class*=\"order-number\"]',\n      '[class*=\"order_number\"]',\n    ]);\n\n    const totalEl = findText([\n      '.woocommerce-order-overview__total',\n      '.yith-wcot-order-total',\n      '.yith-ctyp-order-total',\n      '[class*=\"order-total\"]:not(tr)',\n      '[class*=\"order_total\"]:not(tr)',\n    ]);\n\n    if (!orderEl &#038;&#038; !totalEl) return false;\n\n    let orderNum = null;\n    if (orderEl) {\n      const raw = (orderEl.querySelector('strong') || orderEl).textContent;\n      const match = raw.match(\/\\d+\/);\n      orderNum = match ? match[0] : null;\n    }\n\n    let total = null;\n    if (totalEl) {\n      const priceEl = totalEl.querySelector('.woocommerce-Price-amount')\n                   || totalEl.querySelector('bdi')\n                   || totalEl.querySelector('strong')\n                   || totalEl;\n      total = priceEl.textContent.trim();\n    }\n\n    const numEl   = document.getElementById('orOrderNum');\n    const totEl   = document.getElementById('orOrderTotal');\n    const summary = document.getElementById('orOrderSummary');\n\n    if (orderNum &#038;&#038; numEl) numEl.textContent = '#' + orderNum;\n    if (total    &#038;&#038; totEl) totEl.textContent  = total;\n    if ((orderNum || total) &#038;&#038; summary) summary.style.display = 'block';\n\n    if (orderNum) {\n      const waBtn = document.getElementById('orWaBtn');\n      if (waBtn) {\n        const msg = encodeURIComponent('\u00a1Hola! Realic\u00e9 mi pago. Mi n\u00famero de pedido es #' + orderNum + '. Adjunto mi comprobante.');\n        waBtn.href = 'https:\/\/wa.me\/5213271059268?text=' + msg;\n      }\n    }\n\n    return true;\n  }\n\n  if (!inject()) {\n    const iv = setInterval(() => { if (inject()) clearInterval(iv); }, 300);\n    setTimeout(() => clearInterval(iv), 10000);\n  }\n\n})();\n<\/script>\n\n\n\n\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:55%\">\n\n<\/div>\n\n\n\n<div class=\"wp-block-column yctpw-csb is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:45%\">\n<p class=\"has-text-align-center has-text-color has-background\" style=\"color:#333333;background-color:#ebebeb;font-size:18px\"><strong>\u00bfNecesitas ayuda? Llama a nuestro servicio de atenci\u00f3n al cliente<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-center has-text-color has-background\" style=\"color:#01af8d;background-color:#ebebeb;font-size:28px\">+52 1 327 105 9268<\/p>\n<\/div>\n<\/div>\n\n\n\n\n\n\n\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tu pedido est\u00e1 reservado \u2014 tienes 48:00:00 para completar tu pago antes de que se libere al p\u00fablico \ud83c\udf89 \u00a1Felicidades!<\/p>\n","protected":false},"author":1,"featured_media":7705,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"order-bump-settings":[],"_wpfnl_thankyou_order_overview":"on","_wpfnl_thankyou_order_details":"on","_wpfnl_thankyou_billing_details":"on","_wpfnl_thankyou_shipping_details":"on","footnotes":""},"class_list":["post-8248","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/pages\/8248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/comments?post=8248"}],"version-history":[{"count":7,"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/pages\/8248\/revisions"}],"predecessor-version":[{"id":9367,"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/pages\/8248\/revisions\/9367"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/media\/7705"}],"wp:attachment":[{"href":"https:\/\/ofirlaysve.com\/tienda\/wp-json\/wp\/v2\/media?parent=8248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}