/** Shopify CDN: Minification failed

Line 123:0 Unexpected "`"

**/
/* =====================================================
   APPSTLE — OPCIONES DE SUSCRIPCIÓN (ESTADO FINAL)
   Objetivo:
   - Precio y botones alineados a la izquierda
   - Botones tipo píldora
   - Sin radios visibles
   - Sin medalla / círculo
===================================================== */

/* =====================================
   APPSTLE – CONTENEDOR PRINCIPAL
   (EL CUADRADO REAL)
===================================== */

#appstle_membership_widget0 .appstle_membership_wrapper {
  background-color: #ffffff !important;   /* blanco sólido */
  border: 1px solid #ffffffff !important;   /* borde fino */
  border-radius: 6px;                     /* suave */
  box-shadow: none !important;
  padding: 16px !important;
}

/* -------------------------------------
   1. Quitar medalla + círculo residual
------------------------------------- */
#appstle_membership_widget0 .appstle_membership_image {
  display: none !important;
}

/* -------------------------------------
   2. Precio: forzar alineado a la izquierda
   (Appstle usa margin-left:auto)
------------------------------------- */
#appstle_membership_widget0 .appstle_membership_amount_wrapper,
#appstle_membership_widget0 .appstle_membership_amount {
  margin-left: 0 !important;
  text-align: left !important;
}
span.appstle_membership_amount span.transcy-money {
    font-size: 21px;
}

/* El wrapper del precio NO debe empujar a la derecha */
#appstle_membership_widget0 .appstle_membership_radio_wrapper {
  justify-content: flex-start !important;
}

/* -------------------------------------
   3. Alinear botones al mismo eje izquierdo
   (clave: este bloque)
------------------------------------- */
#appstle_membership_widget0 .appstle_subscribe_option {
  margin-left: 0 !important;
  padding-left: 0 !important;
  align-items: flex-start !important;
  text-align: left !important;
}

/* -------------------------------------
   4. Contenedor de opciones (horizontal)
------------------------------------- */
#appstle_membership_widget0 .appstleRadioSellingPlanWrapper {
  display: flex !important;
  gap: 12px;
  flex-wrap: wrap;
  margin-left: 0 !important;
  padding-left: 0 !important;
  justify-content: flex-start !important;
}

/* Evitar offsets internos */
#appstle_membership_widget0 .appstleRadioSellingPlanWrapper > div {
  margin-left: 0 !important;
}

/* -------------------------------------
   5. Ocultar TODOS los radios nativos
------------------------------------- */
#appstle_membership_widget0 input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
}

/* -------------------------------------
   6. Botones tipo píldora
------------------------------------- */
#appstle_membership_widget0 .appstleRadioSellingPlanWrapper label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 999px;
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  font-size: 14px;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* Hover */
#appstle_membership_widget0 .appstleRadioSellingPlanWrapper label:hover {
  border-color: #000;
}

/* Seleccionado */
#appstle_membership_widget0
.appstleRadioSellingPlanWrapper
input[type="radio"]:checked + label {
  border-color: #000;
  font-weight: 500;
}
``

a.appstle_link {
    display: none !important;
}