JOIA vegan Soft Gel Tips Almond

<style>
.cn-softgel-almond,
.cn-softgel-almond * {
  box-sizing: border-box;
}

.cn-softgel-almond {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  container-type: inline-size;
  overflow: hidden;
  color: #292529;
  font-family: inherit;
  line-height: 1.55;
}

.cn-softgel-almond .sa-inner {
  width: 100%;
  max-width: 1100px;
  min-width: 0;
  margin: 0 auto;
  padding: 0 16px;
}

.cn-softgel-almond .sa-hero {
  background: linear-gradient(135deg, #f9e9ed 0%, #f8f3f3 52%, #f1e9ed 100%);
  border-radius: 18px;
  padding: 32px 24px;
  margin-bottom: 24px;
  text-align: center;
}

.cn-softgel-almond .sa-eyebrow {
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 750;
  color: #a45e76;
  margin: 0 0 10px;
}

.cn-softgel-almond h2 {
  font-size: clamp(24px, 5cqi, 37px);
  line-height: 1.15;
  letter-spacing: -0.8px;
  margin: 0 0 13px;
  color: #292329;
  overflow-wrap: break-word;
}

.cn-softgel-almond .sa-hero p {
  max-width: 680px;
  margin: 0 auto;
  color: #65565e;
  font-size: 15px;
}

.cn-softgel-almond .sa-highlight {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 21px;
}

.cn-softgel-almond .sa-pill {
  display: inline-block;
  background: rgba(255,255,255,.8);
  color: #75475a;
  border: 1px solid rgba(164,94,118,.16);
  border-radius: 30px;
  padding: 7px 13px;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .4px;
}

.cn-softgel-almond .sa-section {
  margin: 25px 0;
}

.cn-softgel-almond .sa-title {
  font-size: 20px;
  font-weight: 750;
  color: #292329;
  margin: 0 0 11px;
}

.cn-softgel-almond .sa-intro {
  font-size: 14px;
  color: #625b60;
  margin: 0;
}

.cn-softgel-almond .sa-benefits {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 11px;
}

.cn-softgel-almond .sa-benefit {
  min-width: 0;
  padding: 17px;
  border: 1px solid #eee4e8;
  border-radius: 13px;
  background: #fcf8fa;
}

.cn-softgel-almond .sa-benefit strong {
  display: block;
  font-size: 14px;
  color: #874f66;
  margin-bottom: 5px;
}

.cn-softgel-almond .sa-benefit p {
  margin: 0;
  color: #655d62;
  font-size: 13px;
  overflow-wrap: break-word;
}

.cn-softgel-almond .sa-shape {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  background: #292429;
  color: #fff;
  padding: 23px 21px;
  border-radius: 17px;
}

.cn-softgel-almond .sa-shape h3 {
  font-size: 19px;
  color: #fff;
  margin: 0 0 8px;
}

.cn-softgel-almond .sa-shape p {
  font-size: 13px;
  color: #e8dfe3;
  margin: 0;
}

.cn-softgel-almond .sa-shape-tag {
  display: inline-block;
  margin-top: 13px;
  padding: 7px 12px;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 30px;
  font-size: 11px;
  font-weight: 700;
  color: #f6dce5;
  letter-spacing: .5px;
}

.cn-softgel-almond .sa-numbers {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}

.cn-softgel-almond .sa-number-card {
  padding: 13px 8px;
  border-radius: 12px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.13);
  text-align: center;
  min-width: 0;
}

.cn-softgel-almond .sa-number-card strong {
  display: block;
  color: #fff;
  font-size: 23px;
  line-height: 1.2;
}

.cn-softgel-almond .sa-number-card span {
  display: block;
  color: #e6dce1;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .7px;
  margin-top: 5px;
}

.cn-softgel-almond .sa-application {
  background: #f8f3f5;
  border: 1px solid #eee4e8;
  border-radius: 17px;
  padding: 23px 20px;
}

.cn-softgel-almond .sa-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  margin-top: 17px;
}

.cn-softgel-almond .sa-step {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}

.cn-softgel-almond .sa-step-number {
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eacbd6;
  color: #673c4e;
  font-size: 13px;
  font-weight: 800;
}

.cn-softgel-almond .sa-step p {
  margin: 3px 0 0;
  color: #5e555a;
  font-size: 13px;
  min-width: 0;
  overflow-wrap: break-word;
}

.cn-softgel-almond .sa-tip {
  margin-top: 19px;
  padding: 14px 15px;
  background: #fff;
  border-left: 3px solid #c887a0;
  border-radius: 8px;
  color: #65565e;
  font-size: 13px;
}

.cn-softgel-almond .sa-tip strong {
  color: #874f66;
}

.cn-softgel-almond .sa-specs {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid #eee5e9;
  border-radius: 13px;
  overflow: hidden;
}

.cn-softgel-almond .sa-spec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border-bottom: 1px solid #eee5e9;
  min-width: 0;
  font-size: 13px;
}

.cn-softgel-almond .sa-spec:last-child {
  border-bottom: 0;
}

.cn-softgel-almond .sa-spec span {
  color: #766c72;
  min-width: 0;
}

.cn-softgel-almond .sa-spec strong {
  text-align: right;
  color: #30282d;
  min-width: 0;
  overflow-wrap: break-word;
}

.cn-softgel-almond .sa-shop {
  background: linear-gradient(135deg, #f8edf1, #f5f1f3);
  border-radius: 17px;
  padding: 23px 20px;
  margin-top: 25px;
}

.cn-softgel-almond .sa-shop h3 {
  font-size: 20px;
  color: #30252c;
  margin: 0 0 7px;
  text-align: center;
}

.cn-softgel-almond .sa-shop-intro {
  color: #655b61;
  font-size: 13px;
  text-align: center;
  margin: 0 auto 17px;
  max-width: 590px;
}

.cn-softgel-almond .sa-shop-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

.cn-softgel-almond .sa-shop-item {
  background: rgba(255,255,255,.82);
  border: 1px solid rgba(164,94,118,.12);
  border-radius: 12px;
  padding: 14px;
  min-width: 0;
}

.cn-softgel-almond .sa-shop-item strong {
  display: block;
  color: #874f66;
  font-size: 13px;
  margin-bottom: 4px;
}

.cn-softgel-almond .sa-shop-item p {
  color: #655d62;
  font-size: 12px;
  margin: 0;
  overflow-wrap: break-word;
}

.cn-softgel-almond .sa-footer {
  margin-top: 20px;
  padding: 17px;
  text-align: center;
}

.cn-softgel-almond .sa-footer strong {
  display: block;
  font-size: 14px;
  color: #874f66;
  margin-bottom: 4px;
  letter-spacing: .5px;
}

.cn-softgel-almond .sa-footer p {
  margin: 0;
  font-size: 12px;
  color: #766c72;
}

@container (max-width: 380px) {
  .cn-softgel-almond .sa-inner {
    padding: 0 10px;
  }

  .cn-softgel-almond .sa-hero {
    padding: 23px 14px;
  }

  .cn-softgel-almond .sa-shape,
  .cn-softgel-almond .sa-application,
  .cn-softgel-almond .sa-shop {
    padding: 16px;
  }

  .cn-softgel-almond .sa-spec {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    padding: 11px 12px;
  }

  .cn-softgel-almond .sa-spec strong {
    text-align: left;
  }
}

@container (min-width: 500px) {
  .cn-softgel-almond .sa-benefits,
  .cn-softgel-almond .sa-shop-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cn-softgel-almond .sa-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cn-softgel-almond .sa-specs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cn-softgel-almond .sa-spec {
    border-bottom: 1px solid #eee5e9;
  }

  .cn-softgel-almond .sa-spec:nth-child(odd) {
    border-right: 1px solid #eee5e9;
  }

  .cn-softgel-almond .sa-spec:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}

@container (min-width: 700px) {
  .cn-softgel-almond .sa-hero {
    padding: 40px 35px;
  }

  .cn-softgel-almond .sa-benefits,
  .cn-softgel-almond .sa-shop-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .cn-softgel-almond .sa-shape {
    grid-template-columns: 1.2fr 1fr;
    padding: 27px;
  }

  .cn-softgel-almond .sa-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
</style>

<div class="cn-softgel-almond">
  <div class="sa-inner">

    <section class="sa-hero">
      <p class="sa-eyebrow">JOIA VEGAN · SOFT GEL SYSTEM</p>
      <h2>Extensiones elegantes con forma almendra</h2>
      <p>
        Consigue una extensión estilizada, ligera y de aspecto natural.
        Las Soft Gel Tips Almond de JOIA están diseñadas para agilizar
        tus servicios, reducir el limado y conseguir una estructura
        uniforme sin tener que construir la uña desde cero.
      </p>

      <div class="sa-highlight">
        <span class="sa-pill">240 UNIDADES</span>
        <span class="sa-pill">12 TAMAÑOS</span>
        <span class="sa-pill">GEL FLEXIBLE</span>
      </div>
    </section>

    <section class="sa-section">
      <h3 class="sa-title">Más agilidad en cabina, sin renunciar al resultado</h3>
      <p class="sa-intro">
        Si buscas una forma bonita y definida con un proceso de aplicación
        más rápido, las Soft Gel Tips son una gran aliada. Son tips de
        cobertura completa fabricadas en gel de modelado, que combina
        flexibilidad y resistencia para adaptarse cómodamente a la uña natural.
        Una vez seleccionada la talla adecuada, requieren muy poco limado
        y permiten conseguir una estructura uniforme.
      </p>
    </section>

    <section class="sa-section">
      <div class="sa-benefits">

        <div class="sa-benefit">
          <strong>Aplicación más rápida</strong>
          <p>Reduce el tiempo de trabajo frente a una extensión tradicional con molde.</p>
        </div>

        <div class="sa-benefit">
          <strong>Menos limado</strong>
          <p>Su estructura facilita conseguir una extensión uniforme con menos retoques.</p>
        </div>

        <div class="sa-benefit">
          <strong>Flexibles y resistentes</strong>
          <p>El gel de modelado combina flexibilidad y resistencia frente al uso diario.</p>
        </div>

        <div class="sa-benefit">
          <strong>Adaptación cómoda</strong>
          <p>Diseñadas para ajustarse a la uña natural y ofrecer un aspecto cuidado.</p>
        </div>

        <div class="sa-benefit">
          <strong>12 tamaños</strong>
          <p>Una variedad de tallas para encontrar la adaptación adecuada en cada uña.</p>
        </div>

        <div class="sa-benefit">
          <strong>Forma Almond</strong>
          <p>Una silueta almendrada que estiliza visualmente los dedos y aporta elegancia.</p>
        </div>

      </div>
    </section>

    <section class="sa-section sa-shape">
      <div>
        <h3>La belleza de una forma almendrada</h3>
        <p>
          La forma Almond es una de las favoritas para conseguir manicuras
          elegantes y estilizadas. Su silueta afinada queda especialmente
          bonita con tonos nude, francesas, baby boomer y diseños naturales.
        </p>
        <span class="sa-shape-tag">ESTILIZA · DEFINE · REALZA</span>
      </div>

      <div class="sa-numbers">
        <div class="sa-number-card">
          <strong>240</strong>
          <span>Tips incluidas</span>
        </div>
        <div class="sa-number-card">
          <strong>12</strong>
          <span>Tamaños diferentes</span>
        </div>
      </div>
    </section>

    <section class="sa-section sa-application">
      <h3 class="sa-title">Modo de aplicación</h3>
      <p class="sa-intro">
        Sigue estos pasos para conseguir una correcta adaptación y fijación
        de tus Soft Gel Tips.
      </p>

      <div class="sa-steps">

        <div class="sa-step">
          <span class="sa-step-number">1</span>
          <p>Prepara correctamente la uña natural y elimina el brillo de la superficie.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">2</span>
          <p>Aplica Nail Dryer para eliminar grasa y exceso de humedad. Utiliza Primer sin ácido cuando sea necesario.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">3</span>
          <p>Aplica una capa fina de base sobre la uña natural y polimeriza siguiendo las indicaciones del fabricante.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">4</span>
          <p>Selecciona el tamaño adecuado de tip para cada uña. Debe cubrir de lateral a lateral sin ejercer presión.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">5</span>
          <p>Aplica una pequeña cantidad de base en la zona interior de contacto de la tip.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">6</span>
          <p>Coloca la tip desde la zona de cutícula hacia el borde libre, presionando suavemente para evitar la formación de burbujas.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">7</span>
          <p>Prepolimeriza para fijarla y completa después la polimerización siguiendo las indicaciones del producto utilizado.</p>
        </div>

        <div class="sa-step">
          <span class="sa-step-number">8</span>
          <p>Perfecciona la zona de unión y el borde libre si fuera necesario. Continúa con el color y finaliza con top coat.</p>
        </div>

      </div>

      <div class="sa-tip">
        <strong>TIP CRUELLA:</strong> La talla es la clave para que una Soft Gel Tip
        quede perfecta. Debe cubrir la uña de lateral a lateral sin ejercer presión.
        Si estás entre dos tamaños, elige la ligeramente mayor y ajusta los laterales
        con lima antes que utilizar una demasiado pequeña.
      </div>
    </section>

    <section class="sa-section">
      <h3 class="sa-title">Características del producto</h3>

      <div class="sa-specs">
        <div class="sa-spec">
          <span>Marca</span>
          <strong>JOIA vegan</strong>
        </div>

        <div class="sa-spec">
          <span>Producto</span>
          <strong>Soft Gel Tips</strong>
        </div>

        <div class="sa-spec">
          <span>Forma</span>
          <strong>Almond / Almendra</strong>
        </div>

        <div class="sa-spec">
          <span>Contenido</span>
          <strong>240 unidades</strong>
        </div>

        <div class="sa-spec">
          <span>Tallas</span>
          <strong>12 tamaños</strong>
        </div>

        <div class="sa-spec">
          <span>Material</span>
          <strong>Gel flexible y resistente</strong>
        </div>

        <div class="sa-spec">
          <span>Tipo</span>
          <strong>Tip de cobertura completa</strong>
        </div>

        <div class="sa-spec">
          <span>Acabado</span>
          <strong>Aspecto natural y estilizado</strong>
        </div>
      </div>
    </section>

    <section class="sa-shop">
      <h3>¿Por qué comprar en Cruella Nails?</h3>
      <p class="sa-shop-intro">
        No somos solo una tienda de productos de uñas. Somos profesionales
        del sector y sabemos lo que necesitas para trabajar en tu día a día.
      </p>

      <div class="sa-shop-grid">

        <div class="sa-shop-item">
          <strong>🚚 Envío gratis desde 60 €</strong>
          <p>Prepara tu pedido y consigue envío gratuito al alcanzar ese importe.</p>
        </div>

        <div class="sa-shop-item">
          <strong>🎁 Un regalo en cada pedido</strong>
          <p>Incluimos una pequeña sorpresa para agradecer tu confianza.</p>
        </div>

        <div class="sa-shop-item">
          <strong>📦 Envíos en 24/48 h</strong>
          <p>Preparamos tus pedidos para que recibas tus productos cuanto antes.</p>
        </div>

        <div class="sa-shop-item">
          <strong>↩️ Devoluciones gratis hasta 30 días</strong>
          <p>Consulta las condiciones de devolución aplicables a cada producto.</p>
        </div>

        <div class="sa-shop-item">
          <strong>💅 Selección profesional</strong>
          <p>Productos elegidos desde la experiencia real de trabajar en un salón.</p>
        </div>

        <div class="sa-shop-item">
          <strong>🎓 Somos formadoras</strong>
          <p>Compartimos nuestra experiencia y conocimientos para ayudarte a crecer como profesional.</p>
        </div>

      </div>
    </section>

    <div class="sa-footer">
      <strong>CRUELLA NAILS · SHOP & ACADEMY</strong>
      <p>De manicurista a manicurista. Productos que acompañan tu trabajo y tu crecimiento.</p>
    </div>

  </div>
</div>