/* ============================================================
 * Future Face — fixes de front
 * Migrado del bloque <style id="ff-fixes-css"> que estaba en WPCode → Pie de página.
 * ============================================================ */

/* #9 — Botón "Regístrate para ver nuestros precios" con aspecto de botón
 * (mismo estilo que el botón "Añadir al carrito": #2d2d2d, texto blanco,
 * borde 1px, mayúsculas). El enlace lo pinta el módulo "Members only" sin clase. */
.e-loop-item .elementor-heading-title a[href*="/registro/"] {
  display: inline-block;
  background: #2d2d2d;
  color: #fff !important;
  padding: 12px 24px;
  border: 1px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: none;
  margin-top: 10px;
}
.e-loop-item .elementor-heading-title a[href*="/registro/"]:hover {
  background: #000;
}

/* #6 — Igualar altura de las tarjetas del Loop Grid y alinear el CTA abajo
 * (las descripciones de distinto largo dejaban los botones desalineados). */
.elementor-loop-container.elementor-grid {
  align-items: stretch;
}
.elementor-loop-container .e-loop-item {
  height: 100%;
}
.e-loop-item > .elementor-element.e-con {
  height: 100%;
}
.e-loop-item > .elementor-element.e-con > .e-con-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
/* el bloque de contenido (2º hijo: título + precio) crece y empuja el precio/CTA abajo */
.e-loop-item > .elementor-element.e-con > .e-con-inner > .elementor-element:nth-child(2) {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
.e-loop-item > .elementor-element.e-con > .e-con-inner > .elementor-element:nth-child(2) > .elementor-element:last-child {
  margin-top: auto;
}
/* CTA (botón añadir, usuarios logueados) pegado abajo */
.e-loop-item > .elementor-element.e-con > .e-con-inner > .elementor-element:last-child {
  margin-top: auto;
}