.sec-community-community{width:100%;min-height:87.1rem;background-color:#ff3a00;display:flex;flex-direction:column;gap:3.2rem;align-items:flex-end;justify-content:center;padding-left:8rem;padding-right:13.5rem;padding-top:8rem;padding-bottom:8rem;position:relative}
.sec-community-community .f1{position:absolute;height:97.45rem;left:16.8rem;top:-5.1rem;width:110.3rem}
.sec-community-community .f2{position:absolute;inset:-7.18% -6.35%}
.sec-community-community .f3{display:block;max-width:none;width:100%;height:100%}
.sec-community-community .f4{position:absolute;display:flex;flex-direction:column;gap:4.5rem;align-items:flex-end;justify-content:center;left:103.3rem;top:29.7rem;width:36.6rem}
.sec-community-community .f5{display:flex;gap:2.3rem;height:4.6rem;align-items:flex-start;overflow:clip;position:relative;border-radius:4rem;flex-shrink:0;width:36.6rem}
.sec-community-community .f6{background-color:#fff;display:flex;height:4.6rem;align-items:center;justify-content:center;overflow:clip;padding-right:0.8rem;position:relative;border-radius:10rem;flex-shrink:0;width:16.7rem}
.sec-community-community .f7{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;color:#ff3a00;font-size:1.4rem;white-space:nowrap}
.sec-community-community .f8{background-color:#ff5901;display:flex;height:4.6rem;align-items:center;justify-content:center;overflow:clip;position:relative;border-radius:10rem;flex-shrink:0;width:15.9rem}
.sec-community-community .f9{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.4rem;color:#fff;white-space:nowrap}
.sec-community-community .f10{display:flex;flex-direction:column;gap:0.8rem;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:36.6rem}
.sec-community-community .f11{background-color:#fff;border-width:1px;border-color:#e5e7eb;border-style:solid;display:flex;height:5.6rem;align-items:center;overflow:clip;padding-left:1.6rem;padding-right:1.6rem;position:relative;border-radius:4rem;flex-shrink:0;width:36.6rem}
.sec-community-community .f12{word-break:break-word;font-family:'Inter',sans-serif;font-weight:400;line-height:normal;font-style:normal;position:relative;flex-shrink:0;color:#9ca3af;font-size:1.6rem;white-space:nowrap}
.sec-community-community .f13{background-color:#ff9055;cursor:pointer;display:flex;height:5.6rem;align-items:center;justify-content:center;overflow:clip;position:relative;border-radius:4rem;flex-shrink:0;width:19.9rem}
.sec-community-community .f14{word-break:break-word;font-family:'Inter',sans-serif;font-weight:700;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.6rem;text-align:left;color:#fff;white-space:nowrap}
.sec-community-community .f15{word-break:break-word;position:absolute;display:flex;flex-direction:column;gap:1.2rem;height:14rem;align-items:center;left:calc(50% - 2.95rem);font-style:normal;text-align:center;top:12.1rem;width:99.6rem;transform:translate(-50%,0)}
.sec-community-community .f16{font-family:'Inter',sans-serif;font-weight:600;line-height:0;position:relative;flex-shrink:0;font-size:4rem;color:#fff;width:100%;white-space:pre-wrap}
.sec-community-community .f17{line-height:normal;margin-bottom:0}
.sec-community-community .f18{line-height:normal}
.sec-community-community .f19{font-family:'Inter',sans-serif;font-weight:400;line-height:normal;position:relative;flex-shrink:0;font-size:1.8rem;color:rgba(255,255,255,0.8);width:100%}
.sec-community-community .f20{position:absolute;height:32.1rem;left:11rem;top:45.9rem;width:12.9rem}
.sec-community-community .f21{position:absolute;inset:0;max-width:none;object-fit:cover;pointer-events:none;width:100%;height:100%}
.sec-community-community .f22{word-break:break-word;position:absolute;font-family:'Inter',sans-serif;font-weight:400;line-height:normal;left:69.25rem;font-style:normal;font-size:1.6rem;color:rgba(255,255,255,0.8);text-align:center;top:74.2rem;width:25.7rem;transform:translate(-50%,0)}
.sec-community-community .f23{position:absolute;height:0.0777rem;left:0;top:77.9rem;width:82.1rem}
.sec-community-community .f24{position:absolute;inset:-318% -0.49%}
.sec-copy-community{width:100%;word-break:break-word;font-family:'Poppins',sans-serif;font-weight:400;line-height:0;font-style:normal;position:relative;font-size:2rem;color:#fff;white-space:pre-wrap}
.sec-copy-community .f1{line-height:1;margin-bottom:0}
.sec-copy-community .f2{line-height:1}
.sec-community-business-form{width:100%;display:flex;flex-direction:column;gap:2rem;align-items:flex-end;justify-content:center;position:relative}
.sec-community-business-form .f1{border-width:1px;border-color:rgba(229,231,235,0.3);border-style:solid;display:flex;gap:2.3rem;height:4.6rem;align-items:flex-start;overflow:clip;position:relative;border-radius:4rem;flex-shrink:0;width:36.6rem}
.sec-community-business-form .f2{background-color:#ff9055;display:flex;height:4.6rem;align-items:center;justify-content:center;overflow:clip;position:relative;border-radius:7rem;flex-shrink:0;width:17.6rem}
.sec-community-business-form .f3{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.4rem;color:#fff;white-space:nowrap}
.sec-community-business-form .f4{background-color:#fff;display:flex;height:4.6rem;align-items:center;justify-content:center;overflow:clip;position:relative;border-radius:7rem;flex-shrink:0;width:15.9rem}
.sec-community-business-form .f5{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;color:#ff3a00;font-size:1.4rem;white-space:nowrap}
.sec-community-business-form .f6{display:flex;flex-direction:column;gap:0.8rem;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:36.6rem}
.sec-community-business-form .f7{background-color:#fff;border-width:1px;border-color:#e5e7eb;border-style:solid;display:flex;height:5.6rem;align-items:center;overflow:clip;padding-left:1.6rem;padding-right:1.6rem;position:relative;border-radius:4rem;flex-shrink:0;width:36.6rem}
.sec-community-business-form .f8{word-break:break-word;font-family:'Inter',sans-serif;font-weight:400;line-height:normal;font-style:normal;position:relative;flex-shrink:0;color:#9ca3af;font-size:1.6rem;white-space:nowrap}
.sec-community-business-form .f9{background-color:#ff9055;display:flex;height:5.6rem;align-items:center;justify-content:center;overflow:clip;position:relative;border-radius:4rem;flex-shrink:0;width:22.5rem}
.sec-community-business-form .f10{word-break:break-word;font-family:'Inter',sans-serif;font-weight:700;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.6rem;color:#fff;white-space:nowrap}
.sec-m-community-community{width:100%;min-height:98.1rem;background-color:#ff3a00;display:flex;flex-direction:column;gap:2.4rem;align-items:flex-start;padding-bottom:4.8rem;position:relative}
.sec-m-community-community .f1{display:flex;align-items:center;justify-content:space-between;padding-left:2.4rem;padding-right:2.4rem;padding-top:1.6rem;padding-bottom:1.6rem;position:relative;flex-shrink:0;width:100%}
.sec-m-community-community .f2{display:flex;gap:0.8rem;align-items:center;position:relative;flex-shrink:0}
.sec-m-community-community .f3{position:relative;flex-shrink:0;width:2.4rem;height:2.4rem}
.sec-m-community-community .f4{position:absolute;display:block;inset:0;max-width:none;width:100%;height:100%}
.sec-m-community-community .f5{word-break:break-word;font-family:'Poppins',sans-serif;font-weight:700;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.8rem;color:#fff;white-space:nowrap}
.sec-m-community-community .f6{display:flex;align-items:center;justify-content:center;padding:0.8rem;position:relative;flex-shrink:0}
.sec-m-community-community .f7{display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start;padding-left:2.4rem;padding-right:2.4rem;position:relative;flex-shrink:0;width:100%}
.sec-m-community-community .f8{background-color:#4885ff;border-width:1px;border-color:rgba(255,255,255,0.8);border-style:solid;display:flex;align-items:center;justify-content:center;padding-left:1.6rem;padding-right:1.6rem;padding-top:0.8rem;padding-bottom:0.8rem;position:relative;border-radius:10rem;flex-shrink:0}
.sec-m-community-community .f9{word-break:break-word;font-family:'Instrument Sans',sans-serif;font-weight:700;line-height:normal;position:relative;flex-shrink:0;font-size:1.2rem;color:#fff;text-transform:uppercase;white-space:nowrap}
.sec-m-community-community .f10{word-break:break-word;font-family:'Poppins',sans-serif;font-weight:700;line-height:1.2;min-width:100%;font-style:normal;position:relative;flex-shrink:0;font-size:3.2rem;color:#fff;width:min-content}
.sec-m-community-community .f11{word-break:break-word;font-family:'Poppins',sans-serif;font-weight:400;line-height:0;min-width:100%;font-style:normal;position:relative;flex-shrink:0;font-size:1.6rem;color:rgba(255,255,255,0.8);width:min-content;white-space:pre-wrap}
.sec-m-community-community .f12{line-height:1.5;margin-bottom:0}
.sec-m-community-community .f13{line-height:1.5}
.sec-m-community-community .f14{display:flex;gap:1.2rem;height:4.6rem;align-items:flex-start;overflow:clip;position:relative;flex-shrink:0;width:100%}
.sec-m-community-community .f15{background-color:#fff;display:flex;flex:1 0 0;height:4.6rem;align-items:center;justify-content:center;min-width:1px;position:relative;border-radius:10rem}
.sec-m-community-community .f16{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;color:#ff3a00;font-size:1.4rem;white-space:nowrap}
.sec-m-community-community .f17{background-color:#ff5901;display:flex;flex:1 0 0;height:4.6rem;align-items:center;justify-content:center;min-width:1px;position:relative;border-radius:10rem}
.sec-m-community-community .f18{word-break:break-word;font-family:'Inter',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.4rem;color:#fff;white-space:nowrap}
.sec-m-community-community .f19{display:flex;flex-direction:column;gap:0.8rem;align-items:flex-start;position:relative;flex-shrink:0;width:100%}
.sec-m-community-community .f20{word-break:break-word;font-family:'Poppins',sans-serif;font-weight:600;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.4rem;color:#fff;width:100%}
.sec-m-community-community .f21{background-color:#fff;display:flex;height:5.6rem;align-items:center;padding-left:1.6rem;padding-right:1.6rem;position:relative;border-radius:4rem;flex-shrink:0;width:100%}
.sec-m-community-community .f22{word-break:break-word;flex:1 0 0;font-family:'Poppins',sans-serif;font-weight:400;line-height:normal;min-width:1px;font-style:normal;overflow:hidden;position:relative;color:#9ca3af;font-size:1.4rem;text-overflow:ellipsis;white-space:nowrap}
.sec-m-community-community .f23{background-color:#ff9055;display:flex;height:5.6rem;align-items:center;justify-content:center;position:relative;border-radius:4rem;flex-shrink:0;width:100%}
.sec-m-community-community .f24{word-break:break-word;font-family:'Poppins',sans-serif;font-weight:700;line-height:normal;font-style:normal;position:relative;flex-shrink:0;font-size:1.6rem;color:#fff;white-space:nowrap}
.sec-m-community-community .ns-nav-gap{height:7.95rem;flex-shrink:0;width:100%}

.sec-m-community-community .ns-tab-on{background-color:#fff}
.sec-m-community-community .ns-tab-on-txt{color:#ff3a00}
.sec-m-community-community .ns-tab-off{background-color:#ff5901}
.sec-m-community-community .ns-tab-off-txt{color:#fff}

.pg-community-join .frame-d{position:relative;width:149.5rem;height:87.1rem;margin:0 auto;max-width:100%}
.pg-community-join .frame-d .sec-community-community{position:absolute;left:0rem;top:0rem;width:149.5rem;height:87.1rem;min-height:0}
.pg-community-join .frame-d .sec-copy-community{position:absolute;left:31.7rem;top:29.3rem;width:52rem;height:38rem;min-height:0}
.pg-community-join .frame-d .sec-community-business-form{position:absolute;left:103.3rem;top:29.7rem;width:36.6rem;height:42.5rem;min-height:0}
/* NutriSync Web V2 · Community (hub · 4 formularios · 5 confirmaciones) — propio de página, UST-07.
   Todo lo que NO sale del Figma vive aquí: enlaces del hub, controles reales de los formularios (el CSS de las cajas
   sigue siendo el del gen), hover/focus y el aviso de estado del JS (.ns-msg). Medidas en rem (1 rem = 10 px a 1495). */

/* Navbar sobre coral: el navbar global de Lucía para las páginas de 1495 (798:1600) es transparente; el degradado del hero
   (ns-nav-bg) pintaba una banda visible sobre el fondo coral de Community. Se oculta solo en estas páginas. */
body:has(.pg-community) .ns-nav-bg { display: none; }
body:has(.pg-community) .ns-nav-d .ns-btn-coral { background: #fff; color: var(--coral); }   /* coral sobre coral sería invisible: el CTA va en blanco, como «Get App» del móvil */

/* ── hub: cada tarjeta (frame 741:14x + título curvo + descripción suelta) es UN enlace ── */
.ns-card { display: block; color: inherit; transition: transform .25s ease-out; }
.ns-card:hover { transform: translateY(-.6rem); }
.ns-card .ns-card-title { position: absolute; left: 0; top: 0; width: 35.7rem; height: 36.4rem; pointer-events: none; }
.pg-community-hub .sec-community-card-wrap-community .ns-card-title { width: 35.3rem; height: 36rem; }
.pg-community-hub .sec-community-hub-swirl { display: block; }
.vp-m .ns-card:hover { transform: none; background-color: rgba(255,255,255,.2); }

/* ── formularios (contrato ns-lead) ── */
.ns-lead-wrap { display: contents; }                       /* el <form> envuelve hijos ya maquetados sin alterar el flex del frame */
.ns-lead .ns-field input, .ns-lead .ns-field textarea, .ns-lead .ns-field select { color: var(--dark); }
.ns-lead .ns-field select { appearance: none; -webkit-appearance: none; width: 100%; background: transparent; border: 0; outline: none; padding: 0 3rem 0 0; cursor: pointer; }
.ns-lead .ns-field select:invalid { color: #9ca3af; }       /* opción vacía = placeholder del diseño */
.ns-lead .ns-field select option { color: var(--dark); }
.ns-lead .ns-field textarea { align-self: center; resize: none; padding: 0; line-height: 1.4; max-height: 100%; field-sizing: content; }   /* placeholder centrado como en el diseño; crece con el texto (field-sizing) hasta llenar la caja */
/* Un desplegable tiene que PARECER un desplegable (r26-g): el Figma lo dibujó con appearance:none
   y sin flecha, así que se leía como una caja de texto y nadie lo abría. */
.ns-select { cursor: pointer; padding-right: 1.4em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%239CA3AF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .1em center; background-size: .7em auto; }

.ns-upload { cursor: pointer; }
.ns-upload .ns-file { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; margin: 0; }  /* transparente encima: arrastrar y soltar nativo */
.ns-upload.is-over { outline: 2px solid var(--coral); outline-offset: 2px; }
.ns-lead button[type="submit"] { transition: transform .2s ease-out, opacity .2s ease-out; }
.ns-lead button[type="submit"]:hover { transform: translateY(-1px); opacity: .95; }
.ns-lead button[type="submit"]:focus-visible, .ns-tabs button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.ns-tabs button { cursor: pointer; }
.ns-tab-panel[hidden] { display: none !important; }   /* el gen pone display:flex en los paneles: sin esto, hidden no ocultaría */
.ns-line { display: block; }                                /* títulos de dos líneas: <span> de bloque dentro del <h1> */
/* aviso de estado en escritorio: los botones de Experts/Team/Partners son absolutos → el aviso va bajo ellos, a la derecha */
.vp-d .ns-lead-wrap .ns-msg { position: absolute; right: 13.5rem; bottom: 2rem; width: 36.6rem; margin: 0; text-align: right; color: #fff; }
.vp-d .ns-lead-wrap .ns-msg.is-error { color: #ffe1d6; }
.vp-m .ns-lead .ns-msg { width: 100%; color: #fff; }

/* ── confirmaciones ── */
.vp-d a[data-i="community.thanks.home"]:hover { text-decoration: underline; }
.vp-m a[data-name="home-btn"] { transition: background-color .2s ease-out; }
.vp-m a[data-name="home-btn"]:hover { background-color: rgba(255,255,255,.12); }