{"product_id":"mascara-bubble-deep","title":"ARGI Verde Pura™ — Mascarilla Bubble Purificante","description":"\u003c!-- ARGI PRODUCT EXPERIENCE — ARGI Verde Pura™ Mascarilla Bubble Purificante --\u003e\n\u003cstyle\u003e\n  .argi-bubble-experience {\n    --argi-orange: #F0420D;\n    --argi-blue: #1B2A3A;\n    --argi-white: #FFFFFF;\n    --argi-offwhite: #F8F7F4;\n    --argi-gray: #ECEAE5;\n    --argi-orange-10: rgba(240, 66, 13, 0.08);\n    --argi-orange-20: rgba(240, 66, 13, 0.18);\n    --argi-ease: cubic-bezier(.2,.8,.2,1);\n\n    background: var(--argi-white);\n    color: var(--argi-blue);\n    font-family: Inter, \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n    \/* Torna a seção responsiva ao espaço real que ela recebe (coluna estreita,\n       sidebar, mobile, etc.) e não apenas à largura da tela. *\/\n    container-type: inline-size;\n    container-name: argi;\n    width: 100%;\n  }\n\n  .argi-bubble-experience * { box-sizing: border-box; min-width: 0; }\n\n  .argi-wrap {\n    max-width: 1240px;\n    margin: 0 auto;\n    padding: 0 22px;\n  }\n\n  .argi-section {\n    padding: 90px 0;\n  }\n\n  @container argi (max-width: 640px) {\n    .argi-section { padding: 44px 0; }\n    .argi-wrap { padding: 0 18px; }\n  }\n\n  .argi-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n    letter-spacing: 0.14em;\n    text-transform: uppercase;\n    font-weight: 600;\n    color: var(--argi-orange);\n    margin: 0 0 18px;\n    flex-wrap: wrap;\n  }\n\n  .argi-eyebrow::before {\n    content: \"\";\n    width: 14px;\n    height: 1px;\n    background: var(--argi-orange);\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  \/* Tipografia fluida: escala com base no espaço real do container (cqi),\n     nunca ultrapassando o teto nem ficando menor que o piso legível. *\/\n  .argi-heading {\n    font-size: clamp(24px, 7cqi, 56px);\n    line-height: 1.14;\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    margin: 0 0 20px;\n    max-width: 760px;\n    overflow-wrap: break-word;\n    hyphens: none;\n  }\n\n  .argi-sub {\n    font-size: clamp(14.5px, 3.4cqi, 17px);\n    line-height: 1.6;\n    color: rgba(27,42,58,0.72);\n    max-width: 520px;\n    margin: 0;\n    font-weight: 400;\n  }\n\n  \/* ---------- BLOCO 01 — HERO ---------- *\/\n  .argi-hero {\n    padding-top: 90px;\n    padding-bottom: 60px;\n  }\n\n  @container argi (max-width: 640px) {\n    .argi-hero { padding-top: 56px; padding-bottom: 36px; }\n  }\n\n  .argi-hero-grid {\n    display: grid;\n    grid-template-columns: 1.1fr 0.9fr;\n    gap: 40px;\n    align-items: center;\n  }\n\n  @container argi (max-width: 720px) {\n    .argi-hero-grid { grid-template-columns: 1fr; gap: 32px; }\n    .argi-hero-visual { order: -1; max-width: 240px !important; }\n  }\n\n  .argi-hero-copy { padding-right: 20px; }\n\n  @container argi (max-width: 720px) {\n    .argi-hero-copy { padding-right: 0; text-align: center; }\n    .argi-hero-copy .argi-heading,\n    .argi-hero-copy .argi-sub { margin-left: auto; margin-right: auto; }\n    .argi-hero-copy .argi-eyebrow,\n    .argi-hero-copy .argi-activation-pill { justify-content: center; }\n  }\n\n  .argi-activation-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    margin-top: 28px;\n    padding: 10px 18px;\n    border: 1px solid rgba(27,42,58,0.14);\n    border-radius: 999px;\n    font-size: 12px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-weight: 600;\n    color: var(--argi-blue);\n    background: var(--argi-white);\n  }\n\n  .argi-activation-pill span.argi-dot {\n    width: 6px;\n    height: 6px;\n    border-radius: 50%;\n    background: var(--argi-orange);\n    animation: argiPulse 2.4s ease-in-out infinite;\n    flex-shrink: 0;\n  }\n\n  @keyframes argiPulse {\n    0%, 100% { opacity: .4; transform: scale(.85); }\n    50% { opacity: 1; transform: scale(1); }\n  }\n\n  .argi-hero-visual {\n    position: relative;\n    aspect-ratio: 1 \/ 1;\n    max-width: 420px;\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  .argi-hero-visual svg { width: 100%; height: 100%; display: block; }\n\n  .argi-hero-bubble {\n    opacity: 0;\n    transform-origin: center;\n    animation: argiBubble .9s var(--argi-ease) forwards;\n  }\n\n  @keyframes argiBubble {\n    0% { opacity: 0; transform: scale(.4); }\n    40% { opacity: .7; }\n    100% { opacity: 1; transform: scale(1); }\n  }\n\n  \/* ---------- BLOCO 02 — 4 PASOS ---------- *\/\n  .argi-steps-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-top: 40px;\n  }\n\n  @container argi (max-width: 760px) {\n    .argi-steps-grid { grid-template-columns: 1fr 1fr; }\n  }\n\n  @container argi (max-width: 420px) {\n    .argi-steps-grid { grid-template-columns: 1fr; }\n  }\n\n  .argi-step-card {\n    background: var(--argi-white);\n    border: 1px solid rgba(27,42,58,0.08);\n    border-radius: 14px;\n    padding: 24px 20px;\n    transition: transform .45s var(--argi-ease), border-color .45s ease, background-color .45s ease;\n  }\n\n  .argi-step-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--argi-orange-20);\n    background-color: var(--argi-orange-10);\n  }\n\n  .argi-step-index {\n    font-size: 11.5px;\n    letter-spacing: 0.1em;\n    color: rgba(27,42,58,0.4);\n    font-weight: 600;\n    margin-bottom: 16px;\n  }\n\n  .argi-step-icon {\n    width: 30px;\n    height: 30px;\n    color: var(--argi-blue);\n    opacity: .65;\n    transform: scale(.96);\n    transition: all .45s var(--argi-ease);\n    margin-bottom: 16px;\n  }\n\n  .argi-step-card:hover .argi-step-icon {\n    opacity: 1;\n    transform: scale(1);\n    color: var(--argi-orange);\n  }\n\n  .argi-step-title {\n    font-size: clamp(12.5px, 3cqi, 14px);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    font-weight: 700;\n    margin: 0 0 10px;\n    transition: color .45s ease;\n  }\n\n  .argi-step-card:hover .argi-step-title { color: var(--argi-orange); }\n\n  .argi-step-text {\n    font-size: clamp(13px, 3cqi, 14.5px);\n    line-height: 1.55;\n    color: rgba(27,42,58,0.68);\n    margin: 0;\n  }\n\n  \/* ---------- BLOCO 03 — TRANSFORMACIÓN ---------- *\/\n  .argi-transform-section { background: var(--argi-white); }\n\n  .argi-transform-states {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 20px;\n    margin-top: 40px;\n    align-items: end;\n  }\n\n  @container argi (max-width: 560px) {\n    .argi-transform-states { grid-template-columns: 1fr; gap: 28px; }\n  }\n\n  .argi-state {\n    text-align: center;\n  }\n\n  .argi-state-visual {\n    width: 100%;\n    max-width: 160px;\n    aspect-ratio: 1\/1;\n    margin: 0 auto 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  .argi-state-visual svg { width: 100%; height: 100%; }\n\n  .argi-state-icon {\n    width: 76px;\n    height: 76px;\n    color: var(--argi-orange);\n  }\n\n  .argi-texture-line {\n    stroke-dasharray: 6 10;\n    animation: argiFlow 3.2s linear infinite;\n  }\n\n  @keyframes argiFlow {\n    to { stroke-dashoffset: -32; }\n  }\n\n  .argi-activate-core {\n    transform-origin: center;\n    animation: argiCorePulse 2s var(--argi-ease) infinite;\n  }\n\n  .argi-activate-ring {\n    transform-origin: center;\n    animation: argiRingPulse 2s var(--argi-ease) infinite;\n  }\n\n  @keyframes argiCorePulse {\n    0%, 100% { transform: scale(0.85); opacity: .9; }\n    50% { transform: scale(1); opacity: 1; }\n  }\n\n  @keyframes argiRingPulse {\n    0% { transform: scale(0.6); opacity: .8; }\n    100% { transform: scale(1.35); opacity: 0; }\n  }\n\n  .argi-rising-bubble {\n    animation: argiRise 2.6s ease-in infinite;\n  }\n\n  @keyframes argiRise {\n    0% { transform: translateY(0); opacity: 0; }\n    15% { opacity: 1; }\n    85% { opacity: .6; }\n    100% { transform: translateY(-46px); opacity: 0; }\n  }\n\n  .argi-state-label {\n    font-size: clamp(11px, 2.6cqi, 12px);\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--argi-blue);\n  }\n\n  .argi-state-arrow {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: rgba(27,42,58,0.3);\n  }\n\n  @container argi (max-width: 560px) {\n    .argi-state-arrow { transform: rotate(90deg); }\n  }\n\n  \/* ---------- BLOCO 04 — INGREDIENTES ---------- *\/\n  .argi-ingredients-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 18px;\n    margin-top: 40px;\n  }\n\n  @container argi (max-width: 560px) {\n    .argi-ingredients-grid { grid-template-columns: 1fr; }\n  }\n\n  .argi-ingredient-card {\n    background: var(--argi-white);\n    border: 1px solid rgba(27,42,58,0.1);\n    border-radius: 16px;\n    padding: 30px 26px;\n    transition: transform .45s var(--argi-ease), border-color .45s ease, background-color .45s ease;\n  }\n\n  .argi-ingredient-card:hover {\n    transform: translateY(-6px);\n    border-color: var(--argi-orange-20);\n    background-color: var(--argi-orange-10);\n  }\n\n  .argi-ingredient-icon {\n    width: 36px;\n    height: 36px;\n    color: var(--argi-blue);\n    opacity: .65;\n    transform: scale(.96);\n    transition: all .45s var(--argi-ease);\n    margin-bottom: 20px;\n  }\n\n  .argi-ingredient-card:hover .argi-ingredient-icon {\n    opacity: 1;\n    transform: scale(1);\n    color: var(--argi-orange);\n  }\n\n  .argi-tag {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-weight: 700;\n    color: var(--argi-orange);\n    background: var(--argi-orange-10);\n    padding: 5px 10px;\n    border-radius: 999px;\n    margin-bottom: 14px;\n  }\n\n  .argi-ingredient-title {\n    font-size: clamp(16px, 3.6cqi, 19px);\n    font-weight: 700;\n    letter-spacing: -0.01em;\n    margin: 0 0 12px;\n  }\n\n  .argi-ingredient-text {\n    font-size: clamp(13px, 3cqi, 14.5px);\n    line-height: 1.6;\n    color: rgba(27,42,58,0.68);\n    margin: 0;\n  }\n\n  .argi-ingredients-footer {\n    margin-top: 26px;\n    font-size: 13px;\n    letter-spacing: 0.04em;\n    color: rgba(27,42,58,0.45);\n    text-align: center;\n  }\n\n  \/* ---------- BLOCO 05 — BENEFICIOS ---------- *\/\n  .argi-benefits-section { background: var(--argi-white); }\n\n  .argi-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 16px;\n    margin-top: 40px;\n  }\n\n  @container argi (max-width: 760px) {\n    .argi-benefits-grid { grid-template-columns: 1fr 1fr; }\n  }\n\n  @container argi (max-width: 420px) {\n    .argi-benefits-grid { grid-template-columns: 1fr; }\n  }\n\n  .argi-benefit-card {\n    padding: 22px 18px;\n    border: 1px solid rgba(27,42,58,0.1);\n    border-radius: 14px;\n    background: var(--argi-white);\n    transition: transform .45s var(--argi-ease), border-color .45s ease, background-color .45s ease;\n  }\n\n  .argi-benefit-card:hover {\n    transform: translateY(-5px);\n    border-color: var(--argi-orange-20);\n    background-color: var(--argi-orange-10);\n  }\n\n  .argi-benefit-icon {\n    width: 26px;\n    height: 26px;\n    color: var(--argi-blue);\n    opacity: .65;\n    transform: scale(.96);\n    transition: all .45s var(--argi-ease);\n    margin-bottom: 14px;\n  }\n\n  .argi-benefit-card:hover .argi-benefit-icon {\n    opacity: 1;\n    transform: scale(1);\n    color: var(--argi-orange);\n  }\n\n  .argi-benefit-title {\n    font-size: clamp(12px, 2.8cqi, 13px);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    font-weight: 700;\n    margin: 0 0 8px;\n  }\n\n  .argi-benefit-text {\n    font-size: clamp(12.5px, 2.8cqi, 14px);\n    line-height: 1.55;\n    color: rgba(27,42,58,0.68);\n    margin: 0;\n  }\n\n  \/* ---------- BLOCO 06 — CIERRE ---------- *\/\n  .argi-closing {\n    background: var(--argi-blue);\n    color: var(--argi-white);\n    text-align: center;\n  }\n\n  .argi-closing .argi-eyebrow {\n    color: var(--argi-orange);\n    justify-content: center;\n  }\n\n  .argi-closing-heading {\n    font-size: clamp(22px, 6cqi, 44px);\n    line-height: 1.16;\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    margin: 0 auto 18px;\n    max-width: 640px;\n    overflow-wrap: break-word;\n  }\n\n  .argi-closing-sub {\n    font-size: clamp(14px, 3.2cqi, 16px);\n    line-height: 1.6;\n    color: rgba(255,255,255,0.68);\n    max-width: 460px;\n    margin: 0 auto;\n  }\n\n  .argi-badges {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 10px;\n    margin-top: 36px;\n  }\n\n  .argi-badge {\n    border: 1px solid rgba(255,255,255,0.2);\n    border-radius: 999px;\n    padding: 8px 16px;\n    font-size: 11px;\n    letter-spacing: 0.1em;\n    text-transform: uppercase;\n    font-weight: 600;\n    color: rgba(255,255,255,0.85);\n    white-space: nowrap;\n  }\n\n  \/* Fallback para navegadores sem suporte a container queries:\n     ainda reage à largura da janela, evitando quebra total. *\/\n  @supports not (container-type: inline-size) {\n    @media (max-width: 640px) {\n      .argi-heading { font-size: 30px; }\n      .argi-closing-heading { font-size: 26px; }\n      .argi-hero-grid { grid-template-columns: 1fr; }\n      .argi-steps-grid, .argi-benefits-grid { grid-template-columns: 1fr 1fr; }\n      .argi-ingredients-grid { grid-template-columns: 1fr; }\n      .argi-transform-states { grid-template-columns: 1fr; }\n    }\n  }\n\n  \/* Reduced motion *\/\n  @media (prefers-reduced-motion: reduce) {\n    .argi-bubble-experience *,\n    .argi-bubble-experience *::before,\n    .argi-bubble-experience *::after {\n      animation-duration: 0.001ms !important;\n      animation-iteration-count: 1 !important;\n      transition-duration: 0.001ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"argi-bubble-experience\"\u003e\n\n  \u003c!-- BLOCO 01 — HERO DA TECNOLOGÍA --\u003e\n  \u003cdiv class=\"argi-section argi-hero\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003cdiv class=\"argi-hero-grid\"\u003e\n        \u003cdiv class=\"argi-hero-copy\"\u003e\n          \u003cp class=\"argi-eyebrow\"\u003eTecnología Bubble\u003c\/p\u003e\n          \u003ch2 class=\"argi-heading\"\u003eDe textura cremosa a microburbujas.\u003c\/h2\u003e\n          \u003cp class=\"argi-sub\"\u003eUna experiencia de limpieza que evoluciona sobre tu piel en solo unos minutos.\u003c\/p\u003e\n          \u003cdiv class=\"argi-activation-pill\"\u003e\n            \u003cspan class=\"argi-dot\"\u003e\u003c\/span\u003e\n            Activación · 3–5 min\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"argi-hero-visual\"\u003e\n          \u003csvg viewbox=\"0 0 400 400\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"200\" cy=\"200\" r=\"150\" stroke=\"#1B2A3A\" stroke-opacity=\"0.08\" stroke-width=\"1\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.1s\" cx=\"140\" cy=\"150\" r=\"9\" fill=\"#F0420D\" fill-opacity=\"0.85\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.35s\" cx=\"230\" cy=\"120\" r=\"14\" fill=\"#F0420D\" fill-opacity=\"0.7\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.55s\" cx=\"270\" cy=\"210\" r=\"7\" fill=\"#1B2A3A\" fill-opacity=\"0.5\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.2s\" cx=\"180\" cy=\"230\" r=\"20\" fill=\"#F0420D\" fill-opacity=\"0.55\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.7s\" cx=\"255\" cy=\"290\" r=\"10\" fill=\"#1B2A3A\" fill-opacity=\"0.4\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.45s\" cx=\"130\" cy=\"280\" r=\"6\" fill=\"#F0420D\" fill-opacity=\"0.9\"\u003e\u003c\/circle\u003e\n            \u003ccircle class=\"argi-hero-bubble\" style=\"animation-delay:.85s\" cx=\"205\" cy=\"180\" r=\"4\" fill=\"#1B2A3A\" fill-opacity=\"0.6\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOCO 02 — EXPERIENCIA EN 4 PASOS --\u003e\n  \u003cdiv class=\"argi-section\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003ch3 class=\"argi-heading\" style=\"font-size:clamp(20px,5.5cqi,36px);max-width:520px;\"\u003eCuatro pasos. Un ritual diferente.\u003c\/h3\u003e\n\n      \u003cdiv class=\"argi-steps-grid\"\u003e\n        \u003cdiv class=\"argi-step-card\"\u003e\n          \u003cdiv class=\"argi-step-index\"\u003e01 \/ 04\u003c\/div\u003e\n          \u003csvg class=\"argi-step-icon\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M9 14C9 10 12 6 16 6C20 6 23 10 23 14C23 20 20 24 16 24C12 24 9 20 9 14Z\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M12 14C12 12 14 10 16 10\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-step-title\"\u003eAplica\u003c\/p\u003e\n          \u003cp class=\"argi-step-text\"\u003eExtiende una capa uniforme sobre la piel limpia y seca.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-step-card\"\u003e\n          \u003cdiv class=\"argi-step-index\"\u003e02 \/ 04\u003c\/div\u003e\n          \u003csvg class=\"argi-step-icon\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"12\" cy=\"18\" r=\"3.4\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"20\" cy=\"12\" r=\"2.4\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"21\" cy=\"21\" r=\"1.6\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-step-title\"\u003eActiva\u003c\/p\u003e\n          \u003cp class=\"argi-step-text\"\u003eEspera entre 3 y 5 minutos mientras aparecen las microburbujas.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-step-card\"\u003e\n          \u003cdiv class=\"argi-step-index\"\u003e03 \/ 04\u003c\/div\u003e\n          \u003csvg class=\"argi-step-icon\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M9 16C9 12.5 12 10 16 10C20 10 23 12.5 23 16\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M9 20C9 20 12 22.5 16 22.5C20 22.5 23 20 23 20\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\" stroke-dasharray=\"1 4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-step-title\"\u003eMasajea\u003c\/p\u003e\n          \u003cp class=\"argi-step-text\"\u003eHumedece ligeramente las manos y masajea suavemente.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-step-card\"\u003e\n          \u003cdiv class=\"argi-step-index\"\u003e04 \/ 04\u003c\/div\u003e\n          \u003csvg class=\"argi-step-icon\" viewbox=\"0 0 32 32\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M16 7C16 7 10 14.2 10 18.5C10 21.8 12.7 24.5 16 24.5C19.3 24.5 22 21.8 22 18.5C22 14.2 16 7 16 7Z\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-step-title\"\u003eAclara\u003c\/p\u003e\n          \u003cp class=\"argi-step-text\"\u003eRetira el producto con agua templada.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOCO 03 — TRANSFORMACIÓN --\u003e\n  \u003cdiv class=\"argi-section argi-transform-section\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003ch3 class=\"argi-heading\" style=\"font-size:clamp(20px,5.5cqi,36px);max-width:560px;\"\u003eLa transformación forma parte del ritual.\u003c\/h3\u003e\n      \u003cp class=\"argi-sub\" style=\"max-width:600px;\"\u003eUna textura cremosa que comienza a formar microburbujas después de la aplicación.\u003c\/p\u003e\n\n      \u003cdiv class=\"argi-transform-states\"\u003e\n        \u003cdiv class=\"argi-state\"\u003e\n          \u003cdiv class=\"argi-state-visual\"\u003e\n            \u003csvg class=\"argi-state-icon\" viewbox=\"0 0 76 76\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003cpath class=\"argi-texture-line\" d=\"M6 30C14 22 22 38 30 30C38 22 46 38 54 30C62 22 70 38 70 38\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003cpath class=\"argi-texture-line\" style=\"animation-delay:-1.1s\" d=\"M6 46C14 38 22 54 30 46C38 38 46 54 54 46C62 38 70 54 70 54\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" opacity=\"0.45\"\u003e\u003c\/path\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"argi-state-label\"\u003eTextura\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-state-arrow\"\u003e\n          \u003csvg width=\"28\" height=\"16\" viewbox=\"0 0 28 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M1 8H26M26 8L19 1M26 8L19 15\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-state\"\u003e\n          \u003cdiv class=\"argi-state-visual\"\u003e\n            \u003csvg class=\"argi-state-icon\" viewbox=\"0 0 76 76\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ccircle class=\"argi-activate-ring\" cx=\"38\" cy=\"38\" r=\"16\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-activate-ring\" style=\"animation-delay:-.7s\" cx=\"38\" cy=\"38\" r=\"16\" stroke=\"currentColor\" stroke-width=\"1.6\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-activate-core\" cx=\"38\" cy=\"38\" r=\"9\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"argi-state-label\"\u003eActivación\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-state-arrow\"\u003e\n          \u003csvg width=\"28\" height=\"16\" viewbox=\"0 0 28 16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M1 8H26M26 8L19 1M26 8L19 15\" stroke=\"currentColor\" stroke-width=\"1.4\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-state\"\u003e\n          \u003cdiv class=\"argi-state-visual\"\u003e\n            \u003csvg class=\"argi-state-icon\" viewbox=\"0 0 76 76\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n              \u003ccircle class=\"argi-rising-bubble\" style=\"animation-delay:0s\" cx=\"24\" cy=\"60\" r=\"5\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-rising-bubble\" style=\"animation-delay:-.5s\" cx=\"38\" cy=\"64\" r=\"7\" fill=\"currentColor\" opacity=\"0.75\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-rising-bubble\" style=\"animation-delay:-1s\" cx=\"52\" cy=\"58\" r=\"4\" fill=\"currentColor\" opacity=\"0.6\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-rising-bubble\" style=\"animation-delay:-1.6s\" cx=\"30\" cy=\"62\" r=\"3.4\" fill=\"currentColor\" opacity=\"0.5\"\u003e\u003c\/circle\u003e\n              \u003ccircle class=\"argi-rising-bubble\" style=\"animation-delay:-2.1s\" cx=\"46\" cy=\"60\" r=\"5.2\" fill=\"currentColor\" opacity=\"0.65\"\u003e\u003c\/circle\u003e\n            \u003c\/svg\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"argi-state-label\"\u003eMicroburbujas\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOCO 04 — INGREDIENTES EN DESTACADO --\u003e\n  \u003cdiv class=\"argi-section\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003ch3 class=\"argi-heading\" style=\"font-size:clamp(20px,5.5cqi,36px);max-width:520px;\"\u003eUna fórmula donde cada detalle importa.\u003c\/h3\u003e\n\n      \u003cdiv class=\"argi-ingredients-grid\"\u003e\n        \u003cdiv class=\"argi-ingredient-card\"\u003e\n          \u003csvg class=\"argi-ingredient-icon\" viewbox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M20 33C20 33 8 27 8 15C8 9 13 6 20 6C27 6 32 9 32 15C32 27 20 33 20 33Z\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M20 33V13\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cspan class=\"argi-tag\"\u003eBotánico\u003c\/span\u003e\n          \u003cp class=\"argi-ingredient-title\"\u003eAlbahaca Sagrada\u003c\/p\u003e\n          \u003cp class=\"argi-ingredient-text\"\u003eUn ingrediente de origen vegetal seleccionado para complementar una rutina de limpieza equilibrada.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-ingredient-card\"\u003e\n          \u003csvg class=\"argi-ingredient-icon\" viewbox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M6 22C9 19 12 25 15 22C18 19 21 25 24 22C27 19 30 25 33 22\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M6 15C9 12 12 18 15 15C18 12 21 18 24 15C27 12 30 18 33 15\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"20\" cy=\"28\" r=\"2\" stroke=\"currentColor\" stroke-width=\"1.2\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          \u003cspan class=\"argi-tag\"\u003eEfervescencia\u003c\/span\u003e\n          \u003cp class=\"argi-ingredient-title\"\u003eAgua Carbonatada\u003c\/p\u003e\n          \u003cp class=\"argi-ingredient-text\"\u003eIntegrada en una fórmula creada para ofrecer una experiencia de limpieza ligera, fresca y sensorial.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"argi-ingredients-footer\"\u003eMenos ruido. Más intención en cada fórmula.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOCO 05 — BENEFICIOS --\u003e\n  \u003cdiv class=\"argi-section argi-benefits-section\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003cdiv class=\"argi-benefits-grid\"\u003e\n        \u003cdiv class=\"argi-benefit-card\"\u003e\n          \u003csvg class=\"argi-benefit-icon\" viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"9\" cy=\"10\" r=\"1.6\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"15\" cy=\"8\" r=\"1.6\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"19\" cy=\"13\" r=\"1.6\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"11\" cy=\"16\" r=\"1.6\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"17\" cy=\"18\" r=\"1.6\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-benefit-title\"\u003eLimpieza profunda\u003c\/p\u003e\n          \u003cp class=\"argi-benefit-text\"\u003eUna sensación de piel más limpia después de cada uso.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-benefit-card\"\u003e\n          \u003csvg class=\"argi-benefit-icon\" viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003ccircle cx=\"11\" cy=\"14\" r=\"5\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n            \u003ccircle cx=\"19\" cy=\"9\" r=\"2.6\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-benefit-title\"\u003eEfecto bubble\u003c\/p\u003e\n          \u003cp class=\"argi-benefit-text\"\u003eMicroburbujas que convierten la limpieza en una experiencia diferente.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-benefit-card\"\u003e\n          \u003csvg class=\"argi-benefit-icon\" viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M4 14H24\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M14 4V24\" stroke=\"currentColor\" stroke-width=\"1.3\" opacity=\"0\"\u003e\u003c\/path\u003e\n            \u003ccircle cx=\"14\" cy=\"14\" r=\"3\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/circle\u003e\n            \u003cpath d=\"M4 14C4 14 8 9 14 9\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M24 14C24 14 20 19 14 19\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-benefit-title\"\u003eSensación equilibrada\u003c\/p\u003e\n          \u003cp class=\"argi-benefit-text\"\u003ePensada para complementar tu rutina sin complicarla.\u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"argi-benefit-card\"\u003e\n          \u003csvg class=\"argi-benefit-icon\" viewbox=\"0 0 28 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n            \u003cpath d=\"M14 24C14 24 6 19 6 11C6 6.5 10 4 14 4C18 4 22 6.5 22 11C22 19 14 24 14 24Z\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/path\u003e\n            \u003cpath d=\"M14 24V9\" stroke=\"currentColor\" stroke-width=\"1.3\"\u003e\u003c\/path\u003e\n          \u003c\/svg\u003e\n          \u003cp class=\"argi-benefit-title\"\u003eRitual botánico\u003c\/p\u003e\n          \u003cp class=\"argi-benefit-text\"\u003eIngredientes seleccionados para un cuidado simple y consciente.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- BLOCO 06 — CIERRE --\u003e\n  \u003cdiv class=\"argi-section argi-closing\"\u003e\n    \u003cdiv class=\"argi-wrap\"\u003e\n      \u003cp class=\"argi-eyebrow\"\u003eARGI · Skin Ritual\u003c\/p\u003e\n      \u003ch3 class=\"argi-closing-heading\"\u003eLimpia. Activa. Masajea. Aclara.\u003c\/h3\u003e\n      \u003cp class=\"argi-closing-sub\"\u003eCuatro pasos que transforman la limpieza diaria en un pequeño ritual.\u003c\/p\u003e\n\n      \u003cdiv class=\"argi-badges\"\u003e\n        \u003cspan class=\"argi-badge\"\u003e3–5 min\u003c\/span\u003e\n        \u003cspan class=\"argi-badge\"\u003eTextura bubble\u003c\/span\u003e\n        \u003cspan class=\"argi-badge\"\u003eRitual simple\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e","brand":"ARGI","offers":[{"title":"90G","offer_id":45846444998703,"sku":"3657542","price":29.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0783\/7250\/3599\/files\/Derecho_ARGI_93946d30-13bd-47b9-9dd6-7ec22bad7a4d.png?v=1787511586","url":"https:\/\/argibeauty.com\/products\/mascara-bubble-deep","provider":"ARGI BEAUTY","version":"1.0","type":"link"}