{"id":3861,"date":"2025-06-10T16:17:14","date_gmt":"2025-06-10T16:17:14","guid":{"rendered":"https:\/\/www.virginiarosello.com\/?page_id=3861"},"modified":"2026-05-23T17:51:20","modified_gmt":"2026-05-23T17:51:20","slug":"test","status":"publish","type":"page","link":"https:\/\/www.virginiarosello.com\/index.php\/test\/","title":{"rendered":"TEST"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3861\" class=\"elementor elementor-3861\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9a6281 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"a9a6281\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-884a963\" data-id=\"884a963\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-304f2ee elementor-widget elementor-widget-html\" data-id=\"304f2ee\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Coffee Mind \u2014 Una Experiencia Premium de Suscripci\u00f3n de Caf\u00e9<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n  <style>\n    :root {\n      --background: #0a0a0a;\n      --foreground: #faf8f5;\n      --muted: #1a1a1a;\n      --muted-foreground: #a3a3a3;\n      --accent: #c9a962;\n      --accent-foreground: #0a0a0a;\n      --espresso: #3d2314;\n      --espresso-light: #5c3a2a;\n      --cream: #faf8f5;\n      --ivory: #f5f0e8;\n      --olive: #2d3a2d;\n      --gold: #c9a962;\n      --gold-muted: #a08940;\n    }\n    \n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n    \n    body {\n      font-family: 'Inter', sans-serif;\n      background-color: var(--background);\n      color: var(--cream);\n      line-height: 1.6;\n    }\n    \n    .font-serif {\n      font-family: 'Cormorant Garamond', serif;\n    }\n    \n    .container {\n      max-width: 1280px;\n      margin: 0 auto;\n      padding: 0 24px;\n    }\n    \n    \/* Header *\/\n    .header {\n      position: fixed;\n      top: 0;\n      left: 0;\n      right: 0;\n      z-index: 50;\n      padding: 24px 0;\n      background: linear-gradient(to bottom, rgba(10,10,10,0.9), transparent);\n    }\n    \n    .header-inner {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    \n    .logo {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.75rem;\n      color: var(--ivory);\n      text-decoration: none;\n      letter-spacing: -0.025em;\n    }\n    \n    .nav {\n      display: none;\n    }\n    \n    @media (min-width: 768px) {\n      .nav {\n        display: flex;\n        gap: 48px;\n        align-items: center;\n      }\n    }\n    \n    .nav-link {\n      color: rgba(250, 248, 245, 0.7);\n      text-decoration: none;\n      font-size: 0.875rem;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      transition: color 0.3s;\n    }\n    \n    .nav-link:hover {\n      color: var(--cream);\n    }\n    \n    .btn-primary {\n      background-color: var(--gold);\n      color: var(--background);\n      padding: 12px 24px;\n      font-size: 0.75rem;\n      font-weight: 500;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      text-decoration: none;\n      border: none;\n      cursor: pointer;\n      transition: all 0.3s;\n    }\n    \n    .btn-primary:hover {\n      background-color: var(--gold-muted);\n    }\n    \n    .btn-outline {\n      border: 1px solid rgba(250, 248, 245, 0.3);\n      color: var(--cream);\n      background: transparent;\n      padding: 16px 32px;\n      font-size: 0.75rem;\n      font-weight: 500;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      text-decoration: none;\n      cursor: pointer;\n      transition: all 0.3s;\n    }\n    \n    .btn-outline:hover {\n      background-color: rgba(250, 248, 245, 0.1);\n    }\n    \n    \/* Hero Section *\/\n    .hero {\n      min-height: 100vh;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .hero-bg {\n      position: absolute;\n      inset: 0;\n    }\n    \n    .hero-bg img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n    \n    .hero-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to bottom, \n        rgba(10,10,10,0.7), \n        rgba(10,10,10,0.5) 50%, \n        rgba(10,10,10,0.8));\n    }\n    \n    .hero-content {\n      position: relative;\n      z-index: 10;\n      text-align: center;\n      padding: 0 24px;\n      max-width: 900px;\n    }\n    \n    .hero-badge {\n      display: inline-block;\n      font-size: 0.75rem;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 32px;\n      padding-bottom: 16px;\n      border-bottom: 1px solid var(--gold);\n    }\n    \n    .hero-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(3rem, 8vw, 5.5rem);\n      font-weight: 300;\n      line-height: 1.1;\n      color: var(--ivory);\n      margin-bottom: 32px;\n      letter-spacing: -0.02em;\n    }\n    \n    .hero-title em {\n      font-style: italic;\n      color: var(--gold);\n    }\n    \n    .hero-subtitle {\n      font-size: 1.125rem;\n      color: rgba(250, 248, 245, 0.7);\n      max-width: 600px;\n      margin: 0 auto 48px;\n      line-height: 1.8;\n    }\n    \n    .hero-buttons {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      justify-content: center;\n    }\n    \n    @media (min-width: 640px) {\n      .hero-buttons {\n        flex-direction: row;\n      }\n    }\n    \n    .scroll-indicator {\n      position: absolute;\n      bottom: 48px;\n      left: 50%;\n      transform: translateX(-50%);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      gap: 8px;\n      color: rgba(250, 248, 245, 0.4);\n    }\n    \n    .scroll-line {\n      width: 1px;\n      height: 48px;\n      background: linear-gradient(to bottom, var(--gold), transparent);\n    }\n    \n    \/* Section Common Styles *\/\n    .section {\n      padding: 120px 0;\n    }\n    \n    .section-badge {\n      font-size: 0.75rem;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 24px;\n    }\n    \n    .section-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(2.5rem, 5vw, 3.5rem);\n      font-weight: 300;\n      line-height: 1.2;\n      color: var(--ivory);\n      margin-bottom: 24px;\n    }\n    \n    .section-text {\n      color: rgba(250, 248, 245, 0.6);\n      font-size: 1.125rem;\n      line-height: 1.8;\n      max-width: 600px;\n    }\n    \n    \/* What Is This Section *\/\n    .what-is-this {\n      background-color: var(--muted);\n    }\n    \n    .what-is-this .section-header {\n      text-align: center;\n      margin-bottom: 80px;\n    }\n    \n    .pillars-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    \n    @media (min-width: 768px) {\n      .pillars-grid {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n    \n    .pillar-card {\n      background-color: var(--background);\n      overflow: hidden;\n      transition: transform 0.5s;\n    }\n    \n    .pillar-card:hover {\n      transform: translateY(-8px);\n    }\n    \n    .pillar-image {\n      position: relative;\n      height: 280px;\n      overflow: hidden;\n    }\n    \n    .pillar-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      transition: transform 0.7s;\n    }\n    \n    .pillar-card:hover .pillar-image img {\n      transform: scale(1.05);\n    }\n    \n    .pillar-image-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to top, var(--background), transparent);\n    }\n    \n    .pillar-content {\n      padding: 32px;\n    }\n    \n    .pillar-number {\n      font-size: 0.75rem;\n      letter-spacing: 0.2em;\n      color: var(--gold);\n      margin-bottom: 16px;\n    }\n    \n    .pillar-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.75rem;\n      color: var(--ivory);\n      margin-bottom: 16px;\n    }\n    \n    .pillar-text {\n      color: rgba(250, 248, 245, 0.6);\n      line-height: 1.7;\n    }\n    \n    \/* How It Works Section *\/\n    .how-it-works {\n      background-color: var(--background);\n    }\n    \n    .steps-container {\n      display: flex;\n      flex-direction: column;\n      gap: 64px;\n      margin-top: 80px;\n    }\n    \n    @media (min-width: 1024px) {\n      .steps-container {\n        flex-direction: row;\n        gap: 0;\n      }\n    }\n    \n    .step {\n      flex: 1;\n      position: relative;\n      padding: 0 32px;\n    }\n    \n    @media (min-width: 1024px) {\n      .step:not(:last-child)::after {\n        content: '';\n        position: absolute;\n        top: 24px;\n        right: 0;\n        width: 100%;\n        height: 1px;\n        background: linear-gradient(to right, var(--gold), transparent);\n      }\n    }\n    \n    .step-number {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 4rem;\n      font-weight: 300;\n      color: var(--gold);\n      opacity: 0.3;\n      margin-bottom: 24px;\n    }\n    \n    .step-title {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.5rem;\n      color: var(--ivory);\n      margin-bottom: 16px;\n    }\n    \n    .step-text {\n      color: rgba(250, 248, 245, 0.6);\n      line-height: 1.7;\n    }\n    \n    \/* What's Inside Section *\/\n    .whats-inside {\n      background-color: var(--muted);\n    }\n    \n    \/* Product Section *\/\n    .product-section {\n      background-color: var(--muted);\n    }\n    \n    .product-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    \n    @media (min-width: 1024px) {\n      .product-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .product-image {\n      position: relative;\n    }\n    \n    .product-image img {\n      width: 100%;\n      height: auto;\n      display: block;\n    }\n    \n    .product-image-decor {\n      position: absolute;\n      bottom: -24px;\n      right: -24px;\n      width: 128px;\n      height: 128px;\n      border: 1px solid rgba(201, 169, 98, 0.2);\n      display: none;\n    }\n    \n    @media (min-width: 1024px) {\n      .product-image-decor {\n        display: block;\n      }\n    }\n    \n    .product-content .section-title {\n      line-height: 1.1;\n    }\n    \n    .product-list {\n      list-style: none;\n      margin: 32px 0;\n    }\n    \n    .product-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 12px;\n      padding: 12px 0;\n    }\n    \n    .product-bullet {\n      width: 6px;\n      height: 6px;\n      background-color: var(--gold);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n    \n    .product-list li span:last-child {\n      color: rgba(250, 248, 245, 0.7);\n    }\n    \n    .product-cta {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      align-items: flex-start;\n    }\n    \n    @media (min-width: 640px) {\n      .product-cta {\n        flex-direction: row;\n        align-items: center;\n      }\n    }\n    \n    .btn-large {\n      padding: 16px 32px;\n      font-size: 0.875rem;\n    }\n    \n    .product-limited {\n      color: rgba(250, 248, 245, 0.4);\n      font-size: 0.875rem;\n    }\n\n    .inside-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    \n    @media (min-width: 1024px) {\n      .inside-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .inside-image {\n      position: relative;\n      height: 500px;\n      overflow: hidden;\n    }\n    \n    .inside-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n    \n    .inside-image-badge {\n      position: absolute;\n      bottom: 24px;\n      left: 24px;\n      background-color: var(--background);\n      padding: 16px 24px;\n    }\n    \n    .inside-image-badge span {\n      font-size: 0.75rem;\n      letter-spacing: 0.1em;\n      color: var(--gold);\n    }\n    \n    .inside-list {\n      list-style: none;\n      margin-top: 48px;\n    }\n    \n    .inside-list li {\n      display: flex;\n      align-items: flex-start;\n      gap: 16px;\n      padding: 24px 0;\n      border-bottom: 1px solid rgba(250, 248, 245, 0.1);\n    }\n    \n    .inside-list-icon {\n      width: 8px;\n      height: 8px;\n      background-color: var(--gold);\n      border-radius: 50%;\n      margin-top: 8px;\n      flex-shrink: 0;\n    }\n    \n    .inside-list-content h4 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.25rem;\n      color: var(--ivory);\n      margin-bottom: 4px;\n    }\n    \n    .inside-list-content p {\n      color: rgba(250, 248, 245, 0.5);\n      font-size: 0.875rem;\n    }\n    \n    \/* Plantable Packaging Section *\/\n    .plantable {\n      background-color: var(--olive);\n      position: relative;\n      overflow: hidden;\n    }\n    \n    .plantable-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    \n    @media (min-width: 1024px) {\n      .plantable-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .plantable-image {\n      position: relative;\n      height: 600px;\n      overflow: hidden;\n    }\n    \n    .plantable-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n    \n    .plantable-stats {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 24px;\n      margin-top: 48px;\n      padding-top: 48px;\n      border-top: 1px solid rgba(250, 248, 245, 0.2);\n    }\n    \n    .stat-value {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 2rem;\n      color: var(--ivory);\n    }\n    \n    .stat-label {\n      font-size: 0.75rem;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: rgba(250, 248, 245, 0.5);\n      margin-top: 8px;\n    }\n    \n    \/* Community Section *\/\n    .community {\n      background-color: var(--background);\n    }\n    \n    .community-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 64px;\n      align-items: center;\n    }\n    \n    @media (min-width: 1024px) {\n      .community-grid {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    \n    .community-features {\n      margin-top: 48px;\n    }\n    \n    .community-feature {\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      padding: 16px 0;\n    }\n    \n    .community-feature-icon {\n      width: 12px;\n      height: 12px;\n      border: 1px solid var(--gold);\n      transform: rotate(45deg);\n    }\n    \n    .community-feature span {\n      color: rgba(250, 248, 245, 0.7);\n    }\n    \n    .community-image {\n      position: relative;\n      height: 500px;\n      overflow: hidden;\n    }\n    \n    .community-image img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n    \n    \/* Philosophy Section *\/\n    .philosophy {\n      background-color: var(--espresso);\n      text-align: center;\n    }\n    \n    .philosophy-content {\n      max-width: 900px;\n      margin: 0 auto;\n    }\n    \n    .philosophy-quote {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: clamp(1.75rem, 4vw, 2.5rem);\n      font-style: italic;\n      color: var(--ivory);\n      line-height: 1.5;\n      margin: 48px 0;\n    }\n    \n    .philosophy-divider {\n      width: 64px;\n      height: 1px;\n      background-color: var(--gold);\n      margin: 48px auto;\n    }\n    \n    .philosophy-author {\n      font-size: 0.875rem;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: rgba(250, 248, 245, 0.5);\n    }\n    \n    \/* Social Proof Section *\/\n    .social-proof {\n      background-color: var(--background);\n    }\n    \n    .social-proof-header {\n      text-align: center;\n      margin-bottom: 80px;\n    }\n    \n    .stats-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 48px;\n      margin-bottom: 80px;\n      padding-bottom: 80px;\n      border-bottom: 1px solid rgba(250, 248, 245, 0.1);\n    }\n    \n    .stat-item {\n      text-align: center;\n    }\n    \n    .stat-item .stat-value {\n      font-size: 3rem;\n    }\n    \n    .benefits-section h3 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.5rem;\n      color: var(--ivory);\n      text-align: center;\n      margin-bottom: 48px;\n    }\n    \n    .benefits-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    \n    @media (min-width: 768px) {\n      .benefits-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n    \n    @media (min-width: 1024px) {\n      .benefits-grid {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n    \n    .benefit-card {\n      background-color: var(--muted);\n      padding: 32px;\n      text-align: center;\n      transition: transform 0.3s;\n    }\n    \n    .benefit-card:hover {\n      transform: translateY(-4px);\n    }\n    \n    .benefit-icon {\n      width: 48px;\n      height: 48px;\n      border: 1px solid var(--gold);\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      margin: 0 auto 24px;\n    }\n    \n    .benefit-icon span {\n      color: var(--gold);\n      font-size: 1.25rem;\n    }\n    \n    .benefit-card h4 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.25rem;\n      color: var(--ivory);\n      margin-bottom: 8px;\n    }\n    \n    .benefit-card p {\n      color: rgba(250, 248, 245, 0.5);\n      font-size: 0.875rem;\n    }\n    \n    \/* Final CTA Section *\/\n    .final-cta {\n      background-color: var(--muted);\n      text-align: center;\n    }\n    \n    .final-cta-content {\n      max-width: 700px;\n      margin: 0 auto;\n    }\n    \n    .cta-form {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      max-width: 500px;\n      margin: 48px auto 0;\n      justify-content: center;\n      align-items: center;\n    }\n    \n    @media (min-width: 640px) {\n      .cta-form {\n        flex-direction: row;\n      }\n    }\n    \n    .cta-form input {\n      flex: 1;\n      background-color: var(--background);\n      border: 1px solid rgba(250, 248, 245, 0.2);\n      padding: 16px 24px;\n      color: var(--cream);\n      font-size: 1rem;\n      outline: none;\n      transition: border-color 0.3s;\n    }\n    \n    .cta-form input::placeholder {\n      color: rgba(250, 248, 245, 0.4);\n    }\n    \n    .cta-form input:focus {\n      border-color: var(--gold);\n    }\n    \n    .cta-form button,\n    .cta-form .btn-primary {\n      white-space: nowrap;\n    }\n    \n    .cta-disclaimer {\n      color: rgba(250, 248, 245, 0.4);\n      font-size: 0.75rem;\n      margin-top: 24px;\n    }\n    \n    \/* Footer *\/\n    .footer {\n      background-color: var(--background);\n      padding: 80px 0 48px;\n      border-top: 1px solid rgba(250, 248, 245, 0.1);\n    }\n    \n    .footer-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 48px;\n      margin-bottom: 64px;\n    }\n    \n    @media (min-width: 768px) {\n      .footer-grid {\n        grid-template-columns: 2fr 1fr 1fr 1fr;\n      }\n    }\n    \n    .footer-brand h3 {\n      font-family: 'Cormorant Garamond', serif;\n      font-size: 1.5rem;\n      color: var(--ivory);\n      margin-bottom: 16px;\n    }\n    \n    .footer-brand p {\n      color: rgba(250, 248, 245, 0.5);\n      font-size: 0.875rem;\n      line-height: 1.7;\n      max-width: 300px;\n    }\n    \n    .footer-column h4 {\n      font-size: 0.75rem;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n      color: var(--gold);\n      margin-bottom: 24px;\n    }\n    \n    .footer-column ul {\n      list-style: none;\n    }\n    \n    .footer-column ul li {\n      margin-bottom: 12px;\n    }\n    \n    .footer-column ul li a {\n      color: rgba(250, 248, 245, 0.5);\n      text-decoration: none;\n      font-size: 0.875rem;\n      transition: color 0.3s;\n    }\n    \n    .footer-column ul li a:hover {\n      color: var(--cream);\n    }\n    \n    .footer-newsletter input {\n      width: 100%;\n      background-color: var(--muted);\n      border: 1px solid rgba(250, 248, 245, 0.1);\n      padding: 12px 16px;\n      color: var(--cream);\n      font-size: 0.875rem;\n      margin-bottom: 12px;\n      outline: none;\n    }\n    \n    .footer-newsletter input::placeholder {\n      color: rgba(250, 248, 245, 0.4);\n    }\n    \n    .footer-newsletter a.btn-primary {\n      display: block;\n      width: 100%;\n      text-align: center;\n      padding: 12px 16px;\n    }\n    \n    .footer-bottom {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      align-items: center;\n      padding-top: 48px;\n      border-top: 1px solid rgba(250, 248, 245, 0.1);\n    }\n    \n    @media (min-width: 768px) {\n      .footer-bottom {\n        flex-direction: row;\n        justify-content: space-between;\n      }\n    }\n    \n    .footer-bottom p {\n      color: rgba(250, 248, 245, 0.4);\n      font-size: 0.875rem;\n    }\n    \n    .footer-legal {\n      display: flex;\n      gap: 24px;\n    }\n    \n    .footer-legal a {\n      color: rgba(250, 248, 245, 0.4);\n      text-decoration: none;\n      font-size: 0.75rem;\n      transition: color 0.3s;\n    }\n    \n    .footer-legal a:hover {\n      color: var(--cream);\n    }\n  <\/style>\n<\/head>\n<body>\n  <!-- Header -->\n  <header class=\"header\">\n    <div class=\"container\">\n      <div class=\"header-inner\">\n        <a href=\"#\" class=\"logo\">Coffee Mind<\/a>\n        <nav class=\"nav\">\n          <a href=\"#experiencia\" class=\"nav-link\">La Experiencia<\/a>\n          <a href=\"#filosofia\" class=\"nav-link\">Nuestra Historia<\/a>\n          <a href=\"https:\/\/wa.me\/5491161961240?text=Hola%2C%20quiero%20mi%20ritual%20con%20sentido\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\">Unirme a la Lista<\/a>\n        <\/nav>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- Hero Section -->\n  <section class=\"hero\">\n    <div class=\"hero-bg\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1495474472287-4d71bcdd2085?w=1920&q=80\" alt=\"Caf\u00e9 artesanal\">\n      <div class=\"hero-overlay\"><\/div>\n    <\/div>\n    <div class=\"hero-content\">\n      <span class=\"hero-badge\">Pr\u00f3ximamente<\/span>\n      <h1 class=\"hero-title\">Caf\u00e9, transformado<br>en <em>ritual<\/em><\/h1>\n      <p class=\"hero-subtitle\">\n        Una suscripci\u00f3n mensual que va m\u00e1s all\u00e1 del caf\u00e9 de especialidad. \n        Cada caja es una invitaci\u00f3n a pausar, explorar tus sentidos y \n        reconectarte con lo que importa.\n      <\/p>\n      <div class=\"hero-buttons\">\n        <a href=\"https:\/\/wa.me\/5491161961240?text=Hola%2C%20quiero%20mi%20ritual%20con%20sentido\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\">Unirme a la Lista<\/a>\n        <a href=\"#experiencia\" class=\"btn-outline\">Descubrir el Ritual<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"scroll-indicator\">\n      <span style=\"font-size: 0.75rem; letter-spacing: 0.1em;\">DESCUBRE<\/span>\n      <div class=\"scroll-line\"><\/div>\n    <\/div>\n  <\/section>\n\n  <!-- What Is This Section -->\n  <section class=\"section what-is-this\" id=\"experiencia\">\n    <div class=\"container\">\n      <div class=\"section-header\">\n        <p class=\"section-badge\">La Experiencia<\/p>\n        <h2 class=\"section-title\">Empieza con caf\u00e9.<br>Descubre algo m\u00e1s profundo.<\/h2>\n        <p class=\"section-text\" style=\"margin: 0 auto;\">\n          Coffee Mind no es solo una suscripci\u00f3n de caf\u00e9. Es un portal hacia \n          momentos de presencia genuina en tu vida cotidiana.\n        <\/p>\n      <\/div>\n      <div class=\"pillars-grid\">\n        <div class=\"pillar-card\">\n          <div class=\"pillar-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1447933601403-0c6688de566e?w=800&q=80\" alt=\"Caf\u00e9 de especialidad\">\n            <div class=\"pillar-image-overlay\"><\/div>\n          <\/div>\n          <div class=\"pillar-content\">\n            <p class=\"pillar-number\">01<\/p>\n            <h3 class=\"pillar-title\">Caf\u00e9 de Especialidad<\/h3>\n            <p class=\"pillar-text\">\n              Granos raros, tostados con maestr\u00eda, de fincas que honran \n              la tierra y a quienes la cultivan.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pillar-card\">\n          <div class=\"pillar-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1506905925346-21bda4d32df4?w=800&q=80\" alt=\"Descubrimiento sensorial\">\n            <div class=\"pillar-image-overlay\"><\/div>\n          <\/div>\n          <div class=\"pillar-content\">\n            <p class=\"pillar-number\">02<\/p>\n            <h3 class=\"pillar-title\">Descubrimiento Sensorial<\/h3>\n            <p class=\"pillar-text\">\n              Cada caja incluye elementos sensoriales cuidadosamente \n              seleccionados para despertar tu curiosidad.\n            <\/p>\n          <\/div>\n        <\/div>\n        <div class=\"pillar-card\">\n          <div class=\"pillar-image\">\n            <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544716278-ca5e3f4abd8c?w=800&q=80\" alt=\"Ritual y reflexi\u00f3n\">\n            <div class=\"pillar-image-overlay\"><\/div>\n          <\/div>\n          <div class=\"pillar-content\">\n            <p class=\"pillar-number\">03<\/p>\n            <h3 class=\"pillar-title\">Ritual y Reflexi\u00f3n<\/h3>\n            <p class=\"pillar-text\">\n              Gu\u00edas de ritual y preguntas de reflexi\u00f3n que transforman \n              tu caf\u00e9 en un momento de conexi\u00f3n interior.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- How It Works Section -->\n  <section class=\"section how-it-works\">\n    <div class=\"container\">\n      <div style=\"text-align: center;\">\n        <p class=\"section-badge\">C\u00f3mo Funciona<\/p>\n        <h2 class=\"section-title\">Tres pasos hacia la presencia<\/h2>\n      <\/div>\n      <div class=\"steps-container\">\n        <div class=\"step\">\n          <p class=\"step-number\">01<\/p>\n          <h3 class=\"step-title\">Recibe tu caja mensual<\/h3>\n          <p class=\"step-text\">\n            Cada mes, una caja cuidadosamente curada llega a tu puerta. \n            Sin decisiones, sin estr\u00e9s. Solo anticipaci\u00f3n.\n          <\/p>\n        <\/div>\n        <div class=\"step\">\n          <p class=\"step-number\">02<\/p>\n          <h3 class=\"step-title\">Prepara, pausa y experimenta<\/h3>\n          <p class=\"step-text\">\n            Sigue las gu\u00edas de ritual incluidas. Prepara tu caf\u00e9 con \n            intenci\u00f3n. Explora los elementos sensoriales del mes.\n          <\/p>\n        <\/div>\n        <div class=\"step\">\n          <p class=\"step-number\">03<\/p>\n          <h3 class=\"step-title\">Planta, reflexiona y reconecta<\/h3>\n          <p class=\"step-text\">\n            Cuando termines, planta el empaque y observa crecer algo nuevo. \n            Cada fin es un comienzo.\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- What's Inside Section -->\n  <section class=\"section whats-inside\">\n    <div class=\"container\">\n      <div class=\"inside-grid\">\n        <div class=\"inside-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511920170033-f8396924c348?w=800&q=80\" alt=\"Contenido de la caja\">\n          <div class=\"inside-image-badge\">\n            <span>EDICI\u00d3N LIMITADA<\/span>\n          <\/div>\n        <\/div>\n        <div>\n          <p class=\"section-badge\">Qu\u00e9 Incluye<\/p>\n          <h2 class=\"section-title\">Un misterio cuidadosamente curado<\/h2>\n          <p class=\"section-text\">\n            No revelamos todo. El descubrimiento es parte del ritual. \n            Pero esto es lo que puedes esperar:\n          <\/p>\n          <ul class=\"inside-list\">\n            <li>\n              <div class=\"inside-list-icon\"><\/div>\n              <div class=\"inside-list-content\">\n                <h4>Caf\u00e9 de origen \u00fanico<\/h4>\n                <p>200g de granos seleccionados de micro-lotes exclusivos<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <div class=\"inside-list-icon\"><\/div>\n              <div class=\"inside-list-content\">\n                <h4>Elemento sensorial sorpresa<\/h4>\n                <p>Un objeto o experiencia para explorar con cada sentido<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <div class=\"inside-list-icon\"><\/div>\n              <div class=\"inside-list-content\">\n                <h4>Gu\u00eda de ritual<\/h4>\n                <p>Instrucciones y reflexiones para tu pr\u00e1ctica del mes<\/p>\n              <\/div>\n            <\/li>\n            <li>\n              <div class=\"inside-list-icon\"><\/div>\n              <div class=\"inside-list-content\">\n                <h4>Tarjeta plantable<\/h4>\n                <p>Semillas de hierbas arom\u00e1ticas en papel biodegradable<\/p>\n              <\/div>\n            <\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Product Section - El Ritual del Sentido -->\n  <section class=\"section product-section\" id=\"producto\">\n    <div class=\"container\">\n      <div class=\"product-grid\">\n        <div class=\"product-image\">\n          <img decoding=\"async\" src=\"https:\/\/hebbkx1anhila5yf.public.blob.vercel-storage.com\/image-tGjyJDSo13pvZ1l4lWZMnOA48Nh9d7.png\" alt=\"Coffee Mind - El Ritual del Sentido - Caja con caf\u00e9 de especialidad, taza artesanal y libro El Hombre en Busca de Sentido\">\n          <div class=\"product-image-decor\"><\/div>\n        <\/div>\n        <div class=\"product-content\">\n          <p class=\"section-badge\">Edici\u00f3n Especial<\/p>\n          <h2 class=\"section-title\">El Ritual<br><em style=\"color: var(--gold);\">del Sentido<\/em><\/h2>\n          <p class=\"section-text\">\n            Una experiencia sensorial completa inspirada en la obra de Viktor Frankl. \n            Cada caja incluye caf\u00e9 de origen \u00fanico, una taza artesanal y el libro que \n            transformar\u00e1 tu perspectiva sobre el sentido de la vida.\n          <\/p>\n          <ul class=\"product-list\">\n            <li>\n              <span class=\"product-bullet\"><\/span>\n              <span>Caf\u00e9 de especialidad Colombia - Origen \u00fanico 250g<\/span>\n            <\/li>\n            <li>\n              <span class=\"product-bullet\"><\/span>\n              <span>Taza artesanal de cer\u00e1mica hecha a mano<\/span>\n            <\/li>\n            <li>\n              <span class=\"product-bullet\"><\/span>\n              <span>Libro \"El Hombre en Busca de Sentido\" - Viktor Frankl<\/span>\n            <\/li>\n            <li>\n              <span class=\"product-bullet\"><\/span>\n              <span>Empaque plantable con semillas<\/span>\n            <\/li>\n            <li>\n              <span class=\"product-bullet\"><\/span>\n              <span>Gu\u00eda de ritual y reflexi\u00f3n<\/span>\n            <\/li>\n          <\/ul>\n          <div class=\"product-cta\">\n            <a href=\"https:\/\/wa.me\/5491161961240?text=Hola%2C%20quiero%20mi%20ritual%20con%20sentido\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary btn-large\">Quiero mi Ritual del Sentido<\/a>\n            <span class=\"product-limited\">Edici\u00f3n limitada - Solo 500 cajas<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Plantable Packaging Section -->\n  <section class=\"section plantable\">\n    <div class=\"container\">\n      <div class=\"plantable-grid\">\n        <div>\n          <p class=\"section-badge\">Sostenible por Dise\u00f1o<\/p>\n          <h2 class=\"section-title\">Cuando el ritual termina, algo nuevo comienza<\/h2>\n          <p class=\"section-text\">\n            Nuestro empaque no es basura\u2014es potencial. Cada elemento est\u00e1 dise\u00f1ado \n            para regresar a la tierra, trayendo nueva vida a tu jard\u00edn o maceta.\n          <\/p>\n          <div class=\"plantable-stats\">\n            <div>\n              <p class=\"stat-value\">100%<\/p>\n              <p class=\"stat-label\">Biodegradable<\/p>\n            <\/div>\n            <div>\n              <p class=\"stat-value\">0<\/p>\n              <p class=\"stat-label\">Pl\u00e1stico<\/p>\n            <\/div>\n            <div>\n              <p class=\"stat-value\">\u221e<\/p>\n              <p class=\"stat-label\">Nueva vida<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"plantable-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1416879595882-3373a0480b5b?w=800&q=80\" alt=\"Empaque plantable\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Community Section -->\n  <section class=\"section community\">\n    <div class=\"container\">\n      <div class=\"community-grid\">\n        <div>\n          <p class=\"section-badge\">Comunidad<\/p>\n          <h2 class=\"section-title\">Un c\u00edrculo silencioso de buscadores<\/h2>\n          <p class=\"section-text\">\n            Cada caja incluye acceso QR a nuestra comunidad privada. \n            No es una red social m\u00e1s\u2014es un espacio para compartir \n            momentos de quietud.\n          <\/p>\n          <div class=\"community-features\">\n            <div class=\"community-feature\">\n              <div class=\"community-feature-icon\"><\/div>\n              <span>Sesiones de preparaci\u00f3n en vivo<\/span>\n            <\/div>\n            <div class=\"community-feature\">\n              <div class=\"community-feature-icon\"><\/div>\n              <span>C\u00edrculos de reflexi\u00f3n mensuales<\/span>\n            <\/div>\n            <div class=\"community-feature\">\n              <div class=\"community-feature-icon\"><\/div>\n              <span>Acceso anticipado a ediciones especiales<\/span>\n            <\/div>\n            <div class=\"community-feature\">\n              <div class=\"community-feature-icon\"><\/div>\n              <span>Conversaciones con productores<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"community-image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?w=800&q=80\" alt=\"Comunidad\">\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Philosophy Section -->\n  <section class=\"section philosophy\" id=\"filosofia\">\n    <div class=\"container\">\n      <div class=\"philosophy-content\">\n        <p class=\"section-badge\">Nuestra Filosof\u00eda<\/p>\n        <h2 class=\"section-title\">Una manera m\u00e1s silenciosa de experimentar m\u00e1s<\/h2>\n        <p class=\"section-text\" style=\"margin: 24px auto 0; text-align: center; max-width: 700px;\">\n          En un mundo que grita por tu atenci\u00f3n, nosotros susurramos. \n          Coffee Mind existe para quienes entienden que los momentos \n          m\u00e1s profundos suceden en la quietud.\n        <\/p>\n        <div class=\"philosophy-divider\"><\/div>\n        <blockquote class=\"philosophy-quote\">\n          \"El ritual no es el caf\u00e9. El caf\u00e9 es solo la invitaci\u00f3n. \n          El ritual eres t\u00fa, eligiendo estar presente.\"\n        <\/blockquote>\n        <p class=\"philosophy-author\">\u2014 Coffee Mind<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Social Proof Section -->\n  <section class=\"section social-proof\">\n    <div class=\"container\">\n      <div class=\"social-proof-header\">\n        <p class=\"section-badge\">Acceso Anticipado<\/p>\n        <h2 class=\"section-title\">\u00danete a quienes ya esperan<\/h2>\n      <\/div>\n      <div class=\"stats-grid\">\n        <div class=\"stat-item\">\n          <p class=\"stat-value\">2,500+<\/p>\n          <p class=\"stat-label\">En la lista de espera<\/p>\n        <\/div>\n        <div class=\"stat-item\">\n          <p class=\"stat-value\">12<\/p>\n          <p class=\"stat-label\">Pa\u00edses representados<\/p>\n        <\/div>\n        <div class=\"stat-item\">\n          <p class=\"stat-value\">Q1<\/p>\n          <p class=\"stat-label\">Lanzamiento esperado<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"benefits-section\">\n        <h3>Los miembros tempranos reciben:<\/h3>\n        <div class=\"benefits-grid\">\n          <div class=\"benefit-card\">\n            <div class=\"benefit-icon\"><span>%<\/span><\/div>\n            <h4>20% de descuento<\/h4>\n            <p>En tu primera caja de por vida<\/p>\n          <\/div>\n          <div class=\"benefit-card\">\n            <div class=\"benefit-icon\"><span>\u2605<\/span><\/div>\n            <h4>Caja fundador<\/h4>\n            <p>Edici\u00f3n exclusiva de lanzamiento<\/p>\n          <\/div>\n          <div class=\"benefit-card\">\n            <div class=\"benefit-icon\"><span>\u25c6<\/span><\/div>\n            <h4>Acceso prioritario<\/h4>\n            <p>Antes que el p\u00fablico general<\/p>\n          <\/div>\n          <div class=\"benefit-card\">\n            <div class=\"benefit-icon\"><span>\u221e<\/span><\/div>\n            <h4>Comunidad vitalicia<\/h4>\n            <p>Acceso permanente al c\u00edrculo<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Final CTA Section -->\n  <section class=\"section final-cta\" id=\"cta\">\n    <div class=\"container\">\n      <div class=\"final-cta-content\">\n        <p class=\"section-badge\">\u00danete al Ritual<\/p>\n        <h2 class=\"section-title\">Transforma tus ma\u00f1anas<\/h2>\n        <p class=\"section-text\" style=\"margin: 0 auto; text-align: center;\">\n          \u00danete a la lista de acceso anticipado y s\u00e9 el primero en \n          experimentar un nuevo tipo de ritual. Recon\u00e9ctate con la presencia.\n        <\/p>\n        <div class=\"cta-form\">\n          <a href=\"https:\/\/wa.me\/5491161961240?text=Hola%2C%20quiero%20mi%20ritual%20con%20sentido\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary btn-large\">UNIRME POR WHATSAPP<\/a>\n        <\/div>\n        <p class=\"cta-disclaimer\">\n          Sin spam. Cancela cuando quieras. Respetamos tu bandeja tanto como respetamos tu tiempo.\n        <\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Footer -->\n  <footer class=\"footer\">\n    <div class=\"container\">\n      <div class=\"footer-grid\">\n        <div class=\"footer-brand\">\n          <h3>Coffee Mind<\/h3>\n          <p>\n            Transformando el caf\u00e9 cotidiano en momentos significativos \n            de presencia, descubrimiento y vida intencional.\n          <\/p>\n        <\/div>\n        <div class=\"footer-column\">\n          <h4>Explorar<\/h4>\n          <ul>\n            <li><a href=\"#experiencia\">La Experiencia<\/a><\/li>\n            <li><a href=\"#filosofia\">Nuestra Historia<\/a><\/li>\n            <li><a href=\"#\">Sostenibilidad<\/a><\/li>\n            <li><a href=\"#\">Comunidad<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-column\">\n          <h4>Conectar<\/h4>\n          <ul>\n            <li><a href=\"#\">Instagram<\/a><\/li>\n            <li><a href=\"#\">Contacto<\/a><\/li>\n            <li><a href=\"#\">Prensa<\/a><\/li>\n            <li><a href=\"#\">FAQ<\/a><\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"footer-column\">\n          <h4>Mantente en contacto<\/h4>\n          <div class=\"footer-newsletter\">\n            <a href=\"https:\/\/wa.me\/5491161961240?text=Hola%2C%20quiero%20mi%20ritual%20con%20sentido\" target=\"_blank\" rel=\"noopener\" class=\"btn-primary\">UNIRME POR WHATSAPP<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"footer-bottom\">\n        <p>\u00a9 2024 Coffee Mind. Todos los derechos reservados.<\/p>\n        <div class=\"footer-legal\">\n          <a href=\"#\">Privacidad<\/a>\n          <a href=\"#\">T\u00e9rminos<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Coffee Mind \u2014 Una Experiencia Premium de Suscripci\u00f3n de Caf\u00e9 Coffee Mind La Experiencia Nuestra Historia Unirme a la Lista Pr\u00f3ximamente Caf\u00e9, transformadoen ritual Una suscripci\u00f3n mensual que va m\u00e1s all\u00e1 del caf\u00e9 de especialidad. Cada caja es una invitaci\u00f3n a pausar, explorar tus sentidos y reconectarte con lo que importa. Unirme a la Lista [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3861","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3861"}],"collection":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/comments?post=3861"}],"version-history":[{"count":19,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3861\/revisions"}],"predecessor-version":[{"id":3972,"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/pages\/3861\/revisions\/3972"}],"wp:attachment":[{"href":"https:\/\/www.virginiarosello.com\/index.php\/wp-json\/wp\/v2\/media?parent=3861"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}