/** Shopify CDN: Minification failed

Line 18:0 Unexpected "`"
Line 19:1 Expected identifier but found "%"
Line 20:33 Unexpected "-"
Line 22:1 Expected identifier but found "%"
Line 24:0 Unexpected "{"
Line 24:1 Expected identifier but found "%"
Line 26:0 Unexpected "{"
Line 26:1 Unexpected "{"
Line 26:3 Expected identifier but found "'landing-micropigmentacion.css'"
Line 27:0 Unexpected "<"
... and 46 more hidden warnings

**/


```liquid
{% comment %}
  Landing Page Premium Unificada - Micropigmentación de Labios
  Contiene HTML, CSS de Conversión Centrado y Lógica JS Interactiva
{% endcomment %}

{% assign total_ahorro = product.compare_at_price | minus: product.price %}

{{ 'landing-micropigmentacion.css' | asset_url | stylesheet_tag }}
<script src="{{ 'landing.js' | asset_url }}" defer="defer"></script>

<div class="landing-micropigmentacion-root">

  <div class="top-urgency-bar">
      <span>🔴 LA OFERTA DE LANZAMIENTO TERMINA EN:</span>
      <div class="countdown-clock" id="landing-countdown">09:22</div>
  </div>

  <div class="live-status-bar">
      <span class="status-viewing">🟢 <span id="live-counter">186</span> personas están viendo esta oferta ahora</span>
      <span class="status-seats">🔔 ¡ÚLTIMOS 2 CUPOS EN OFERTA!</span>
  </div>

  <header class="main-hero text-center">
      <div class="badge-container">
          <span class="badge-outline">✨ COMBO COMPLETO DE MICROPIGMENTACIÓN</span>
          <span class="badge-downloads">📥 + 3370 DESCARGAS</span>
      </div>

      <h1 class="main-title">
          Conviértete en experta en <span class="title-underline">Micropigmentación de Labios</span> 
      </h1>

      <p class="main-subtitle">
          Consigue la guía definitiva de implantación y colorimetría que convertirá tus tratamientos en obras de arte de retención impecable, <strong>sin perder tiempo ensayando por tu cuenta</strong>.
      </p>

      <div class="product-mockup-container">
          <div class="mockup-tag">⏱️ PACK DIGITAL DE DESCARGA INSTANTÁNEA</div>
          <div class="mockup-image-placeholder">
              {% if product.featured_image %}
                  <img src="{{ product.featured_image | img_url: '600x' }}" alt="{{ product.title }}" style="max-width: 100%; height: auto; border-radius: 16px;">
              {% else %}
                  <img src="{{ 'mockup-principal.png' | asset_url }}" alt="Combo Principal Micropigmentación" style="max-width: 100%; height: auto; border-radius: 16px;">
              {% endif %}
          </div>
      </div>
      <p class="mockup-disclaimer">*Fotografía ilustrativa del producto digital en alta resolución. Acceso digital inmediato sin cargos de envío.</p>

      <div class="info-blocks-stack">
          <div class="info-box border-rose shadow-sm text-center">
              <p><strong>✓ ¿QUÉ INCLUYE EL PACK?</strong></p>
              <p class="text-muted">1 Ebook Principal de contenido técnico ultra-detallado + 3 Regalos tácticos complementarios de acceso inmediato.</p>
          </div>

          <div class="info-box border-gold shadow-sm text-center">
              <p><strong>🔒 COMPRA 100% SIN RIESGO</strong></p>
              <p class="text-muted">Descarga inmediata en cualquier dispositivo. Cero envíos físicos tardados. Formatos universales listos para celular.</p>
          </div>

          <div class="info-box-promo shadow-sm text-center">
              <div class="promo-icon">🎁</div>
              <div class="promo-text">
                  <p class="promo-label">PROMO EXCLUSIVA</p>
                  <p class="promo-title">Combo Especial con 3 Ebooks Adicionales</p>
                  <p class="text-muted">Precio regular de {{ product.compare_at_price | money }} hoy reducido.</p>
              </div>
          </div>
      </div>
  </header>

  <section class="content-breakdown text-center">
      <span class="section-tag">¿CÓMO FUNCIONA EL COMBO EXCLUSIVO?</span>
      <h2 class="serif-section-title">Un Arsenal de Conocimiento Profesional</h2>
      <p class="section-subtitle-center">Obtienes el <strong>Manual Táctico Principal</strong> desarrollado paso a paso con esquemas visuales, respaldado además por <strong>3 Ebooks Extraordinarios</strong> de especialización.</p>

      <div class="tomo-browser-container">
          <p class="browser-instruction text-center">CONTENIDO DETALLADO DEL COMPENDIO:</p>
          
          <div class="tomo-card text-center">
              <div class="tomo-header-center">
                  <span class="tomo-number">EBOOK CENTRAL</span>
                  <h3 class="tomo-title">Tengo Miedo de Hacer Micropigmentación Labios: Guía completa, práctica y transformadora</h3>
              </div>

              <div class="technical-summary-box text-center">
                  <p>Vence el miedo técnico y domina la <span class="dotted-link">composición celular</span> de la piel del labio, los tipos de <span class="dotted-link">melanina</span> y cómo <span class="dotted-link">neutralizar</span> labios oscuros u oscurecidos (marrones, violáceos, azulados) con mezclas exactas de pigmentos para obtener tonos cálidos y estables.</p>
              </div>
              <p class="cursor-hint">✨ Pasa el cursor sobre los términos con línea punteada para ver su definición técnica.</p>

              <ul class="tomo-checklist-center">
                  <li><span>✓</span> Ilustraciones gráficas HD paso a paso</li>
                  <li><span>✓</span> Errores fatales de implantación a evitar</li>
                  <li><span>✓</span> Tips y secretos de retención extrema</li>
                  <li><span>✓</span> Protocolos de seguridad clínica</li>
              </ul>

              <div class="tomo-footer text-center">
                  <span>🔒 PDF descargable optimizado para imprimir y celular</span>
              </div>
          </div>
      </div>
  </section>

  <section class="evidence-section text-center">
      <span class="section-tag">RESULTADOS REALES DE GABINETE</span>
      <h2 class="serif-section-title">Mira el Milagro del "Antes y Después"</h2>
      <p class="section-subtitle-center">Te enseñamos a lograr estos mismos resultados cicatrizados perfectos sin lastimar la piel, dominando la profundidad exacta de implantación técnica.</p>

      <div class="case-study-container">
          <div class="split-image-container">
              <div class="split-side before-label">
                  <img src="{{ 'antes-labios.webp' | asset_url }}" alt="Labios sin contorno antes del tratamiento" style="width: 100%; height: 100%; object-fit: cover; display: block;">
              </div>
              <div class="split-side after-label">
                  <img src="{{ 'despues-labios.webp' | asset_url }}" alt="Efecto acuarela cicatrizado después del tratamiento" style="width: 100%; height: 100%; object-fit: cover; display: block;">
              </div>
              <div class="split-overlay-bar">
                  <span>ANTES: Labio sin contorno y pálido</span>
                  <span>DESPUÉS: Efecto acuarela cicatrizado</span>
              </div>
          </div>

          <div class="technical-sheet text-center">
              <span class="sheet-sub">PROTOCOLO TÉCNICO</span>
              <h4 class="sheet-title">Definición y Color Soft Rose</h4>
              <p class="sheet-desc">Paciente presentaba pérdida total de la línea de transición (arco de cupido difuso) y mucosa pálida que daba sensación de cansancio.</p>
              
              <table class="technical-table">
                  <tr>
                      <td>Aguja Recomendada</td>
                      <td><strong>1R 0.30mm (Taper Largo)</strong></td>
                  </tr>
                  <tr>
                      <td>Movimiento Técnico</td>
                      <td><strong>Péndulo rápido cruzado</strong></td>
                  </tr>
                  <tr>
                      <td>Dermógrafo Voltaje</td>
                      <td><strong>5.5V – 6.2V</strong></td>
                  </tr>
                  <tr>
                      <td>Pigmento Usado</td>
                      <td><strong>Rosa Pastel con toque Dorado</strong></td>
                  </tr>
              </table>
          </div>

          <div class="cabinet-pitch-box text-center">
              <p><strong>¿Quieres lograr esto en tu gabinete?</strong> En nuestra colección digital te enseñamos la presión perfecta de la mano para que nunca dejes moretones ni sangrados indeseados.</p>
          </div>
      </div>
  </section>

  <section class="cabinet-practice-section text-center">
      <span class="section-tag">TÉCNICA EN VIVO & EQUIPAMIENTO</span>
      <h2 class="serif-section-title">El Gabinete Profesional y la Técnica en Acción</h2>
      <p class="section-subtitle-center">No solo vendemos teoría. Te llevamos virtualmente dentro de una cabina estética real para que domines la distribución de tu espacio de trabajo y la precisión milimétrica de la aguja.</p>

      <div class="cards-layout-stack">
          
          <div class="practice-card shadow-sm">
              <div class="card-banner-img" style="height: auto;">
                  <span class="img-badge-overlay">ENTORNO SANITARIO & DISEÑO</span>
                  <img src="{{ 'cabina-alta-gama.webp' | asset_url }}" alt="Diseño de clínica estética y cabina de alta gama" style="width: 100%; height: 220px; object-fit: cover; display: block;">
              </div>
              <div class="card-body text-center">
                  <h3>La Configuración de tu Cabina de Alta Gama</h3>
                  <p class="text-muted">Aprende el diseño ergonómico de cabina para evitar dolores de espalda en jornadas largas. Revelamos la iluminación LED óptima por temperatura de color (Kelvin) para ver las texturas reales de la mucosa, los materiales de barrera necesarios, y cómo desinfectar tu dermógrafo respetando la normativa de salud internacional.</p>
                  <div class="card-footer-tags" style="justify-content: center;">
                      <span class="tag-pill-dark">Contenido Premium</span>
                      <span class="tag-label-link">Protocolo de Bioseguridad y Ergonomía</span>
                  </div>
              </div>
          </div>

          <div class="practice-card shadow-sm">
              <div class="card-banner-img" style="height: auto;">
                  <span class="img-badge-overlay bg-rose-tag">PRÁCTICA DE ALTA PRECISIÓN</span>
                  <img src="{{ 'practica.webp' | asset_url }}" alt="Primer plano de micropigmentación en labios" style="width: 100%; height: 220px; object-fit: cover; display: block;">
              </div>
              <div class="card-body text-center">
                  <h3>El Arte del Estiramiento de Piel y Ángulo</h3>
                  <p class="text-muted">El gran secreto de la retención del color radica en el estiramiento en tres puntos de apoyo con los dedos para tensar la mucosa sin causar hematomas. Te explicamos el ángulo estricto de 90 grados para líneas perfectas de contorno y maniobras de vaivén fluidas.</p>
              </div>
          </div>

      </div>
  </section>

  <section class="certification-section text-center">
      <div class="container-narrow">
          <span class="section-tag-teal">★ CERTIFICACIÓN EXCLUSIVA INCLUIDA ★</span>
          <h2 class="serif-section-title mt-10">Se Entrega Certificado De Participación Profesional</h2>
          
          <p class="section-desc-center">
              Al adquirir tu combo de micropigmentación hoy, recibirás un certificado digital oficial con un código único de verificación para imprimir en alta resolución y colgar con orgullo en tu cabina o salón.
          </p>
          <p class="section-desc-center">
              Este diploma certifica que has adquirido la colección completa de manuales, dominando las bases científicas del diseño simétrico, colorimetría avanzada de labios oscuros, higiene extrema y técnicas de implantación internacional.
          </p>

          <ul class="custom-teal-checklist-center">
              <li><span class="teal-check">✓</span> Listo para Imprimir en Alta Calidad</li>
              <li><span class="teal-check">✓</span> Sello Dorado holográfico de autenticidad</li>
              <li><span class="teal-check">✓</span> Aumenta la confianza y credibilidad de tus clientas</li>
          </ul>

          <div class="diploma-mockup-container">
              <div class="diploma-placeholder" style="height: auto; background: none; position: relative;">
                  <img src="{{ 'certificado-profesional.webp' | asset_url }}" alt="Diploma oficial de participación en micropigmentación" style="width: 100%; height: auto; border-radius: 12px; display: block;">
                  <div class="diploma-tag-overlay" style="position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); white-space: nowrap;">ENTREGA INMEDIATA TRAS COMPRA</div>
              </div>
          </div>
      </div>
  </section>

  <section class="bonuses-section text-center">
      <div class="container-narrow">
          <div class="bonus-badge-header">🎁 REGALOS EXCLUSIVOS ADICIONALES (100% GRATIS)</div>
          <h2 class="serif-section-title mt-15">Lleva tu Práctica al Siguiente Nivel con 3 Bonos de Regalo</h2>
          <p class="section-subtitle-center">Para asegurar que no falte nada en tu consultorio, añadimos estas valiosas guías de especialización avanzada. <strong>Totalmente gratis con tu acceso de hoy.</strong></p>

          <div class="bonuses-stack">

              <div class="bonus-card shadow-sm text-center">
                  <div class="bonus-card-header">
                      <span class="bonus-number">Bono #1</span>
                      <span class="bonus-format">Ebook PDF Premium</span>
                  </div>
                  <h3 class="bonus-title">Desbloqueando tu Creatividad en Micropigmentación: Innovación para resultados excepcionales</h3>
                  <p class="bonus-desc">Aprende a romper con los diseños planos y monótonos. Descubre cómo potenciar tu visión artística para formular tonos innovadores que resalten en redes sociales y fascinen a tus clientas.</p>
                  <div class="bonus-card-footer">
                      <span class="bonus-value">Valor real: <del>$12.500</del></span>
                      <span class="bonus-free-tag">GRATIS HOY</span>
                  </div>
              </div>

              <div class="bonus-card shadow-sm text-center">
                  <div class="bonus-card-header">
                      <span class="bonus-number">Bono #2</span>
                      <span class="bonus-format">Ebook PDF Premium</span>
                  </div>
                  <h3 class="bonus-title">Maximizando tus Resultados: Estrategias avanzadas en micropigmentación de labios</h3>
                  <p class="bonus-desc">Técnicas avanzadas de fijación, protocolos rigurosos de corrección para casos complejos o retoques, y la prevención efectiva de las complicaciones más frecuentes en cabina.</p>
                  <div class="bonus-card-footer">
                      <span class="bonus-value">Valor real: <del>$18.000</del></span>
                      <span class="bonus-free-tag">GRATIS HOY</span>
                  </div>
              </div>

              <div class="bonus-card shadow-sm text-center">
                  <div class="bonus-card-header">
                      <span class="bonus-number">Bono #3</span>
                      <span class="bonus-format">Ebook PDF Premium</span>
                  </div>
                  <h3 class="bonus-title">Dominando la Comunicación con Clientes: El secreto para el éxito en micropigmentación</h3>
                  <p class="bonus-desc">Aprende a comunicar con seguridad, generar conexiones empáticas reales, alinear las expectativas de diseño antes del procedimiento y fidelizar a cada persona.</p>
                  <div class="bonus-card-footer">
                      <span class="bonus-value">Valor real: <del>$14.500</del></span>
                      <span class="bonus-free-tag">GRATIS HOY</span>
                  </div>
              </div>

          </div>

          <div class="value-calculator-box text-center">
              <span class="calculator-tag">CALCULADORA DE VALORES</span>
              <h3 class="calculator-title">Valor Total del Combo: <del>{{ product.compare_at_price | money }}</del> hoy solo <span class="final-price-highlight">{{ product.price | money }}</span></h3>
              <p class="calculator-desc">Te llevas la guía técnica principal respaldada por las 3 guías avanzadas premium de regalo. ¡Un ahorro masivo asegurado hoy!</p>
          </div>

      </div>
  </section>

  <section class="checkout-offer-section text-center">
      <div class="container-narrow">
          <span class="section-tag-rose">¡OFERTA FLASH DE LANZAMIENTO!</span>
          <h2 class="serif-section-title mt-10">Asegura tu Acceso Completo de Inmediato</h2>

          <div class="checkout-card-border">
              <span class="card-top-badge">MÁS DE CORTO PLAZO</span>
              
              <p class="checkout-card-sub">{{ product.title | uppercase }}</p>
              <h3 class="checkout-card-main-title">GUÍA TÉCNICA CENTRAL + 3 COMPLEMENTOS DE REGALO</h3>

              <div class="inner-price-box">
                  <p class="reg-price">Precio Regular: <del>{{ product.compare_at_price | money }}</del></p>
                  <p class="spec-price-label">PRECIO ESPECIAL DE HOY</p>
                  <div class="main-numeric-price">{{ product.price | money }}</div>
                  {% if total_ahorro > 0 %}
                      <div class="save-badge">AHORRO DE {{ total_ahorro | money }}</div>
                  {% endif %}
              </div>

              <ul class="checkout-bullet-list">
                  <li><span class="check-green">✓</span> Acceso de por vida a la Guía Técnica de Implantación Central.</li>
                  <li><span class="check-green">✓</span> Los 3 Ebooks avanzados de regalo incluidos.</li>
                  <li><span class="check-green">✓</span> Certificado Oficial de participación descargable.</li>
                  <li><span class="check-green">✓</span> ACCESO DIGITAL INSTANTÁNEO</li>
              </ul>

              {% form 'product', product %}
                  <input type="hidden" name="id" value="{{ product.selected_or_first_available_variant.id }}">
                  <button type="submit" name="add" class="wp-btn-action" style="width: 100%; border: none; font-size: 14px; padding: 16px; margin-bottom: 20px; cursor: pointer; background-color: #C2707B;">
                      ADQUIRIR EL COMBO COMPLETO AHORA
                  </button>
              {% endform %}

              <div class="progress-seats-box">
                  <div class="progress-texts">
                      <span>CUPOS DISPONIBLES HOY</span>
                      <strong>¡ÚLTIMOS 2 CUPOS EN OFERTA!</strong>
                  </div>
                  <div class="progress-bar-bg">
                      <div class="progress-bar-fill" style="width: 93%;"></div>
                  </div>
                  <p class="progress-disclaimer">93% del cupo completado. No garantizamos el precio especial mañana.</p>
              </div>

              <div class="checkout-action-row">
                  <div class="secure-buy-indicator">🛡️ COMPRA SEGURA</div>
                  <div class="secure-buy-indicator">📥 ACCESO INSTANTÁNEO</div>
              </div>
          </div>
      </div>
  </section>

  <section class="faq-product-section text-center">
      <div class="container-narrow">
          <span class="section-tag-clear">RESPUESTAS AL INSTANTE</span>
          <h2 class="serif-section-title mt-10">Preguntas Frecuentes</h2>

          <div class="faq-product-accordion">
              <div class="faq-product-item active">
                  <p class="faq-product-answer text-center">El envío es instantáneo y 100% automatizado. Tan pronto completes tu pago seguro, recibirás un correo electrónico con tu enlace personal de descarga para bajar la Guía Principal junto a los 3 Ebooks de regalo en formatos PDF listos para leer en cualquier dispositivo inteligente.</p>
              </div>
              <div class="faq-product-line-stub"></div>
          </div>

          <div class="whatsapp-support-banner">
              <div class="wp-left-side">
                  <div class="wp-icon-circle">?</div>
                  <div class="wp-text-info">
                      <strong>¿Aún tienes dudas técnicas de pago?</strong>
                      <p>Habla directamente con un asesor de soporte por WhatsApp.</p>
                  </div>
              </div>
              <a href="#" class="wp-btn-action">HACER CONSULTA DIRECTA</a>
          </div>
      </div>
  </section>

  <footer class="legal-dark-footer text-center">
      <div class="container">
          <div class="footer-brand-title">📖 ACADEMIA DE MICROPIGMENTACIÓN DE LABIOS</div>
          
          <p class="legal-disclaimer-paragraph" style="margin-inline: auto;">
              Este material está diseñado con propósitos educativos de alto nivel. La aplicación correcta de los pigmentos e higiene corre bajo estricta responsabilidad de la profesional certificada a cargo del procedimiento.
          </p>

          <div class="product-digital-warning-box" style="margin-inline: auto;">
              ★ ESTE PRODUCTO ES DIGITAL NO SE ENVÍA NINGÚN PRODUCTO FÍSICO. ★
              <p>Usted obtendrá acceso instantáneo y de descarga a todo el material a través de su dispositivo inteligente en formatos de alta compatibilidad.</p>
          </div>

          <div class="footer-copyright-line">
              © {{ 'now' | date: "%Y" }} COMBO DE MICROPIGMENTACION | TODOS LOS DERECHOS RESERVADOS.
              <span class="footer-locations">BOGOTÁ • BUENOS AIRES • SANTIAGO • CDMX • MADRID</span>
          </div>
      </div>
  </footer>

</div>

<script>
  document.addEventListener("DOMContentLoaded", function () {
      // 1. MOTOR DEL CONTADOR DE TIEMPO REVERSIVO (PERSISTENTE)
      const durationInSeconds = 9 * 60 + 22; // 09:22 base
      const storageKey = "landing_countdown_timestamp";
      let expirationTime = localStorage.getItem(storageKey);

      if (!expirationTime) {
          expirationTime = Date.now() + durationInSeconds * 1000;
          localStorage.setItem(storageKey, expirationTime);
      }

      function updateTimer() {
          const now = Date.now();
          let remaining = Math.round((expirationTime - now) / 1000);

          if (remaining <= 0) {
              // Si expira, reinicia un ciclo de urgencia fresco de 5 minutos
              expirationTime = Date.now() + 5 * 60 * 1000;
              localStorage.setItem(storageKey, expirationTime);
              remaining = 5 * 60;
          }

          const minutes = Math.floor(remaining / 60);
          const seconds = remaining % 60;
          const displayMinutes = minutes < 10 ? "0" + minutes : minutes;
          const displaySeconds = seconds < 10 ? "0" + seconds : seconds;

          const timerElement = document.getElementById("landing-countdown");
          if (timerElement) {
              timerElement.textContent = `${displayMinutes}:${displaySeconds}`;
          }
      }

      updateTimer();
      setInterval(updateTimer, 1000);

      // 2. CONTADOR VIVO DINÁMICO (FLUCTUACIÓN NATURAL DE AUDIENCIA)
      const liveCounterElement = document.getElementById("live-counter");
      if (liveCounterElement) {
          let currentViewing = parseInt(liveCounterElement.textContent) || 186;

          setInterval(function () {
              // Genera un cambio pequeño de +/- entre 1 y 4 usuarios
              const change = Math.floor(Math.random() * 9) - 4;
              currentViewing += change;

              // Mantener el rango en números realistas y altos
              if (currentViewing < 165) currentViewing = 175;
              if (currentViewing > 210) currentViewing = 195;

              liveCounterElement.textContent = currentViewing;
          }, 3500); // Fluctúa sutilmente cada 3.5 segundos
      }
  });
</script>

<style>
/* ==========================================================================
   HOJA DE ESTILOS PREMIUM ENCAPSULADA CENTRADA Y ANIMADA (.landing-micropigmentacion-root)
   ========================================================================== */

.landing-micropigmentacion-root {
    --bg-cream-light: #FDFBF9;   
    --bg-white: #FFFFFF;
    --text-main: #1C1917;        
    --text-muted: #57534E;
    --accent-rose: #E2A6AE;      
    --accent-rose-dark: #8C4A52;
    --accent-gold-border: #EFE4D8;
    --accent-gold-premium: #C5A073;
    --font-sans: 'Plus Jakarta Sans', sans-serif;
    --font-serif: 'Playfair Display', serif;
    --transition-luxury: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

    background-color: var(--bg-cream-light);
    font-family: var(--font-sans);
    color: var(--text-main);
    width: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.landing-micropigmentacion-root * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* ==========================================================================
   ESTRUCTURA DE FLUJO ANCHO SANEADO Y CENTRADO DEL TEXTO
   ========================================================================== */
.landing-micropigmentacion-root section, 
.landing-micropigmentacion-root header {
    width: 100% !important;
    max-width: 860px !important;
    margin: 0 auto !important;
    padding: 60px 24px !important;
    text-align: center !important; /* Todo el texto base fluye centrado */
}

.landing-micropigmentacion-root .container-narrow {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.landing-micropigmentacion-root p {
    margin-inline: auto !important;
}

/* Tipografías y Encabezados Elegantes */
.landing-micropigmentacion-root .serif-section-title {
    font-family: var(--font-serif) !important;
    font-size: 36px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
    color: var(--text-main) !important;
    letter-spacing: -0.5px !important;
    text-align: center !important;
}

.landing-micropigmentacion-root .section-subtitle-center {
    font-size: 17px !important;
    line-height: 1.6;
    color: var(--text-muted) !important;
    margin: 0 auto 40px auto !important;
    max-width: 680px !important;
    text-align: center !important;
}

.landing-micropigmentacion-root .section-tag,
.landing-micropigmentacion-root .section-tag-rose,
.landing-micropigmentacion-root .section-tag-teal,
.landing-micropigmentacion-root .section-tag-clear {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    margin-inline: auto !important;
}
.landing-micropigmentacion-root .section-tag { background: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; color: var(--text-muted) !important;}
.landing-micropigmentacion-root .section-tag-rose { background-color: #FFF1F2 !important; color: var(--accent-rose-dark) !important; }
.landing-micropigmentacion-root .section-tag-teal { background-color: #F0FDF4 !important; color: #166534 !important; }
.landing-micropigmentacion-root .section-tag-clear { background: none !important; border: none !important; color: var(--text-muted) !important; letter-spacing: 2px !important; }

/* ==========================================================================
   BARRAS DE NOTIFICACIÓN COHESIVAS
   ========================================================================== */
.landing-micropigmentacion-root .top-urgency-bar {
    width: 100% !important; max-width: none !important;
    background: #1C1917 !important; color: #FFFFFF !important;
    display: flex !important; justify-content: center !important; align-items: center !important;
    gap: 12px !important; padding: 14px 20px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important;
}

.landing-micropigmentacion-root .countdown-clock {
    background: var(--accent-rose-dark) !important; padding: 4px 12px !important; border-radius: 6px !important; color: #FFFFFF !important; font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(140, 74, 82, 0.25) !important;
}

.landing-micropigmentacion-root .live-status-bar {
    width: 100% !important; max-width: none !important;
    background: #FFF5F5 !important; display: flex !important; justify-content: space-between !important;
    padding: 12px 40px !important; font-size: 12px !important; font-weight: 600 !important; border-bottom: 1px solid #FDE2E4 !important;
}

/* ==========================================================================
   HERO E INTERACCIONES DE TARJETAS (TEXTO CENTRADO)
   ========================================================================== */
.landing-micropigmentacion-root .badge-container { display: flex !important; justify-content: center !important; gap: 10px !important; margin-bottom: 24px !important; flex-wrap: wrap !important; }
.landing-micropigmentacion-root .badge-outline { border: 1px solid var(--accent-rose) !important; color: var(--accent-rose-dark) !important; font-size: 11px !important; font-weight: 700 !important; padding: 5px 14px !important; border-radius: 20px !important; }
.landing-micropigmentacion-root .badge-downloads { background: #E8FAF4 !important; color: #10B981 !important; font-size: 11px !important; font-weight: 700 !important; padding: 5px 14px !important; border-radius: 20px !important; }

.landing-micropigmentacion-root .main-title {
    font-family: var(--font-serif) !important; font-size: 46px !important; font-weight: 800 !important; line-height: 1.2 !important; margin-bottom: 24px !important; color: var(--text-main) !important; text-align: center !important;
}
.landing-micropigmentacion-root .title-underline { border-bottom: 3px double var(--accent-gold-premium) !important; padding-bottom: 2px !important; }
.landing-micropigmentacion-root .main-subtitle { font-size: 19px !important; line-height: 1.6 !important; color: var(--text-muted) !important; margin-bottom: 40px !important; text-align: center !important; }

.landing-micropigmentacion-root .product-mockup-container {
    background: var(--bg-white) !important; border-radius: 24px !important; padding: 20px !important; border: 1px solid var(--accent-gold-border) !important; position: relative !important; box-shadow: 0 20px 40px rgba(0,0,0,0.02) !important; margin-bottom: 12px !important;
    transition: var(--transition-luxury) !important;
}
.landing-micropigmentacion-root .product-mockup-container:hover {
    transform: scale(1.015) translateY(-2px) !important;
    box-shadow: 0 25px 50px rgba(140, 74, 82, 0.05) !important;
}

.landing-micropigmentacion-root .mockup-tag {
    position: absolute !important; top: 35px; left: 50% !important; transform: translateX(-50%) !important; background: rgba(255, 255, 255, 0.95) !important; border: 1px solid var(--accent-gold-border) !important; font-size: 11px !important; font-weight: 700 !important; padding: 6px 12px !important; border-radius: 6px !important; z-index: 5 !important;
}
.landing-micropigmentacion-root .mockup-image-placeholder img { width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 16px !important; display: block !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .product-mockup-container:hover .mockup-image-placeholder img { filter: brightness(1.03) !important; }

.landing-micropigmentacion-root .mockup-disclaimer { font-size: 12.5px !important; font-style: italic !important; color: var(--text-muted) !important; margin-bottom: 45px !important; display: block; text-align: center !important; }

.landing-micropigmentacion-root .info-blocks-stack { display: flex !important; flex-direction: column !important; gap: 16px !important; }
.landing-micropigmentacion-root .info-box { 
    background: var(--bg-white) !important; padding: 24px !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.01) !important; border: 1px solid transparent !important; transition: var(--transition-luxury) !important; 
}
.landing-micropigmentacion-root .info-box:hover {
    transform: translateY(-3px) !important;
    background-color: #FFFDFB !important;
    border-color: var(--accent-gold-border) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,0.02) !important;
}
.landing-micropigmentacion-root .info-box p strong { font-size: 15.5px !important; display: block !important; margin-bottom: 4px !important; }
.landing-micropigmentacion-root .info-box.border-rose { border-left: 5px solid var(--accent-rose) !important; }
.landing-micropigmentacion-root .info-box.border-gold { border-left: 5px solid var(--accent-gold-premium) !important; }

.landing-micropigmentacion-root .info-box-promo {
    background: linear-gradient(135deg, #FFF6F7 0%, #FFFFFF 100%) !important; border: 1px solid #F3D9DC !important; padding: 24px !important; border-radius: 16px !important; display: flex !important; flex-direction: column !important; gap: 14px !important; align-items: center !important; text-align: center !important; transition: var(--transition-luxury) !important;
}
.landing-micropigmentacion-root .info-box-promo:hover { transform: scale(1.02) !important; box-shadow: 0 15px 35px rgba(140, 74, 82, 0.05) !important; }
.landing-micropigmentacion-root .promo-icon {
    font-size: 24px !important; background: var(--accent-rose-dark) !important; color: white !important; width: 50px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; flex-shrink: 0 !important;
}
.landing-micropigmentacion-root .promo-text .promo-label { font-size: 11px !important; font-weight: 800 !important; color: var(--accent-rose-dark) !important; }
.landing-micropigmentacion-root .promo-text .promo-title { font-size: 17.5px !important; font-weight: 700 !important; color: var(--text-main) !important; }

/* ==========================================================================
   TEMARIO NAVEGADOR CENTRADO
   ========================================================================== */
.landing-micropigmentacion-root .tomo-browser-container { background: #FFFDFB !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 24px !important; padding: 30px !important; }
.landing-micropigmentacion-root .browser-instruction { font-size: 11px !important; font-weight: 700; color: var(--text-muted) !important; margin-bottom: 16px !important; letter-spacing: 1px !important; text-align: center !important; }
.landing-micropigmentacion-root .tomo-card { background: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 20px !important; padding: 30px !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .tomo-card:hover { border-color: var(--accent-rose) !important; box-shadow: 0 15px 35px rgba(140, 74, 82, 0.03) !important; }

.landing-micropigmentacion-root .tomo-header-center { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 8px !important; margin-bottom: 24px !important; text-align: center !important; }
.landing-micropigmentacion-root .tomo-number { font-size: 11px !important; font-weight: 700; color: var(--accent-gold-premium) !important; letter-spacing: 1px !important; display: block !important; }
.landing-micropigmentacion-root .tomo-title { font-family: var(--font-serif) !important; font-size: 25px !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--text-main) !important; text-align: center !important; }

.landing-micropigmentacion-root .technical-summary-box { background: #FFF9F7 !important; padding: 20px !important; border-radius: 14px !important; font-size: 16px !important; line-height: 1.65 !important; margin-bottom: 12px !important; border-top: 3px solid var(--accent-rose) !important; text-align: center !important; }
.landing-micropigmentacion-root .dotted-link { border-bottom: 2px dashed var(--accent-rose) !important; font-weight: 700 !important; color: var(--text-main) !important; transition: color 0.3s ease !important; }
.landing-micropigmentacion-root .dotted-link:hover { color: var(--accent-rose-dark) !important; }
.landing-micropigmentacion-root .cursor-hint { font-size: 13px !important; font-style: italic !important; color: #AA937D !important; margin-bottom: 24px !important; text-align: center !important; }

.landing-micropigmentacion-root .tomo-checklist-center { list-style: none !important; font-size: 15.5px !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 12px !important; margin-bottom: 28px !important; padding-left: 0 !important; }
.landing-micropigmentacion-root .tomo-checklist-center li { display: flex !important; align-items: center !important; gap: 8px !important; transition: transform 0.3s ease !important; }
.landing-micropigmentacion-root .tomo-checklist-center li:hover { transform: translateY(-2px) !important; }
.landing-micropigmentacion-root .tomo-checklist-center li span { color: #10B981 !important; font-weight: bold !important; font-size: 16px !important; }
.landing-micropigmentacion-root .tomo-footer { border-top: 1px solid #F5EFE9 !important; padding-top: 20px !important; font-size: 14px !important; color: #A19B95 !important; font-weight: 500 !important; text-align: center !important; }

/* ==========================================================================
   ANTES Y DESPUÉS
   ========================================================================== */
.landing-micropigmentacion-root .case-study-container { background: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 24px !important; padding: 24px !important; }
.landing-micropigmentacion-root .split-image-container { width: 100% !important; border-radius: 16px !important; position: relative !important; display: flex !important; overflow: hidden !important; margin-bottom: 24px !important; }
.landing-micropigmentacion-root .split-side { flex: 1 !important; overflow: hidden !important; }
.landing-micropigmentacion-root .split-side img { width: 100% !important; height: auto !important; object-fit: cover !important; display: block !important; }

.landing-micropigmentacion-root .split-overlay-bar {
    position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; background: rgba(28, 25, 23, 0.9) !important; backdrop-filter: blur(4px) !important; color: #FFFFFF !important; display: flex !important; justify-content: space-between !important; padding: 14px 20px !important; font-size: 13px !important; font-weight: 600 !important; z-index: 2 !important;
}

.landing-micropigmentacion-root .technical-sheet { padding: 12px 4px !important; }
.landing-micropigmentacion-root .sheet-sub { font-size: 11px !important; font-weight: 800 !important; color: var(--accent-gold-premium) !important; letter-spacing: 1px !important; display: block !important; }
.landing-micropigmentacion-root .sheet-title { font-family: var(--font-serif) !important; font-size: 28px !important; font-weight: 700 !important; margin-top: 4px !important; margin-bottom: 12px !important; color: var(--text-main) !important; text-align: center !important; }
.landing-micropigmentacion-root .sheet-desc { font-size: 16px !important; line-height: 1.6 !important; color: var(--text-muted) !important; margin-bottom: 24px !important; text-align: center !important; }

.landing-micropigmentacion-root .technical-table { width: 100% !important; max-width: 500px !important; margin: 0 auto 30px auto !important; border-collapse: collapse !important; font-size: 15.5px !important; }
.landing-micropigmentacion-root .technical-table tr { border-bottom: 1px solid #F7F4F0 !important; }
.landing-micropigmentacion-root .technical-table td { padding: 14px 8px !important; color: var(--text-main) !important; text-align: left !important; }
.landing-micropigmentacion-root .technical-table td strong { font-weight: 700 !important; color: #000000 !important; }
.landing-micropigmentacion-root .technical-table td:last-child { text-align: right !important; }

.landing-micropigmentacion-root .cabinet-pitch-box { background: linear-gradient(135deg, #FFF4F5 0%, #FFFFFF 100%) !important; border-radius: 14px !important; padding: 20px !important; font-size: 15px !important; line-height: 1.6 !important; border-top: 3px solid var(--accent-rose) !important; text-align: center !important; }

/* ==========================================================================
   TÉCNICA EN VIVO & GABINETE RECTIFICADO
   ========================================================================== */
.landing-micropigmentacion-root .cards-layout-stack { display: flex !important; flex-direction: column !important; gap: 32px !important; }
.landing-micropigmentacion-root .practice-card { background: var(--bg-white) !important; border-radius: 24px !important; border: 1px solid var(--accent-gold-border) !important; overflow: hidden !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .practice-card:hover { transform: translateY(-4px) !important; box-shadow: 0 20px 45px rgba(140, 74, 82, 0.06) !important; border-color: var(--accent-rose) !important; }

.landing-micropigmentacion-root .card-banner-img { position: relative !important; width: 100% !important; background-color: #F5EFE9 !important; overflow: hidden !important; }
.landing-micropigmentacion-root .card-banner-img img { width: 100% !important; height: auto !important; max-height: 320px !important; object-fit: cover !important; display: block !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .practice-card:hover .card-banner-img img { transform: scale(1.03) !important; filter: brightness(1.02) !important; }

.landing-micropigmentacion-root .img-badge-overlay {
    position: absolute !important; top: 20px !important; left: 20px !important; background: rgba(28, 25, 23, 0.9) !important; color: white !important; font-size: 10px !important; font-weight: 700 !important; padding: 6px 12px !important; border-radius: 6px !important; letter-spacing: 1px !important; z-index: 2 !important;
}
.landing-micropigmentacion-root .img-badge-overlay.bg-rose-tag { background: linear-gradient(135deg, var(--accent-rose) 0%, var(--accent-rose-dark) 100%) !important; }

.landing-micropigmentacion-root .card-body { padding: 30px !important; text-align: center !important; }
.landing-micropigmentacion-root .card-body h3 { font-family: var(--font-serif) !important; font-size: 26px !important; font-weight: 700 !important; margin-bottom: 12px !important; color: var(--text-main) !important; text-align: center !important; }
.landing-micropigmentacion-root .card-body p { font-size: 16px !important; line-height: 1.65 !important; margin-bottom: 24px !important; color: var(--text-muted) !important; text-align: center !important; }

/* ==========================================================================
   CERTIFICACIÓN E HIGIENE CENTRADA
   ========================================================================== */
.landing-micropigmentacion-root .certification-section { background: linear-gradient(180deg, #FFF5F6 0%, #FDFBF9 100%) !important; border-top: 1px solid #F6D6D9 !important; border-bottom: 1px solid #F6D6D9 !important; }
.landing-micropigmentacion-root .section-desc-center { color: var(--text-muted) !important; margin: 24px auto !important; line-height: 1.65 !important; font-size: 16.5px !important; text-align: center !important; max-width: 600px !important; }

.landing-micropigmentacion-root .custom-teal-checklist-center { list-style: none !important; margin: 30px auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; padding-left: 0 !important; text-align: center !important; font-size: 16px !important; }
.landing-micropigmentacion-root .custom-teal-checklist-center li { display: flex !important; align-items: center !important; gap: 12px !important; font-weight: 500 !important; transition: transform 0.2s ease !important; }
.landing-micropigmentacion-root .custom-teal-checklist-center li:hover { transform: translateX(3px) !important; }
.landing-micropigmentacion-root .teal-check { color: #059669 !important; font-size: 18px !important; font-weight: bold; }

.landing-micropigmentacion-root .diploma-mockup-container { 
    background: var(--bg-white) !important; border-radius: 24px !important; padding: 16px !important; border: 1px solid var(--accent-gold-border) !important; margin: 40px auto 0 auto !important; box-shadow: 0 20px 45px rgba(0,0,0,0.02) !important;
    transition: var(--transition-luxury) !important;
}
.landing-micropigmentacion-root .diploma-mockup-container:hover { transform: scale(1.01) !important; box-shadow: 0 25px 50px rgba(0,0,0,0.04) !important; }
.landing-micropigmentacion-root .diploma-placeholder img { width: 100% !important; height: auto !important; border-radius: 14px !important; display: block !important; }
.landing-micropigmentacion-root .diploma-tag-overlay { 
    position: absolute !important; bottom: 24px !important; left: 50% !important; transform: translateX(-50%) !important; background: rgba(28, 25, 23, 0.95) !important; backdrop-filter: blur(6px) !important; color: #E2B875 !important; font-size: 11px !important; font-weight: 800 !important; letter-spacing: 1.5px !important; padding: 8px 24px !important; border-radius: 6px; border: 1px solid #E2B875 !important;
}

/* ==========================================================================
   LOS 3 BONOS DE REGALO CENTRADOS
   ========================================================================== */
.landing-micropigmentacion-root .bonus-badge-header { background: #FDF2E9 !important; color: #855829 !important; font-size: 11px !important; font-weight: 800 !important; padding: 8px 18px !important; border-radius: 30px !important; display: inline-block !important; margin-bottom: 20px !important; letter-spacing: 0.5px !important; }
.landing-micropigmentacion-root .bonuses-stack { display: flex !important; flex-direction: column !important; gap: 20px !important; margin-top: 35px !important; }
.landing-micropigmentacion-root .bonus-card { background: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 20px !important; padding: 28px !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .bonus-card:hover { transform: translateY(-3px) !important; box-shadow: 0 15px 35px rgba(197, 160, 115, 0.08) !important; border-color: var(--accent-gold-premium) !important; }

.landing-micropigmentacion-root .bonus-card-header { display: flex !important; justify-content: space-between !important; font-size: 11px !important; font-weight: 700 !important; margin-bottom: 16px !important; }
.landing-micropigmentacion-root .bonus-title { font-size: 20px !important; font-weight: 700 !important; margin-bottom: 10px !important; color: var(--text-main) !important; line-height: 1.4 !important; text-align: center !important; }
.landing-micropigmentacion-root .bonus-desc { font-size: 15.5px !important; color: var(--text-muted) !important; line-height: 1.6 !important; margin-bottom: 24px !important; text-align: center !important; }
.landing-micropigmentacion-root .bonus-card-footer { display: flex !important; justify-content: space-between !important; align-items: center !important; border-top: 1px dashed var(--accent-gold-border) !important; padding-top: 16px !important; font-size: 13px !important; }
.landing-micropigmentacion-root .bonus-free-tag { background-color: #FFF1F2 !important; color: var(--accent-rose-dark) !important; font-weight: 800 !important; padding: 4px 12px !important; border-radius: 6px !important; }

.landing-micropigmentacion-root .value-calculator-box { background: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 24px !important; padding: 35px !important; margin-top: 45px !important; text-align: center !important; transition: var(--transition-luxury) !important; }
.landing-micropigmentacion-root .value-calculator-box:hover { transform: scale(1.01) !important; }
.landing-micropigmentacion-root .calculator-title { font-family: var(--font-serif) !important; font-size: 30px !important; font-weight: 700 !important; margin-bottom: 16px !important; color: var(--text-main) !important; }
.landing-micropigmentacion-root .final-price-highlight { color: var(--accent-rose-dark) !important; border-bottom: 2px dashed var(--accent-rose-dark) !important; font-weight: 800 !important; }
.landing-micropigmentacion-root .calculator-desc { font-size: 16px !important; color: var(--text-muted) !important; line-height: 1.65 !important; }

/* ==========================================================================
   CHECKOUT BOX SEGURO
   ========================================================================== */
.landing-micropigmentacion-root .checkout-card-border {
    border: 2px solid var(--accent-rose) !important; background-color: var(--bg-white) !important; border-radius: 28px !important; padding: 45px 30px 30px 30px !important; margin: 40px auto !important; position: relative !important; text-align: center !important; box-shadow: 0 25px 50px rgba(140, 74, 82, 0.05) !important;
}
.landing-micropigmentacion-root .checkout-card-main-title { font-family: var(--font-serif) !important; font-size: 26px !important; font-weight: 700 !important; margin-bottom: 30px !important; color: var(--text-main) !important; line-height: 1.4 !important; }
.landing-micropigmentacion-root .inner-price-box { background: linear-gradient(180deg, #FFFDFB 0%, #FAF6F0 100%) !important; border: 1px dashed var(--accent-gold-border) !important; border-radius: 20px !important; padding: 28px !important; margin-bottom: 30px !important; }
.landing-micropigmentacion-root .main-numeric-price { font-size: 52px !important; font-weight: 800 !important; color: #1E293B; line-height: 1.1 !important; margin: 6px 0 !important; }

.landing-micropigmentacion-root .checkout-bullet-list { list-style: none !important; text-align: left !important; max-width: 440px !important; margin: 0 auto 35px auto !important; font-size: 16px !important; display: flex !important; flex-direction: column !important; gap: 12px !important; padding-left: 0 !important; }

/* Botón Premium Espejo Líquido con Efecto Shimmer */
.landing-micropigmentacion-root button.wp-btn-action, 
.landing-micropigmentacion-root .wp-btn-action {
    position: relative !important; overflow: hidden !important; display: block !important; width: 100% !important; text-decoration: none !important; background: linear-gradient(135deg, #C97D87 0%, #A55762 100%) !important; color: #FFFFFF !important; font-weight: 800 !important; letter-spacing: 1.5px !important; padding: 18px !important; border-radius: 16px !important; box-shadow: 0 10px 25px rgba(165, 87, 98, 0.3) !important; transition: var(--transition-luxury) !important; text-align: center !important; font-size: 14.5px !important; margin-bottom: 24px !important;
}
.landing-micropigmentacion-root button.wp-btn-action:hover, 
.landing-micropigmentacion-root .wp-btn-action:hover {
    transform: translateY(-3px) !important; box-shadow: 0 15px 30px rgba(165, 87, 98, 0.45) !important; opacity: 1 !important;
}
.landing-micropigmentacion-root button.wp-btn-action::after, 
.landing-micropigmentacion-root .wp-btn-action::after {
    content: '' !important; position: absolute !important; top: -50% !important; right: -50% !important; bottom: -50% !important; left: -50% !important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%) !important; transform: rotate(25deg) !important; left: -100% !important; animation: shine-luxury-effect 4s ease-in-out infinite !important;
}

.landing-micropigmentacion-root .progress-seats-box { background-color: #FFF5F5 !important; border-radius: 16px !important; padding: 20px !important; text-align: left !important; margin-bottom: 24px !important; border: 1px solid #FEE2E2 !important; }
.landing-micropigmentacion-root .progress-bar-bg { height: 10px !important; background-color: #EFE7DD !important; border-radius: 10px !important; overflow: hidden !important; margin-bottom: 10px !important; }
.landing-micropigmentacion-root .progress-bar-fill { height: 100% !important; background: linear-gradient(90deg, var(--accent-rose) 0%, var(--accent-rose-dark) 100%) !important; border-radius: 10px !important; }

/* ==========================================================================
   FAQS Y FOOTER CENTRADOS
   ========================================================================== */
.landing-micropigmentacion-root .faq-product-item.active { background-color: var(--bg-white) !important; border: 1px solid var(--accent-gold-border) !important; border-radius: 16px !important; padding: 24px !important; font-size: 16px !important; line-height: 1.65 !important; color: var(--text-muted) !important; text-align: center !important; }

.landing-micropigmentacion-root .whatsapp-support-banner {
    background: #ECFDF5 !important; border: 1px solid #A7F3D0 !important; border-radius: 20px !important; padding: 24px !important; display: flex !important; justify-content: space-between !important; align-items: center !important; text-align: left !important; flex-wrap: wrap !important; gap: 20px !important;
}
.landing-micropigmentacion-root .wp-left-side { display: flex !important; align-items: center !important; gap: 18px !important; }
.landing-micropigmentacion-root .wp-icon-circle { width: 44px !important; height: 44px !important; background: #059669 !important; color: white !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: bold !important; font-size: 18px !important; flex-shrink: 0 !important; }

.landing-micropigmentacion-root a.wp-btn-action {
    background: #059669 !important; color: white !important; font-size: 12.5px !important; font-weight: 700 !important; padding: 14px 24px !important; border-radius: 10px !important; letter-spacing: 0.5px !important; width: auto !important; margin-bottom: 0 !important; box-shadow: 0 4px 12px rgba(5,150,105,0.15) !important;
}
.landing-micropigmentacion-root a.wp-btn-action::after { display: none !important; }

.landing-micropigmentacion-root .legal-dark-footer {
    width: 100% !important; max-width: none !important; background: #110E0D !important; color: #78716C !important; padding: 70px 24px !important; margin-top: 80px !important; border-top: 2px solid var(--accent-gold-premium) !important; text-align: center !important;
}
.landing-micropigmentacion-root .legal-disclaimer-paragraph { font-size: 13px !important; max-width: 640px !important; line-height: 1.7 !important; color: #57534E !important; }
.landing-micropigmentacion-root .product-digital-warning-box { background-color: #1A1615 !important; border: 1px solid #292321 !important; border-radius: 12px !important; max-width: 640px !important; padding: 24px !important; font-size: 13px !important; color: #A8A29E !important; line-height: 1.65 !important; }

/* ==========================================================================
   MEDIAS COMPATIBILIDAD MOBILE
   ========================================================================== */
@media (max-width: 768px) {
    .landing-micropigmentacion-root section, 
    .landing-micropigmentacion-root header { padding: 45px 20px !important; }
    .landing-micropigmentacion-root .serif-section-title { font-size: 29px !important; }
    .landing-micropigmentacion-root .main-title { font-size: 34px !important; }
    .landing-micropigmentacion-root .main-subtitle { font-size: 17px !important; }
    .landing-micropigmentacion-root .whatsapp-support-banner { flex-direction: column !important; align-items: stretch !important; text-align: center !important; }
    .landing-micropigmentacion-root .wp-left-side { flex-direction: column !important; text-align: center !important; }
    .landing-micropigmentacion-root a.wp-btn-action { width: 100% !important; }
}
</style>

```