.elementor-18803 .elementor-element.elementor-element-4dffcd5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-18803 .elementor-element.elementor-element-260211a{--display:flex;}.elementor-18803 .elementor-element.elementor-element-c32c91d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-18803 .elementor-element.elementor-element-14ac282{--display:flex;}.elementor-18803 .elementor-element.elementor-element-1e89d15{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-18803 .elementor-element.elementor-element-9db5ebb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-96px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-18803 .elementor-element.elementor-element-7a8821f{--display:flex;}.elementor-18803 .elementor-element.elementor-element-4de7040{--display:flex;}.elementor-18803 .elementor-element.elementor-element-805931a{--display:flex;}.elementor-18803 .elementor-element.elementor-element-c3121cf{--display:flex;}.elementor-18803 .elementor-element.elementor-element-545580c{--display:flex;}.elementor-18803 .elementor-element.elementor-element-75e268a{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-18803 .elementor-element.elementor-element-75dd695{background-color:#FFFFFF;padding:28px 28px 28px 28px;border-style:solid;border-color:#D5D1CD;border-radius:20px 20px 20px 20px;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-75dd695.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon{font-size:25px;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:700;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-75dd695:has(:hover) .elementor-icon-box-title,
					 .elementor-18803 .elementor-element.elementor-element-75dd695:has(:focus) .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-18803 .elementor-element.elementor-element-49ae57f{background-color:#FFFFFF;padding:28px 28px 28px 28px;border-style:solid;border-color:#D5D1CD;border-radius:20px 20px 20px 20px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon{font-size:25px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:700;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-49ae57f:has(:hover) .elementor-icon-box-title,
					 .elementor-18803 .elementor-element.elementor-element-49ae57f:has(:focus) .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-18803 .elementor-element.elementor-element-f0c8853{background-color:#FFFFFF;padding:28px 28px 28px 28px;border-style:solid;border-color:#D5D1CD;border-radius:20px 20px 20px 20px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );fill:#FFFFFF;color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon{font-size:25px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-title a{font-family:"Fraunces", Sans-serif;font-size:20px;font-weight:700;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-f0c8853:has(:hover) .elementor-icon-box-title,
					 .elementor-18803 .elementor-element.elementor-element-f0c8853:has(:focus) .elementor-icon-box-title{color:#1C1C1E;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;}.elementor-18803 .elementor-element.elementor-element-1234f32{--display:flex;}.elementor-18803 .elementor-element.elementor-element-1234f32.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-18803:not(.elementor-motion-effects-element-type-background), body.elementor-page-18803 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF4E8;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-18803 .elementor-element.elementor-element-260211a{--width:55%;}.elementor-18803 .elementor-element.elementor-element-14ac282{--width:45%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-18803 .elementor-element.elementor-element-75e268a{--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-18803 .elementor-element.elementor-element-75e268a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-wrapper{gap:10px;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon{font-size:16px;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-title a{font-size:20px;}.elementor-18803 .elementor-element.elementor-element-75dd695 .elementor-icon-box-description{font-size:15px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon{font-size:16px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-title a{font-size:20px;}.elementor-18803 .elementor-element.elementor-element-49ae57f .elementor-icon-box-description{font-size:15px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon{font-size:16px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-title, .elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-title a{font-size:20px;}.elementor-18803 .elementor-element.elementor-element-f0c8853 .elementor-icon-box-description{font-size:15px;}.elementor-18803 .elementor-element.elementor-element-1234f32{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS *//* ==================================================
   LANDING LISTA DE LA COMPRA NUTRIFÁCIL
   CSS GLOBAL CORREGIDO Y OPTIMIZADO
   ================================================== */

/* ==================================================
   0. VARIABLES GENERALES
   ================================================== */

:root{
  --nf-orange:#EF7D13;
  --nf-orange-dark:#D96800;
  --nf-orange-light:#FFF4E8;
  --nf-orange-xlight:#FFFAF5;

  --nf-ink:#1C1C1E;
  --nf-text:#4A5060;
  --nf-muted:#7A8088;
  --nf-line:#EAD9C9;

  --nf-green:#2EAD5F;
  --nf-green-soft:#E8F7EE;

  --nf-red:#E94B35;
  --nf-red-soft:#FFF0EE;

  --nf-white:#FFFFFF;

  --nf-shadow-soft:0 10px 28px rgba(60,35,10,.07);
  --nf-shadow-medium:0 18px 44px rgba(60,35,10,.10);
  --nf-shadow-strong:0 24px 64px rgba(60,35,10,.12);
  --nf-shadow-orange:0 14px 30px rgba(239,125,19,.30);

  --nf-radius-sm:14px;
  --nf-radius-md:20px;
  --nf-radius-lg:28px;
  --nf-radius-xl:34px;

  --nf-font:"Poppins", Arial, sans-serif;
}


/* ==================================================
   1. BASE / UTILIDADES
   ================================================== */

.nf-lc-hero *,
.nf-lc-trustbar *,
.nf-lc-section *,
.club-suscripcion,
.club-suscripcion *{
  box-sizing:border-box;
}

.nf-lc-wrap{
  width:min(1140px, calc(100% - 40px));
  margin-inline:auto;
}

#planes{
  scroll-margin-top:110px;
}


/* ==================================================
   2. COMPONENTES REUTILIZABLES
   ================================================== */

.nf-lc-kicker{
  display:inline-flex;
  align-items:center;
  gap:7px;

  margin-bottom:18px;
  padding:7px 14px;

  border-radius:999px;
  background:var(--nf-orange-light);
  color:var(--nf-orange-dark);

  font-family:var(--nf-font);
  font-size:13px;
  font-weight:800;
  line-height:1.4;
}

.nf-lc-h1 .elementor-heading-title,
.nf-lc-h1 h1,
.nf-lc-h1 h2{
  margin:0 !important;

  color:var(--nf-ink) !important;
  font-family:var(--nf-font) !important;
  font-size:clamp(38px,5vw,66px) !important;
  font-weight:900 !important;
  line-height:1.06 !important;
  letter-spacing:-.045em !important;
}

.nf-lc-h2 .elementor-heading-title,
.nf-lc-h2 h2{
  margin:0 !important;

  color:var(--nf-ink) !important;
  font-family:var(--nf-font) !important;
  font-size:clamp(28px,3.8vw,46px) !important;
  font-weight:900 !important;
  line-height:1.12 !important;
  letter-spacing:-.035em !important;
}

/* Botones Elementor */

.nf-lc-btn{
  width:auto !important;
}

.nf-lc-btn .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:54px;
  padding:14px 27px;

  border:1.5px solid var(--nf-orange);
  border-radius:var(--nf-radius-sm);

  background:var(--nf-orange);
  color:#ffffff !important;

  box-shadow:var(--nf-shadow-orange);

  font-family:var(--nf-font);
  font-size:16px;
  font-weight:900;
  line-height:1.3;

  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.nf-lc-btn .elementor-button:hover{
  transform:translateY(-2px);
  border-color:var(--nf-orange-dark);
  background:var(--nf-orange-dark);
  box-shadow:0 18px 38px rgba(239,125,19,.34);
}

.nf-lc-btn-secondary .elementor-button{
  border-color:var(--nf-line);
  background:#ffffff;
  color:var(--nf-ink) !important;
  box-shadow:none;
}

.nf-lc-btn-secondary .elementor-button:hover{
  border-color:var(--nf-orange);
  background:var(--nf-orange-light);
  color:var(--nf-orange-dark) !important;
  box-shadow:none;
}


/* ==================================================
   3. HERO
   ================================================== */

.nf-lc-hero{
  width:100%;
  padding:78px 0 72px;
  overflow:hidden;

  background:
    radial-gradient(
      ellipse at 92% 0%,
      rgba(239,125,19,.15),
      transparent 34%
    ),
    linear-gradient(
      175deg,
      var(--nf-orange-xlight) 0%,
      #ffffff 64%
    );
}

.nf-lc-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  align-items:center;
  gap:60px;
}

.nf-lc-hero-copy{
  min-width:0;
}

.nf-lc-hero-sub{
  max-width:600px;
  margin-top:18px;
}

.nf-lc-hero-sub,
.nf-lc-hero-sub p{
  color:var(--nf-text) !important;
  font-family:var(--nf-font) !important;
  font-size:18px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
}

.nf-lc-hero-sub p{
  margin:0 !important;
}

.nf-lc-hero-actions{
  display:flex !important;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;

  margin-top:28px;
}

.nf-lc-micro{
  margin-top:21px;
}

.nf-lc-micro .elementor-icon-list-items{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  gap:10px 18px;
}

.nf-lc-micro .elementor-icon-list-item{
  margin:0 !important;
}

.nf-lc-micro .elementor-icon-list-icon{
  color:var(--nf-green);
}

.nf-lc-micro .elementor-icon-list-text{
  color:var(--nf-text);
  font-family:var(--nf-font);
  font-size:13px;
  font-weight:600;
}

.nf-lc-hero-note{
  max-width:560px;
  margin-top:13px;
}

.nf-lc-hero-note,
.nf-lc-hero-note p{
  color:#9B744D !important;
  font-family:var(--nf-font) !important;
  font-size:12px !important;
  line-height:1.6 !important;
}

.nf-lc-hero-note p{
  margin:0 !important;
}

/* Captura / dispositivo */

.nf-lc-device-wrap{
  position:relative;
  min-width:0;
}

.nf-lc-device-wrap::before{
  content:"";
  position:absolute;
  inset:5% -8%;

  border-radius:50%;
  background:
    radial-gradient(
      ellipse at center,
      rgba(239,125,19,.22),
      transparent 68%
    );

  filter:blur(24px);
  pointer-events:none;
}

.nf-lc-device{
  position:relative;
  z-index:2;

  padding:12px;

  border:1px solid #F0E0CC;
  border-radius:30px;
  background:#ffffff;

  box-shadow:
    0 24px 64px rgba(60,35,10,.13),
    0 8px 24px rgba(60,35,10,.06);

  overflow:hidden;
}

.nf-lc-device-image{
  margin:0;
}

.nf-lc-device-image img{
  display:block;
  width:100%;
  height:520px;

  border-radius:21px;

  object-fit:cover;
  object-position:top center;
}

.nf-lc-device-label{
  position:absolute;
  z-index:4;
  right:26px;
  bottom:25px;
  left:26px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:11px 15px;

  border:1px solid rgba(234,217,201,.95);
  border-radius:13px;

  background:rgba(255,255,255,.94);
  color:var(--nf-ink);

  box-shadow:0 10px 24px rgba(60,35,10,.12);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);

  font-family:var(--nf-font);
  font-size:12px;
  font-weight:900;
  line-height:1.4;
}

.nf-lc-device-dot{
  width:9px;
  height:9px;
  flex:0 0 auto;

  border-radius:50%;
  background:var(--nf-green);

  box-shadow:0 0 0 4px rgba(46,173,95,.14);
}


/* ==================================================
   4. TRUSTBAR
   ================================================== */

.nf-lc-trustbar{
  border-top:1px solid #F0E5D8;
  border-bottom:1px solid #F0E5D8;
  background:#ffffff;
}

.nf-lc-trust-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr);
}

.nf-lc-trust-cell{
  padding:24px 20px;
  text-align:center;
  border-right:1px solid #F0E5D8;
}

.nf-lc-trust-cell:last-child{
  border-right:0;
}

.nf-lc-trust-cell h3,
.nf-lc-trust-cell .elementor-heading-title{
  margin:0 0 3px !important;

  color:var(--nf-ink) !important;
  font-family:var(--nf-font) !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
}

.nf-lc-trust-cell p{
  margin:0 !important;

  color:var(--nf-muted) !important;
  font-family:var(--nf-font) !important;
  font-size:12px !important;
  line-height:1.45 !important;
}


/* ==================================================
   5. SECCIONES GENERALES
   ================================================== */

.nf-lc-section{
  padding:70px 0;
  background:#ffffff;
}

.nf-lc-section-head{
  max-width:800px;
  margin:0 auto 52px;
  text-align:center;
}

.nf-lc-section-lead{
  max-width:720px;
  margin:14px auto 0;
}

.nf-lc-section-lead,
.nf-lc-section-lead p{
  color:var(--nf-text) !important;
  font-family:var(--nf-font) !important;
  font-size:17px !important;
  line-height:1.7 !important;
}

.nf-lc-section-lead p{
  margin:0 !important;
}


/* ==================================================
   6. TARJETAS PROBLEMA
   ================================================== */

.nf-lc-cards-3{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.nf-lc-card{
  background:#ffffff;
  border:1px solid var(--nf-line);
  border-radius:22px;
  padding:28px;
  box-shadow:var(--nf-shadow-soft);
}

.nf-lc-card-icon{
  width:52px;
  height:52px;
  margin-bottom:18px;

  display:grid;
  place-items:center;

  border-radius:15px;
  background:var(--nf-orange-light);

  font-size:25px;
  line-height:1;
}

.nf-lc-card h3,
.nf-lc-card .elementor-heading-title{
  margin:0 0 8px !important;

  color:var(--nf-ink) !important;
  font-family:var(--nf-font) !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  letter-spacing:-.015em !important;
}

.nf-lc-card p{
  margin:0 !important;

  color:var(--nf-text) !important;
  font-family:var(--nf-font) !important;
  font-size:15px !important;
  line-height:1.65 !important;
}


/* ==================================================
   7. PMS — CHECKOUT FINAL CORREGIDO
   ================================================== */

.club-suscripcion,
.club-suscripcion *{
  box-sizing:border-box;
}

.club-suscripcion{
  /* Variables ya heredadas de :root, no hace falta redeclararlas aquí */

  width:min(1100px, calc(100% - 40px));
  margin:0 auto;
  padding:54px clamp(22px,4vw,56px) 42px;

  background:
    radial-gradient(circle at 15% 4%, rgba(239,125,19,.10), transparent 30%),
    linear-gradient(180deg,#FFFAF5 0%,#FFFFFF 72%);

  border:1px solid rgba(234,217,201,.95);
  border-radius:30px;
  box-shadow:0 24px 64px rgba(60,35,10,.10);

  font-family:var(--nf-font);
  overflow:hidden;
}

.club-suscripcion h1,
.club-suscripcion h2,
.club-suscripcion .elementor-heading-title{
  max-width:760px;
  margin:0 auto 14px !important;

  color:var(--nf-ink) !important;
  text-align:center !important;
  font-family:var(--nf-font) !important;
  font-size:clamp(32px,4.4vw,54px) !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
}

.club-suscripcion > p,
.club-suscripcion .elementor-widget-text-editor p,
.club-suscripcion .pms-form > p{
  max-width:720px;
  margin:0 auto 34px !important;

  color:var(--nf-text) !important;
  text-align:center !important;
  font-family:var(--nf-font) !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

.club-suscripcion #pms_register-form,
.club-suscripcion .pms-form{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

.club-suscripcion ul,
.club-suscripcion .pms-form-fields-wrapper{
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.club-suscripcion .pms-form-fields-wrapper{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  column-gap:42px !important;
  row-gap:16px !important;

  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  align-items:start !important;
}

.club-suscripcion .pms-form-fields-wrapper > li,
.club-suscripcion .pms-form-fields-wrapper > .pms-field,
.club-suscripcion .pms-form-fields-wrapper > .pms-form-field{
  grid-column:2 !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.club-suscripcion .pms-form-fields-wrapper > ul:has(> .pms-subscription-plan),
.club-suscripcion ul:has(> .pms-subscription-plan){
  grid-column:1 !important;
  grid-row:1 / span 10 !important;

  display:grid !important;
  grid-template-columns:1fr !important;
  gap:24px !important;

  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

.club-suscripcion .pms-form-fields-wrapper > li.pms-subscription-plan,
.club-suscripcion .pms-form-fields-wrapper > .pms-subscription-plan{
  grid-column:1 !important;
  width:100% !important;
  max-width:none !important;
}

.club-suscripcion .pms-subscription-plan-auto-renew,
.club-suscripcion .pms-form-fields-wrapper > li:has(input[type="checkbox"]),
.club-suscripcion .pms-form-fields-wrapper > label:has(input[type="checkbox"]){
  grid-column:1 !important;
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  margin:0 !important;
}

.club-suscripcion .pms-subscription-plan{
  position:relative !important;

  min-height:190px !important;
  margin:0 !important;
  padding:24px 24px 24px 56px !important;

  background:#FFFFFF !important;
  border:1.5px solid var(--nf-line) !important;
  border-radius:24px !important;
  box-shadow:0 14px 36px rgba(60,35,10,.07) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background-color .18s ease;
}

.club-suscripcion .pms-subscription-plan:hover{
  transform:translateY(-3px);
  border-color:rgba(239,125,19,.45) !important;
  box-shadow:0 22px 48px rgba(60,35,10,.11) !important;
}

.club-suscripcion .pms-subscription-plan:has(input[type="radio"]:checked){
  border:2px solid var(--nf-orange) !important;
  background:
    radial-gradient(circle at 94% 10%, rgba(239,125,19,.10), transparent 34%),
    linear-gradient(180deg,#FFF8F0 0%,#FFFFFF 100%) !important;
  box-shadow:
    0 24px 54px rgba(239,125,19,.14),
    0 8px 20px rgba(60,35,10,.05) !important;
}

.club-suscripcion .pms-subscription-plan:first-child::after{
  content:"MÁS ELEGIDO";
  position:absolute;
  top:18px;
  right:18px;

  padding:8px 12px;
  border-radius:999px;
  background:var(--nf-orange);
  color:#FFFFFF;

  font-size:10px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.035em;

  box-shadow:0 8px 18px rgba(239,125,19,.24);
}

.club-suscripcion .pms-subscription-plan:first-child label{
  padding-right:118px !important;
}

.club-suscripcion .pms-subscription-plan input[type="radio"]{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:absolute !important;
  top:25px !important;
  left:22px !important;

  width:23px !important;
  height:23px !important;
  margin:0 !important;

  background:#FFFFFF !important;
  border:2px solid #BFC3CA !important;
  border-radius:50% !important;

  box-shadow:none !important;
  cursor:pointer !important;
}

.club-suscripcion .pms-subscription-plan input[type="radio"]:checked{
  border:7px solid var(--nf-orange) !important;
  box-shadow:0 0 0 4px rgba(239,125,19,.12) !important;
}

.club-suscripcion .pms-subscription-plan input[type="radio"]:focus-visible{
  outline:3px solid rgba(239,125,19,.25);
  outline-offset:3px;
}

.club-suscripcion .pms-subscription-plan label{
  display:block !important;
  margin:0 !important;

  color:var(--nf-ink) !important;
  font-family:var(--nf-font) !important;
  font-size:17px !important;
  line-height:1.38 !important;
  font-weight:800 !important;
}

.club-suscripcion .pms-subscription-plan-name{
  color:var(--nf-ink) !important;
  font-weight:900 !important;
}

.club-suscripcion .pms-subscription-plan-price,
.club-suscripcion .pms-subscription-plan-currency,
.club-suscripcion .pms-subscription-plan-duration{
  color:var(--nf-orange) !important;
  font-weight:900 !important;
}

.club-suscripcion .pms-subscription-plan-description{
  max-width:94% !important;
  margin:12px 0 0 !important;

  color:#596172 !important;
  font-size:14px !important;
  line-height:1.65 !important;
  font-style:normal !important;
}

.club-suscripcion .pms-subscription-plan-description em{
  font-style:normal !important;
}

.club-suscripcion .pms-field,
.club-suscripcion .pms-form-field,
.club-suscripcion .pms-form-fields-wrapper > li{
  margin-bottom:14px !important;
}

.club-suscripcion .pms-form label:not(:has(input[type="radio"])):not(:has(input[type="checkbox"])){
  display:block !important;
  margin:0 0 7px !important;

  color:var(--nf-text) !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

.club-suscripcion input[type="text"],
.club-suscripcion input[type="email"],
.club-suscripcion input[type="password"],
.club-suscripcion input[type="tel"],
.club-suscripcion select,
.club-suscripcion textarea{
  width:100% !important;
  min-height:52px !important;

  padding:13px 15px !important;

  background:#FFFFFF !important;
  border:1.5px solid #E1E4EA !important;
  border-radius:12px !important;

  color:var(--nf-ink) !important;
  font-size:15px !important;
  line-height:1.4 !important;

  box-shadow:0 6px 16px rgba(60,35,10,.035) !important;
  outline:none !important;
}

.club-suscripcion input[type="text"]:focus,
.club-suscripcion input[type="email"]:focus,
.club-suscripcion input[type="password"]:focus,
.club-suscripcion input[type="tel"]:focus,
.club-suscripcion select:focus,
.club-suscripcion textarea:focus{
  border-color:var(--nf-orange) !important;
  box-shadow:0 0 0 4px rgba(239,125,19,.12) !important;
}

.club-suscripcion .pms-form h2,
.club-suscripcion .pms-form h3,
.club-suscripcion .pms-form legend,
.club-suscripcion .pms-payment-details,
.club-suscripcion .pms-billing-details,
.club-suscripcion .pms-credit-card-information,
.club-suscripcion .pms-credit-card-wrapper,
.club-suscripcion .pms-card-wrapper,
.club-suscripcion .pms-form-fields-wrapper > li:has(.StripeElement),
.club-suscripcion .pms-form-fields-wrapper > li:has(.pms-credit-card-wrapper),
.club-suscripcion .pms-form-fields-wrapper > li:has(.pms-card-wrapper),
.club-suscripcion .pms-form-fields-wrapper > li:has(input[autocomplete*="cc"]),
.club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="card"]),
.club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="exp"]),
.club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="cvc"]),
.club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="cvv"]),
.club-suscripcion .pms-form-fields-wrapper > li:has(select[name*="country"]){
  grid-column:1 / -1 !important;

  width:min(100%,520px) !important;
  max-width:520px !important;
  justify-self:center !important;

  margin-left:auto !important;
  margin-right:auto !important;
}

.club-suscripcion .pms-form h2,
.club-suscripcion .pms-form h3,
.club-suscripcion .pms-form legend{
  margin:28px auto 16px !important;

  color:var(--nf-ink) !important;
  text-align:left !important;
  line-height:1.2 !important;
  font-weight:900 !important;

  /* FIX accesibilidad: en vez de font-size:0 (que deja el título
     invisible para lectores de pantalla), ocultamos visualmente
     el texto original del plugin con la técnica sr-only clásica.
     El texto real del PMS sigue en el DOM y lo lee el lector de
     pantalla; el usuario visual ve "Datos de pago" vía ::after. */
  position:relative !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
}

.club-suscripcion .pms-form h2::after,
.club-suscripcion .pms-form h3::after,
.club-suscripcion .pms-form legend::after{
  content:"Datos de pago";

  position:absolute;
  top:0;
  left:0;

  display:block;
  width:max-content;
  height:auto;

  color:var(--nf-ink);
  font-size:26px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.03em;
  white-space:normal;
}

@media(max-width:767px){
  .club-suscripcion .pms-form h2::after,
  .club-suscripcion .pms-form h3::after,
  .club-suscripcion .pms-form legend::after{
    font-size:23px !important;
  }
}

/* ==================================================
   FIX 1 — FALLBACK SIN :has()
   Si el navegador no soporta :has(), el layout de dos
   columnas del checkout se cae a una sola columna
   ordenada en vez de quedar descolocado.
   ================================================== */

@supports not body.elementor-page-18803(:has(a)){

  .club-suscripcion .pms-form-fields-wrapper{
    grid-template-columns:1fr !important;
  }

  .club-suscripcion .pms-form-fields-wrapper > li,
  .club-suscripcion .pms-form-fields-wrapper > .pms-field,
  .club-suscripcion .pms-form-fields-wrapper > .pms-form-field,
  .club-suscripcion .pms-form-fields-wrapper > ul,
  .club-suscripcion .pms-submit,
  .club-suscripcion .pms-submit-button-wrapper,
  .club-suscripcion .pms-form-submit{
    grid-column:1 !important;
    width:100% !important;
    max-width:520px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .club-suscripcion .pms-subscription-plan-auto-renew{
    grid-column:1 !important;
    width:100% !important;
    max-width:520px !important;
    justify-self:center !important;
    margin:0 auto !important;
  }
}

.club-suscripcion .StripeElement,
.club-suscripcion .pms-stripe-element,
.club-suscripcion .pms-card-wrapper,
.club-suscripcion .pms-credit-card-wrapper{
  width:100% !important;
  min-height:52px !important;

  padding:13px 15px !important;

  background:#FFFFFF !important;
  border:1.5px solid #E1E4EA !important;
  border-radius:12px !important;

  box-shadow:0 6px 16px rgba(60,35,10,.035) !important;
}

.club-suscripcion .pms-form-fields-wrapper small,
.club-suscripcion .pms-form-fields-wrapper .description,
.club-suscripcion .pms-form-fields-wrapper .pms-description,
.club-suscripcion .pms-form-fields-wrapper p{
  color:var(--nf-muted) !important;
  font-size:13px !important;
  line-height:1.65 !important;
}

.club-suscripcion .pms-subscription-plan-auto-renew,
.club-suscripcion label:has(input[type="checkbox"]){
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;

  padding:14px 16px !important;

  background:#FFF8F0 !important;
  border:1px solid rgba(239,125,19,.18) !important;
  border-radius:16px !important;

  color:#7A5030 !important;
  text-align:center !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  font-weight:700 !important;

  box-shadow:0 8px 20px rgba(60,35,10,.04) !important;
}

.club-suscripcion input[type="checkbox"]{
  width:19px !important;
  height:19px !important;
  margin:0 !important;
  flex:0 0 auto !important;

  accent-color:var(--nf-orange);
  box-shadow:none !important;
}

.club-suscripcion .pms-submit,
.club-suscripcion .pms-submit-button-wrapper,
.club-suscripcion .pms-form-submit{
  grid-column:1 / -1 !important;

  width:min(100%,520px) !important;
  max-width:520px !important;
  justify-self:center !important;

  margin:22px auto 0 !important;

  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.club-suscripcion input[type="submit"],
.club-suscripcion button[type="submit"],
.club-suscripcion .pms-submit-button{
  width:100% !important;
  min-height:58px !important;
  padding:15px 34px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  color:#FFFFFF !important;
  background:var(--nf-orange) !important;
  border:2px solid var(--nf-orange) !important;
  border-radius:15px !important;

  box-shadow:0 14px 30px rgba(239,125,19,.30) !important;

  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:900 !important;

  cursor:pointer !important;
}

.club-suscripcion input[type="submit"]:hover,
.club-suscripcion button[type="submit"]:hover,
.club-suscripcion .pms-submit-button:hover{
  background:var(--nf-orange-dark) !important;
  border-color:var(--nf-orange-dark) !important;
  box-shadow:0 18px 38px rgba(239,125,19,.34) !important;
  transform:translateY(-2px);
}

.club-suscripcion .pms_success,
.club-suscripcion .pms_message,
.club-suscripcion .pms_error{
  grid-column:1 / -1 !important;

  width:min(100%,520px);
  max-width:520px;
  margin:18px auto !important;
  padding:15px 18px !important;
  border-radius:14px !important;

  font-family:var(--nf-font) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.club-suscripcion .pms_success,
.club-suscripcion .pms_message{
  background:var(--nf-green-soft) !important;
  border:1px solid rgba(46,173,95,.25) !important;
  color:#246C42 !important;
}

.club-suscripcion .pms_error{
  background:var(--nf-red-soft) !important;
  border:1px solid rgba(233,75,53,.25) !important;
  color:#B93425 !important;
}


/* ==================================================
   8. RESPONSIVE
   ================================================== */

@media(max-width:1024px){

  .nf-lc-hero{
    padding:64px 0;
  }

  .nf-lc-hero-grid{
    grid-template-columns:1fr;
    gap:45px;
  }

  .nf-lc-hero-copy{
    text-align:center;
  }

  .nf-lc-hero-sub,
  .nf-lc-hero-note{
    margin-right:auto;
    margin-left:auto;
  }

  .nf-lc-hero-actions{
    justify-content:center;
  }

  .nf-lc-micro .elementor-icon-list-items{
    justify-content:center;
  }

  .nf-lc-device-wrap{
    width:min(100%,570px);
    margin-inline:auto;
  }

  .nf-lc-trust-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .nf-lc-trust-cell:nth-child(2){
    border-right:0;
  }

  .nf-lc-trust-cell:nth-child(-n+2){
    border-bottom:1px solid #F0E5D8;
  }

  .nf-lc-section{
    padding:68px 0;
  }

  .nf-lc-cards-3{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){

  .club-suscripcion{
    width:min(860px, calc(100% - 40px));
  }

  .club-suscripcion .pms-form-fields-wrapper{
    grid-template-columns:1fr !important;
    gap:18px !important;
    max-width:100% !important;
  }

  .club-suscripcion .pms-form-fields-wrapper > li,
  .club-suscripcion .pms-form-fields-wrapper > .pms-field,
  .club-suscripcion .pms-form-fields-wrapper > .pms-form-field,
  .club-suscripcion .pms-form-fields-wrapper > ul:has(> .pms-subscription-plan),
  .club-suscripcion ul:has(> .pms-subscription-plan),
  .club-suscripcion .pms-subscription-plan-auto-renew,
  .club-suscripcion label:has(input[type="checkbox"]),
  .club-suscripcion .pms-form h2,
  .club-suscripcion .pms-form h3,
  .club-suscripcion .pms-form legend,
  .club-suscripcion .pms-payment-details,
  .club-suscripcion .pms-billing-details,
  .club-suscripcion .pms-credit-card-information,
  .club-suscripcion .pms-credit-card-wrapper,
  .club-suscripcion .pms-card-wrapper,
  .club-suscripcion .pms-submit,
  .club-suscripcion .pms-submit-button-wrapper,
  .club-suscripcion .pms-form-submit{
    grid-column:1 !important;
    grid-row:auto !important;
    width:min(100%,520px) !important;
    max-width:520px !important;
    justify-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .club-suscripcion .pms-form-fields-wrapper > ul:has(> .pms-subscription-plan),
  .club-suscripcion ul:has(> .pms-subscription-plan){
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .club-suscripcion .pms-subscription-plan{
    min-height:auto !important;
  }

  .club-suscripcion .pms-subscription-plan:first-child label{
    padding-right:0 !important;
  }

  .club-suscripcion .pms-subscription-plan:first-child::after{
    position:static !important;
    display:inline-block !important;
    width:max-content !important;
    margin:0 0 12px 0 !important;
  }
}

@media(max-width:767px){

  .nf-lc-wrap{
    width:calc(100% - 28px);
  }

  .nf-lc-hero{
    padding:48px 0 52px;
  }

  .nf-lc-hero-grid{
    gap:36px;
  }

  .nf-lc-h1 .elementor-heading-title,
  .nf-lc-h1 h1,
  .nf-lc-h1 h2{
    font-size:34px !important;
    line-height:1.09 !important;
    letter-spacing:-.035em !important;
  }

  .nf-lc-hero-sub,
  .nf-lc-hero-sub p{
    font-size:16px !important;
    line-height:1.65 !important;
  }

  .nf-lc-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .nf-lc-btn{
    width:100% !important;
  }

  .nf-lc-btn .elementor-button{
    width:100%;
    min-height:52px;
  }

  .nf-lc-micro .elementor-icon-list-items{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    text-align:left;
  }

  .nf-lc-device{
    padding:8px;
    border-radius:22px;
  }

  .nf-lc-device-image img{
    height:390px;
    border-radius:16px;
  }

  .nf-lc-device-label{
    right:16px;
    bottom:16px;
    left:16px;

    padding:10px 12px;
    font-size:11px;
  }

  .nf-lc-trust-grid{
    grid-template-columns:1fr 1fr;
  }

  .nf-lc-trust-cell{
    padding:20px 12px;
  }

  .nf-lc-trust-cell h3,
  .nf-lc-trust-cell .elementor-heading-title{
    font-size:14px !important;
  }

  .nf-lc-trust-cell p{
    font-size:11px !important;
  }

  .nf-lc-section{
    padding:56px 0;
  }

  .nf-lc-section-head{
    margin-bottom:34px;
  }

  .nf-lc-h2 .elementor-heading-title,
  .nf-lc-h2 h2{
    font-size:26px !important;
  }

  .nf-lc-section-lead,
  .nf-lc-section-lead p{
    font-size:15.5px !important;
  }

  .nf-lc-card{
    padding:24px;
    border-radius:18px;
  }

  .club-suscripcion{
    width:calc(100% - 28px);
    padding:32px 18px 28px;
    border-radius:22px;
  }

  .club-suscripcion h1,
  .club-suscripcion h2,
  .club-suscripcion .elementor-heading-title{
    font-size:30px !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
  }

  .club-suscripcion > p,
  .club-suscripcion .elementor-widget-text-editor p,
  .club-suscripcion .pms-form > p{
    margin-bottom:26px !important;
    font-size:15px !important;
    line-height:1.65 !important;
  }

  .club-suscripcion .pms-subscription-plan{
    padding:20px 16px 20px 46px !important;
    border-radius:20px !important;
  }

  .club-suscripcion .pms-subscription-plan input[type="radio"]{
    top:22px !important;
    left:16px !important;
    width:20px !important;
    height:20px !important;
  }

  .club-suscripcion .pms-subscription-plan input[type="radio"]:checked{
    border-width:6px !important;
  }

  .club-suscripcion .pms-subscription-plan label{
    font-size:16px !important;
  }

  .club-suscripcion .pms-subscription-plan-description{
    max-width:100% !important;
    font-size:13.5px !important;
  }

  .club-suscripcion .pms-form h2::after,
  .club-suscripcion .pms-form h3::after,
  .club-suscripcion .pms-form legend::after{
    font-size:23px !important;
  }

  .club-suscripcion input[type="text"],
  .club-suscripcion input[type="email"],
  .club-suscripcion input[type="password"],
  .club-suscripcion input[type="tel"],
  .club-suscripcion select,
  .club-suscripcion textarea,
  .club-suscripcion .StripeElement,
  .club-suscripcion .pms-stripe-element,
  .club-suscripcion .pms-card-wrapper,
  .club-suscripcion .pms-credit-card-wrapper{
    min-height:50px !important;
    font-size:14px !important;
  }

  .club-suscripcion .pms-subscription-plan-auto-renew,
  .club-suscripcion label:has(input[type="checkbox"]){
    width:100% !important;
    padding:14px !important;
    margin:18px 0 18px !important;
    font-size:13.5px !important;
  }

  .club-suscripcion .pms-submit,
  .club-suscripcion .pms-submit-button-wrapper,
  .club-suscripcion .pms-form-submit{
    width:100% !important;
  }

  .club-suscripcion input[type="submit"],
  .club-suscripcion button[type="submit"],
  .club-suscripcion .pms-submit-button{
    width:100% !important;
    min-height:56px !important;
    font-size:16px !important;
  }
}

@media(max-width:420px){

  .nf-lc-h1 .elementor-heading-title,
  .nf-lc-h1 h1,
  .nf-lc-h1 h2{
    font-size:30px !important;
  }

  .nf-lc-micro .elementor-icon-list-items{
    grid-template-columns:1fr;
  }
}

/* ==================================================
   FIX PMS — PLANES + FORMULARIO ALINEADOS ARRIBA
   Planes derecha / formulario izquierda / pago abajo centrado
   ================================================== */

@media (min-width: 901px){

  .club-suscripcion{
    width:min(1100px, calc(100% - 40px)) !important;
    padding:54px clamp(22px,4vw,56px) 42px !important;
  }

  /* Grid principal del formulario */
  .club-suscripcion .pms-form-fields-wrapper{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-flow:dense !important;
    column-gap:42px !important;
    row-gap:14px !important;

    width:100% !important;
    max-width:980px !important;
    margin:0 auto !important;
    padding:0 !important;
    align-items:start !important;
  }

  /* =========================
     PLANES A LA DERECHA
     ========================= */

  .club-suscripcion .pms-form-fields-wrapper > ul:has(> .pms-subscription-plan),
  .club-suscripcion ul:has(> .pms-subscription-plan){
    grid-column:2 !important;
    grid-row:1 / span 6 !important;

    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;

    width:100% !important;
    max-width:none !important;
    margin:20 !important;
    padding:0 !important;
    list-style:none !important;
    align-self:start !important;
  }

  .club-suscripcion .pms-form-fields-wrapper > .pms-subscription-plan,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-subscription-plan{
    grid-column:2 !important;
    width:100% !important;
    max-width:none !important;
    margin:20 !important;
  }

  .club-suscripcion .pms-subscription-plan{
    min-height:0 !important;
    margin:20 !important;
    padding:24px 24px 24px 56px !important;
  }

  .club-suscripcion .pms-subscription-plan + .pms-subscription-plan{
    margin-top:20 !important;
  }

  /* =========================
     FORMULARIO A LA IZQUIERDA
     ========================= */

  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="user_login"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="user_email"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="first_name"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="last_name"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="pass1"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="pass2"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[type="password"]){
    grid-column:1 !important;

    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
    margin-bottom:12px !important;

    justify-self:stretch !important;
    align-self:start !important;
  }

  /* Por si PMS usa clases propias en vez de names */
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-username,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-email,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-first-name,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-last-name,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-password,
  .club-suscripcion .pms-form-fields-wrapper > li.pms-field-repeat-password{
    grid-column:1 !important;

    width:100% !important;
    max-width:none !important;

    margin-left:0 !important;
    margin-right:0 !important;
  }

  /* Inputs del formulario */
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="user_login"]) input,
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="user_email"]) input,
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="first_name"]) input,
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name="last_name"]) input,
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[type="password"]) input{
    width:100% !important;
  }

  /* =========================
     DATOS DE PAGO ABAJO CENTRADOS
     ========================= */

  .club-suscripcion .pms-form h2,
  .club-suscripcion .pms-form h3,
  .club-suscripcion .pms-form legend,
  .club-suscripcion .pms-payment-details,
  .club-suscripcion .pms-billing-details,
  .club-suscripcion .pms-credit-card-information,
  .club-suscripcion .pms-credit-card-wrapper,
  .club-suscripcion .pms-card-wrapper,
  .club-suscripcion .pms-form-fields-wrapper > li:has(.StripeElement),
  .club-suscripcion .pms-form-fields-wrapper > li:has(.pms-credit-card-wrapper),
  .club-suscripcion .pms-form-fields-wrapper > li:has(.pms-card-wrapper),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[autocomplete="cc-number"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[autocomplete="cc-exp"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[autocomplete="cc-csc"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="card"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="exp"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="cvc"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(input[name*="cvv"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(select[name*="country"]),
  .club-suscripcion .pms-form-fields-wrapper > li:has(select[name*="billing"]){
    grid-column:1 / -1 !important;

    width:min(100%,520px) !important;
    max-width:520px !important;

    justify-self:center !important;

    margin-left:auto !important;
    margin-right:auto !important;
  }

  .club-suscripcion .pms-form h2,
  .club-suscripcion .pms-form h3,
  .club-suscripcion .pms-form legend{
    margin:34px auto 16px !important;
  }

  /* Botón final centrado */
  .club-suscripcion .pms-submit,
  .club-suscripcion .pms-submit-button-wrapper,
  .club-suscripcion .pms-form-submit{
    grid-column:1 / -1 !important;

    width:min(100%,520px) !important;
    max-width:520px !important;

    margin:24px auto 0 !important;

    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .club-suscripcion input[type="submit"],
  .club-suscripcion button[type="submit"],
  .club-suscripcion .pms-submit-button{
    width:100% !important;
  }
}

/* ==================================================
   FIX MÓVIL LANDING LISTA DE LA COMPRA
   Pegar al final del CSS actual
   ================================================== */

@media (max-width: 767px){

  /* =========================
     BASE GENERAL MÓVIL
     ========================= */

  body{
    overflow-x:hidden;
  }

  .nf-lc-wrap,
  .nf-lc-includes-wrap,
  .nf-lc-roadmap-wrap,
  .nf-lc-score-wrap,
  .nf-lc-detail-wrap,
  .nf-lc-benefits-wrap,
  .nf-lc-fit-wrap,
  .nf-lc-steps-wrap{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  section,
  .nf-lc-section,
  .nf-lc-includes,
  .nf-lc-roadmap-section,
  .nf-lc-score-section,
  .nf-lc-detail-section,
  .nf-lc-benefits-section,
  .nf-lc-fit-section,
  .nf-lc-steps-section{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }

  /* =========================
     TEXTOS GENERALES
     ========================= */

  .nf-lc-kicker,
  .nf-lc-includes-kicker,
  .nf-lc-roadmap-kicker,
  .nf-lc-score-kicker,
  .nf-lc-detail-kicker,
  .nf-lc-benefits-kicker,
  .nf-lc-fit-kicker,
  .nf-lc-steps-kicker{
    margin-bottom:14px !important;
    padding:6px 12px !important;
    font-size:11px !important;
    line-height:1.3 !important;
  }

  .nf-lc-h1 .elementor-heading-title,
  .nf-lc-h1 h1,
  .nf-lc-h1 h2{
    font-size:32px !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
  }

  .nf-lc-h2 .elementor-heading-title,
  .nf-lc-h2 h2,
  .nf-lc-includes-title,
  .nf-lc-roadmap-title,
  .nf-lc-score-title,
  .nf-lc-detail-title,
  .nf-lc-benefits-title,
  .nf-lc-fit-title,
  .nf-lc-steps-title{
    font-size:26px !important;
    line-height:1.12 !important;
    letter-spacing:-.035em !important;
  }

  .nf-lc-section-lead,
  .nf-lc-section-lead p,
  .nf-lc-includes-subtitle,
  .nf-lc-roadmap-subtitle,
  .nf-lc-score-subtitle,
  .nf-lc-detail-subtitle,
  .nf-lc-benefits-subtitle,
  .nf-lc-fit-subtitle,
  .nf-lc-steps-subtitle{
    font-size:15px !important;
    line-height:1.65 !important;
  }

  /* =========================
     HERO
     ========================= */

  .nf-lc-hero{
    padding-top:42px !important;
    padding-bottom:42px !important;
  }

  .nf-lc-hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:26px !important;
  }

  .nf-lc-hero-copy{
    text-align:center !important;
  }

  .nf-lc-hero-sub{
    max-width:100% !important;
    margin-top:14px !important;
  }

  .nf-lc-hero-sub,
  .nf-lc-hero-sub p{
    font-size:15.5px !important;
    line-height:1.62 !important;
  }

  .nf-lc-hero-actions{
    margin-top:22px !important;
    gap:10px !important;
  }

  .nf-lc-btn,
  .nf-lc-btn .elementor-button{
    width:100% !important;
  }

  .nf-lc-micro{
    margin-top:18px !important;
  }

  .nf-lc-micro .elementor-icon-list-items{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    text-align:left !important;
  }

  .nf-lc-device-wrap{
    width:min(100%,310px) !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .nf-lc-device{
    padding:8px !important;
    border-radius:20px !important;
  }

  .nf-lc-device-image img{
    height:245px !important;
    border-radius:15px !important;
  }

  .nf-lc-device-label{
    display:none !important;
  }

  /* =========================
     TRUSTBAR
     ========================= */

  .nf-lc-trust-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .nf-lc-trust-cell{
    padding:18px 10px !important;
  }

  .nf-lc-trust-cell h3,
  .nf-lc-trust-cell .elementor-heading-title{
    font-size:13px !important;
  }

  .nf-lc-trust-cell p{
    font-size:10.5px !important;
  }

  /* =========================
     PROBLEMA / CARDS GENERALES
     ========================= */

  .nf-lc-section-head{
    margin-bottom:30px !important;
  }

  .nf-lc-cards-3,
  .nf-lc-includes-grid,
  .nf-lc-score-grid,
  .nf-lc-benefits-grid,
  .nf-lc-fit-grid,
  .nf-lc-steps-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .nf-lc-card,
  .nf-lc-include-card,
  .nf-lc-score-card,
  .nf-lc-benefit-item,
  .nf-lc-fit-card,
  .nf-lc-step-card{
    width:100% !important;
    max-width:100% !important;
    padding:22px !important;
    border-radius:18px !important;
  }

  .nf-lc-card h3,
  .nf-lc-card .elementor-heading-title,
  .nf-lc-include-card h3,
  .nf-lc-score-card h3,
  .nf-lc-fit-card h3,
  .nf-lc-step-card h3{
    font-size:18px !important;
    line-height:1.28 !important;
  }

  .nf-lc-card p,
  .nf-lc-include-card p,
  .nf-lc-score-card p,
  .nf-lc-fit-card p,
  .nf-lc-step-card p{
    font-size:14px !important;
    line-height:1.62 !important;
  }

  /* =========================
     BLOQUE NARANJA CTA
     ========================= */

  .nf-lc-solution,
  .nf-lc-cta,
  .nf-lc-orange-section{
    text-align:center !important;
  }

  /* =========================
     QUÉ INCLUYE
     ========================= */

  .nf-lc-includes-head,
  .nf-lc-roadmap-head,
  .nf-lc-score-head,
  .nf-lc-benefits-head,
  .nf-lc-fit-head,
  .nf-lc-steps-head{
    margin-bottom:30px !important;
  }

  .nf-lc-include-card{
    min-height:auto !important;
  }

  .nf-lc-includes-bottom,
  .nf-lc-roadmap-note,
  .nf-lc-score-bottom,
  .nf-lc-benefits-phrase,
  .nf-lc-fit-bottom,
  .nf-lc-steps-bottom{
    width:100% !important;
    max-width:100% !important;
    margin-top:26px !important;
    padding:18px !important;
    border-radius:18px !important;
  }

  /* =========================
     ROADMAP / DOS TABLAS
     ========================= */

  .nf-lc-roadmap-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .nf-lc-roadmap-card{
    padding:22px !important;
    border-radius:18px !important;
  }

  .nf-lc-roadmap-card h3{
    font-size:19px !important;
  }

  .nf-lc-roadmap-item{
    font-size:13.5px !important;
    line-height:1.5 !important;
  }

  .nf-lc-roadmap-dot{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    font-size:11px !important;
  }

  /* =========================
     SISTEMA VISUAL
     ========================= */

  .nf-lc-score-card{
    min-height:auto !important;
  }

  .nf-lc-score-pill{
    font-size:10px !important;
    padding:6px 9px !important;
  }

  .nf-lc-score-example{
    margin-top:16px !important;
    padding:12px !important;
    font-size:12.5px !important;
  }

  /* =========================
     BLOQUE OSCURO DETALLE PRODUCTO
     ========================= */

  .nf-lc-detail-section{
    padding-top:54px !important;
    padding-bottom:54px !important;
  }

  .nf-lc-detail-wrap{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .nf-lc-detail-copy{
    text-align:center !important;
  }

  .nf-lc-detail-subtitle{
    max-width:100% !important;
  }

  .nf-lc-detail-points{
    margin:24px 0 !important;
    text-align:left !important;
  }

  .nf-lc-detail-panel{
    width:100% !important;
    max-width:100% !important;
    padding:20px !important;
    border-radius:20px !important;
  }

  .nf-lc-detail-product-title{
    font-size:18px !important;
  }

  .nf-lc-detail-score{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    font-size:17px !important;
  }

  .nf-lc-detail-box{
    padding:14px !important;
    border-radius:14px !important;
  }

  /* =========================
     BENEFICIOS
     ========================= */

  .nf-lc-benefit-item{
    display:flex !important;
    align-items:flex-start !important;
    gap:12px !important;
  }

  .nf-lc-benefit-text{
    font-size:14.5px !important;
  }

  .nf-lc-benefit-text span{
    font-size:12.5px !important;
  }

  /* =========================
     PARA QUIÉN
     ========================= */

  .nf-lc-fit-card{
    padding:22px !important;
  }

  .nf-lc-fit-list{
    gap:10px !important;
  }

  .nf-lc-fit-list li{
    font-size:13.5px !important;
    line-height:1.5 !important;
  }

  /* =========================
     CÓMO FUNCIONA
     ========================= */

  .nf-lc-steps-grid::before{
    display:none !important;
  }

  .nf-lc-step-num{
    width:54px !important;
    height:54px !important;
    margin-bottom:14px !important;
    font-size:20px !important;
  }

  .nf-lc-steps-cta{
    width:100% !important;
  }

  /* =========================
     CHECKOUT / PMS MÓVIL
     ========================= */

  .club-suscripcion{
    width:calc(100% - 28px) !important;
    padding:30px 18px 26px !important;
    border-radius:22px !important;
  }

  .club-suscripcion h1,
  .club-suscripcion h2,
  .club-suscripcion .elementor-heading-title{
    font-size:27px !important;
    line-height:1.08 !important;
    letter-spacing:-.04em !important;
  }

  .club-suscripcion > p,
  .club-suscripcion .elementor-widget-text-editor p,
  .club-suscripcion .pms-form > p{
    font-size:14.5px !important;
    line-height:1.6 !important;
    margin-bottom:24px !important;
  }

  .club-suscripcion .pms-form-fields-wrapper,
  .club-suscripcion .pms-form-fields-wrapper > ul:has(> .pms-subscription-plan),
  .club-suscripcion ul:has(> .pms-subscription-plan){
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    max-width:100% !important;
  }

  .club-suscripcion .pms-form-fields-wrapper > li,
  .club-suscripcion .pms-form-field,
  .club-suscripcion .pms-field,
  .club-suscripcion .pms-submit,
  .club-suscripcion .pms-submit-button-wrapper,
  .club-suscripcion .pms-form-submit{
    width:100% !important;
    max-width:100% !important;
    grid-column:1 !important;
  }

  .club-suscripcion .pms-subscription-plan{
    min-height:auto !important;
    padding:18px 15px 18px 44px !important;
    border-radius:18px !important;
  }

  .club-suscripcion .pms-subscription-plan input[type="radio"]{
    top:20px !important;
    left:15px !important;
    width:20px !important;
    height:20px !important;
  }

  .club-suscripcion .pms-subscription-plan input[type="radio"]:checked{
    border-width:6px !important;
  }

  .club-suscripcion .pms-subscription-plan:first-child::after{
    position:static !important;
    display:inline-block !important;
    width:max-content !important;
    margin:0 0 10px 0 !important;
    font-size:9px !important;
  }

  .club-suscripcion .pms-subscription-plan:first-child label{
    padding-right:0 !important;
  }

  .club-suscripcion .pms-subscription-plan label{
    font-size:14.5px !important;
    line-height:1.38 !important;
  }

  .club-suscripcion .pms-subscription-plan-description{
    max-width:100% !important;
    font-size:12.8px !important;
    line-height:1.55 !important;
  }

  .club-suscripcion input[type="text"],
  .club-suscripcion input[type="email"],
  .club-suscripcion input[type="password"],
  .club-suscripcion input[type="tel"],
  .club-suscripcion select,
  .club-suscripcion textarea,
  .club-suscripcion .StripeElement,
  .club-suscripcion .pms-stripe-element,
  .club-suscripcion .pms-card-wrapper,
  .club-suscripcion .pms-credit-card-wrapper{
    min-height:48px !important;
    font-size:14px !important;
  }

  .club-suscripcion .pms-form h2::after,
  .club-suscripcion .pms-form h3::after,
  .club-suscripcion .pms-form legend::after{
    font-size:22px !important;
  }

  .club-suscripcion input[type="submit"],
  .club-suscripcion button[type="submit"],
  .club-suscripcion .pms-submit-button{
    width:100% !important;
    min-height:54px !important;
    font-size:15.5px !important;
  }

  /* =========================
     FOOTER MÓVIL
     ========================= */

  footer,
  .elementor-location-footer{
    overflow:hidden !important;
  }
}/* End custom CSS */