JOIA vegan Base Coat-Cat Eye 01 Shades of Gray

<div class="cn-joia-magiccat01">
  <style>
    .cn-joia-magiccat01 {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      container-type: inline-size;
      overflow: hidden;
      color: #29292d;
      font-family: inherit;
      line-height: 1.65;
      overflow-wrap: break-word;
      word-break: normal;
    }

    .cn-joia-magiccat01 * {
      box-sizing: border-box;
      min-width: 0;
    }

    .cn-joia-magiccat01 .mc01-wrap {
      width: 100%;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0 14px;
    }

    .cn-joia-magiccat01 .mc01-hero {
      padding: 30px 20px;
      border: 1px solid #e2e2e6;
      border-radius: 18px;
      background: linear-gradient(135deg, #fafafa 0%, #e9e9ed 100%);
    }

    .cn-joia-magiccat01 .mc01-kicker {
      margin: 0 0 10px;
      color: #777781;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 2px;
      text-transform: uppercase;
    }

    .cn-joia-magiccat01 h2,
    .cn-joia-magiccat01 h3,
    .cn-joia-magiccat01 p {
      overflow-wrap: break-word;
      word-break: normal;
    }

    .cn-joia-magiccat01 .mc01-hero h2 {
      margin: 0 0 13px;
      color: #25252a;
      font-size: clamp(25px, 6cqi, 38px);
      font-weight: 750;
      line-height: 1.18;
    }

    .cn-joia-magiccat01 .mc01-hero h2 span {
      color: #777782;
    }

    .cn-joia-magiccat01 .mc01-hero p {
      max-width: 700px;
      margin: 0;
      color: #5f5f68;
      font-size: 15px;
    }

    .cn-joia-magiccat01 .mc01-pill {
      display: inline-block;
      margin-top: 17px;
      padding: 6px 12px;
      border-radius: 30px;
      background: #29292d;
      color: #fff;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .7px;
    }

    .cn-joia-magiccat01 .mc01-intro {
      padding: 24px 3px 4px;
    }

    .cn-joia-magiccat01 .mc01-intro p {
      margin: 0;
      font-size: 15px;
    }

    .cn-joia-magiccat01 .mc01-title {
      margin: 28px 0 13px;
      color: #29292d;
      font-size: 21px;
      font-weight: 750;
      line-height: 1.3;
    }

    .cn-joia-magiccat01 .mc01-title span {
      color: #777782;
    }

    .cn-joia-magiccat01 .mc01-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 12px;
    }

    .cn-joia-magiccat01 .mc01-card {
      padding: 18px;
      border: 1px solid #e5e5e9;
      border-radius: 14px;
      background: #fff;
    }

    .cn-joia-magiccat01 .mc01-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 38px;
      height: 38px;
      margin-bottom: 11px;
      border-radius: 12px;
      background: #eeeeF1;
      color: #5f5f6a;
      font-size: 15px;
      font-weight: 800;
    }

    .cn-joia-magiccat01 .mc01-card h3 {
      margin: 0 0 7px;
      color: #29292d;
      font-size: 16px;
      font-weight: 750;
      line-height: 1.35;
    }

    .cn-joia-magiccat01 .mc01-card p {
      margin: 0;
      color: #64646c;
      font-size: 14px;
    }

    .cn-joia-magiccat01 .mc01-feature {
      margin-top: 19px;
      padding: 23px 19px;
      border-radius: 16px;
      background: #29292d;
      color: #fff;
    }

    .cn-joia-magiccat01 .mc01-feature-label {
      margin: 0 0 8px;
      color: #c9c9d3;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.7px;
      text-transform: uppercase;
    }

    .cn-joia-magiccat01 .mc01-feature h3 {
      margin: 0 0 9px;
      color: #fff;
      font-size: 22px;
      line-height: 1.3;
    }

    .cn-joia-magiccat01 .mc01-feature p {
      margin: 0;
      color: #e5e5e9;
      font-size: 14px;
    }

    .cn-joia-magiccat01 .mc01-steps {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 11px;
    }

    .cn-joia-magiccat01 .mc01-step {
      padding: 16px;
      border-radius: 12px;
      background: #f5f5f7;
      border: 1px solid #e6e6ea;
    }

    .cn-joia-magiccat01 .mc01-step strong {
      display: block;
      margin-bottom: 5px;
      color: #50505a;
      font-size: 14px;
    }

    .cn-joia-magiccat01 .mc01-step p {
      margin: 0;
      color: #64646c;
      font-size: 13px;
    }

    .cn-joia-magiccat01 .mc01-specs {
      margin-top: 12px;
      border-top: 1px solid #e5e5e9;
    }

    .cn-joia-magiccat01 .mc01-spec {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 3px;
      padding: 11px 4px;
      border-bottom: 1px solid #e5e5e9;
      font-size: 14px;
    }

    .cn-joia-magiccat01 .mc01-label {
      color: #777781;
    }

    .cn-joia-magiccat01 .mc01-value {
      color: #29292d;
      font-weight: 700;
    }

    .cn-joia-magiccat01 .mc01-tip {
      margin-top: 18px;
      padding: 16px;
      border-left: 3px solid #858590;
      border-radius: 0 10px 10px 0;
      background: #f5f5f7;
      color: #64646c;
      font-size: 13px;
    }

    .cn-joia-magiccat01 .mc01-tip strong {
      color: #29292d;
    }

    .cn-joia-magiccat01 .mc01-trust {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
      margin-top: 20px;
    }

    .cn-joia-magiccat01 .mc01-trust-item {
      padding: 15px;
      border: 1px solid #e5e5e9;
      border-radius: 12px;
      text-align: center;
    }

    .cn-joia-magiccat01 .mc01-trust-item strong {
      display: block;
      margin-bottom: 4px;
      color: #5e5e68;
      font-size: 14px;
    }

    .cn-joia-magiccat01 .mc01-trust-item p {
      margin: 0;
      color: #64646c;
      font-size: 12px;
    }

    .cn-joia-magiccat01 .mc01-footer {
      margin-top: 25px;
      padding: 18px 8px 5px;
      border-top: 1px solid #e1e1e6;
      text-align: center;
    }

    .cn-joia-magiccat01 .mc01-footer p {
      margin: 0;
      color: #696974;
      font-size: 11px;
      font-weight: 800;
      letter-spacing: 1.5px;
    }

    @container (min-width: 500px) {
      .cn-joia-magiccat01 .mc01-grid,
      .cn-joia-magiccat01 .mc01-steps,
      .cn-joia-magiccat01 .mc01-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .cn-joia-magiccat01 .mc01-spec {
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
        gap: 12px;
      }

      .cn-joia-magiccat01 .mc01-hero {
        padding: 34px 27px;
      }
    }

    @container (min-width: 700px) {
      .cn-joia-magiccat01 .mc01-wrap {
        padding: 0 22px;
      }

      .cn-joia-magiccat01 .mc01-hero {
        padding: 43px 35px;
      }

      .cn-joia-magiccat01 .mc01-card {
        padding: 22px;
      }

      .cn-joia-magiccat01 .mc01-feature {
        padding: 28px;
      }
    }

    @container (max-width: 380px) {
      .cn-joia-magiccat01 .mc01-wrap {
        padding: 0 7px;
      }

      .cn-joia-magiccat01 .mc01-hero {
        padding: 23px 14px;
        border-radius: 13px;
      }

      .cn-joia-magiccat01 .mc01-card {
        padding: 14px;
      }

      .cn-joia-magiccat01 .mc01-feature {
        padding: 18px 14px;
      }

      .cn-joia-magiccat01 .mc01-title {
        font-size: 19px;
      }

      .cn-joia-magiccat01 .mc01-spec {
        padding: 10px 2px;
      }
    }
  </style>

  <div class="mc01-wrap">

    <section class="mc01-hero">
      <p class="mc01-kicker">JOIA VEGAN · MAGIC CAT 01</p>
      <h2>Gris sofisticado. Un reflejo <span>magnético.</span></h2>
      <p>
        Una base pigmentada en gris con partículas metálicas plateadas
        que cobran vida con el imán. Consigue un efecto Cat Eye lleno
        de profundidad y adapta el reflejo a cada diseño.
      </p>
      <span class="mc01-pill">BASE CAT EYE · 8 ML</span>
    </section>

    <section class="mc01-intro">
      <p>
        ¿Buscas un gris que vaya más allá de un acabado liso? 
        <strong>JOIA vegan Base Coat Cat Eye 01 Shades of Gray</strong>
        combina una base gris elegante con destellos metálicos plateados.
        El efecto magnético te permite crear diferentes reflejos para
        personalizar tus manicuras, desde estilos discretos hasta diseños
        con más protagonismo.
      </p>
    </section>

    <h3 class="mc01-title">¿Qué hace especial a este tono?</h3>

    <div class="mc01-grid">
      <article class="mc01-card">
        <div class="mc01-icon">01</div>
        <h3>Gris con partículas plateadas</h3>
        <p>
          Una combinación moderna y versátil que aporta un brillo metálico
          al gris, ideal para manicuras elegantes con un toque diferente.
        </p>
      </article>

      <article class="mc01-card">
        <div class="mc01-icon">02</div>
        <h3>Efecto Cat Eye personalizable</h3>
        <p>
          Utiliza un imán antes del curado para desplazar las partículas
          y conseguir distintos reflejos según la posición y la distancia.
        </p>
      </article>

      <article class="mc01-card">
        <div class="mc01-icon">03</div>
        <h3>Alta pigmentación</h3>
        <p>
          Su pigmentación ayuda a conseguir un acabado intenso y definido,
          siguiendo la técnica de aplicación recomendada por la marca.
        </p>
      </article>

      <article class="mc01-card">
        <div class="mc01-icon">04</div>
        <h3>Consistencia media y autonivelante</h3>
        <p>
          Su textura y sus propiedades autonivelantes facilitan una
          distribución uniforme del producto durante la aplicación.
        </p>
      </article>

      <article class="mc01-card">
        <div class="mc01-icon">05</div>
        <h3>Elasticidad y plasticidad</h3>
        <p>
          Características de la fórmula que contribuyen a su comportamiento
          durante la aplicación sobre la uña.
        </p>
      </article>

      <article class="mc01-card">
        <div class="mc01-icon">06</div>
        <h3>Fórmula 9 FREE y vegana</h3>
        <p>
          Una opción para profesionales que también tienen en cuenta
          las características de la fórmula al elegir sus productos.
        </p>
      </article>
    </div>

    <section class="mc01-feature">
      <p class="mc01-feature-label">El detalle que marca la diferencia</p>
      <h3>El reflejo lo decides tú.</h3>
      <p>
        La posición y la distancia del imán influyen en el dibujo magnético.
        Experimenta con el movimiento para adaptar el efecto a cada manicura
        y transformar un gris clásico en un acabado con más dimensión.
      </p>
    </section>

    <h3 class="mc01-title">¿Para qué manicuras elegirlo?</h3>

    <div class="mc01-grid">
      <article class="mc01-card">
        <h3>Estilos minimalistas</h3>
        <p>
          Para clientas que buscan un tono sobrio con un detalle luminoso
          que no pase desapercibido.
        </p>
      </article>

      <article class="mc01-card">
        <h3>Manicuras modernas</h3>
        <p>
          El gris y el brillo plateado encajan en diseños actuales,
          elegantes y de inspiración metálica.
        </p>
      </article>

      <article class="mc01-card">
        <h3>Diseños magnéticos</h3>
        <p>
          Explora distintos reflejos y crea acabados personalizados
          utilizando un imán Cat Eye.
        </p>
      </article>

      <article class="mc01-card">
        <h3>Más opciones en tu carta de color</h3>
        <p>
          Incorpora un gris con efecto especial para ampliar las propuestas
          que puedes ofrecer a tus clientas.
        </p>
      </article>
    </div>

    <h3 class="mc01-title">Cómo aplicarlo</h3>

    <div class="mc01-steps">
      <div class="mc01-step">
        <strong>01 · Prepara la uña</strong>
        <p>
          Realiza la preparación habitual de la lámina ungueal y aplica
          los productos preparadores compatibles.
        </p>
      </div>

      <div class="mc01-step">
        <strong>02 · Aplica la base</strong>
        <p>
          Extiende una capa fina y uniforme de producto siguiendo las
          indicaciones del fabricante.
        </p>
      </div>

      <div class="mc01-step">
        <strong>03 · Crea el efecto magnético</strong>
        <p>
          Antes de polimerizar, acerca el imán Cat Eye y desplázalo
          hasta conseguir el reflejo que deseas.
        </p>
      </div>

      <div class="mc01-step">
        <strong>04 · Polimeriza y finaliza</strong>
        <p>
          Cura en la lámpara adecuada según las instrucciones del fabricante
          y finaliza con el top coat correspondiente.
        </p>
      </div>
    </div>

    <h3 class="mc01-title">Ficha técnica</h3>

    <div class="mc01-specs">
      <div class="mc01-spec">
        <span class="mc01-label">Marca</span>
        <span class="mc01-value">JOIA vegan</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Producto</span>
        <span class="mc01-value">Base Coat Cat Eye</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Tono</span>
        <span class="mc01-value">01 Shades of Gray</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Color base</span>
        <span class="mc01-value">Gris</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Partículas</span>
        <span class="mc01-value">Metálicas plateadas</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Acabado</span>
        <span class="mc01-value">Efecto magnético Cat Eye</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Pigmentación</span>
        <span class="mc01-value">Alta</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Consistencia</span>
        <span class="mc01-value">Media y autonivelante</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Fórmula</span>
        <span class="mc01-value">9 FREE y vegana</span>
      </div>

      <div class="mc01-spec">
        <span class="mc01-label">Formato</span>
        <span class="mc01-value">8 ml</span>
      </div>
    </div>

    <div class="mc01-tip">
      <strong>Tip Cruella:</strong> prueba diferentes posiciones del imán
      antes del curado para explorar el reflejo. Recuerda seguir las
      indicaciones del fabricante para la aplicación y la polimerización.
    </div>

    <h3 class="mc01-title">Compra con la confianza de Cruella Nails</h3>

    <div class="mc01-trust">
      <div class="mc01-trust-item">
        <strong>Envío gratis desde 60 €</strong>
        <p>Aprovecha el envío gratuito al alcanzar el importe mínimo del pedido.</p>
      </div>

      <div class="mc01-trust-item">
        <strong>Un regalo en tu pedido</strong>
        <p>Incluimos una pequeña sorpresa con tu compra.</p>
      </div>

      <div class="mc01-trust-item">
        <strong>Envío anunciado en 24/48 h</strong>
        <p>Consulta las condiciones y los plazos aplicables a tu pedido.</p>
      </div>

      <div class="mc01-trust-item">
        <strong>Asesoramiento cercano</strong>
        <p>Somos profesionales de las uñas y te ayudamos a elegir tus materiales.</p>
      </div>
    </div>

    <div class="mc01-footer">
      <p>CRUELLA NAILS · PRODUCTOS PROFESIONALES, CONSEJO REAL</p>
    </div>

  </div>
</div>