/* MAXFORCE Socios v0.5.8: presentación integrada sin modificar lógica financiera.
   Solo afecta body[data-mode=member] y clases mf-. */
:root{--mf-green:#103328;--mf-deep:#0c2a21;--mf-lime:#bef34c;--mf-muted:#65736a;--mf-border:#e3e9df;--mf-shadow:0 8px 25px rgba(21,43,29,.05)}
body[data-mode="member"]{overflow-x:clip}
body[data-mode="member"] .site-header{background:rgba(255,255,255,.96);border-bottom-color:#e2e8df}
body[data-mode="member"] .brand-sub{letter-spacing:2.4px}
body[data-mode="member"] main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
body[data-mode="member"] main .member-shell{min-width:0;display:block}
body[data-mode="member"] #content{min-width:0}
body[data-mode="member"] .mf-icon-sprite{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}
body[data-mode="member"] .mf-icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;flex:0 0 auto}
body[data-mode="member"] .mf-home{min-width:0;display:block}
body[data-mode="member"] .mf-intro{display:flex;position:relative;overflow:hidden;align-items:stretch;min-height:265px;background:var(--mf-green);color:#fff;border-radius:27px;isolation:isolate}
body[data-mode="member"] .mf-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 45%,rgba(155,223,84,.15),transparent 42%),linear-gradient(120deg,#12372b 20%,#123c2c 70%,#22503b);z-index:-2}
body[data-mode="member"] .mf-intro-copy{padding:43px 45px;width:65%;z-index:1}
body[data-mode="member"] .mf-eyebrow,body[data-mode="member"] .mf-kicker{font-size:11px;letter-spacing:2.2px;font-weight:850}
body[data-mode="member"] .mf-eyebrow{display:inline-flex;align-items:center;color:#dcf0d6;gap:8px}
body[data-mode="member"] .mf-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--mf-lime)}
body[data-mode="member"] .mf-intro h1{font-size:clamp(35px,5.2vw,60px);line-height:1.08;letter-spacing:-2.1px;font-weight:850;margin:21px 0 17px;max-width:620px;color:#fff}
body[data-mode="member"] .mf-intro h1 em{font-style:normal;color:var(--mf-lime)}
body[data-mode="member"] .mf-intro p{font-size:15px;line-height:1.7;color:#d7e6d8;max-width:530px;margin:0}
body[data-mode="member"] .mf-intro-decoration{flex:1;position:relative;min-width:140px;overflow:hidden}
body[data-mode="member"] .mf-ring{display:block;position:absolute;width:350px;height:350px;border:1px solid rgba(206,253,135,.18);border-radius:50%;top:-50px;left:-25px}
body[data-mode="member"] .mf-ring-b{width:270px;height:270px;top:-10px;left:15px}
body[data-mode="member"] .mf-ring-c{width:180px;height:180px;top:35px;left:60px}
body[data-mode="member"] .mf-intro-decoration b{position:absolute;top:50%;left:50%;transform:translate(-48%,-55%) rotate(-9deg);font-size:130px;font-style:italic;line-height:1;color:#c5f65b;letter-spacing:-20px;text-shadow:0 12px 46px rgba(15,33,19,.36)}
body[data-mode="member"] .mf-intro-decoration b span{font-size:70px;vertical-align:top;color:#efffc5;letter-spacing:0}
body[data-mode="member"] .mf-transfer{position:relative;display:flex;gap:22px;isolation:isolate;overflow:hidden;background:#c5f44c;padding:29px 34px;border-radius:24px;margin-top:18px;border:1px solid #b1e847}
body[data-mode="member"] .mf-transfer-icon{width:57px;height:57px;display:flex;align-items:center;justify-content:center;background:var(--mf-green);border-radius:17px;color:#c5f44c;flex:0 0 auto;margin-top:4px}
body[data-mode="member"] .mf-transfer-icon svg{width:31px;height:31px}
body[data-mode="member"] .mf-transfer-body{z-index:1;max-width:730px}
body[data-mode="member"] .mf-transfer-label{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#2d582b;margin:3px 0 9px}
body[data-mode="member"] .mf-transfer h2{font-size:clamp(22px,3.6vw,36px);line-height:1.15;letter-spacing:-.7px;font-weight:900;margin:0 0 9px;color:#163b24}
body[data-mode="member"] .mf-transfer h2 span{display:inline}
body[data-mode="member"] .mf-transfer p{font-size:14px;line-height:1.65;color:#285339;max-width:640px;margin:0 0 16px}
body[data-mode="member"] .mf-transfer-action{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #315e35;padding-bottom:3px;color:#173d26}
body[data-mode="member"] .mf-transfer-action svg{height:17px;width:17px}
body[data-mode="member"] .mf-transfer-mark{position:absolute;right:22px;bottom:-130px;font-size:360px;font-weight:900;color:rgba(33,83,36,.08);line-height:1;pointer-events:none;z-index:-1}
body[data-mode="member"] .mf-section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:34px 0 17px}
body[data-mode="member"] .mf-kicker{color:#58864a;display:block;margin-bottom:7px}
body[data-mode="member"] .mf-section-heading h2{font-size:25px;letter-spacing:-.65px;line-height:1.18;margin:0;font-weight:850;color:#1b3029}
body[data-mode="member"] .mf-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body[data-mode="member"] .mf-benefit{background:#fff;box-shadow:var(--mf-shadow);border:1px solid var(--mf-border);border-radius:21px;padding:23px;min-width:0;position:relative;display:flex;flex-direction:column;gap:15px}
body[data-mode="member"] .mf-benefit-icon{height:48px;width:48px;display:grid;place-items:center;border-radius:15px;background:#eff7dd;color:#315f3f;flex:0 0 auto}
body[data-mode="member"] .mf-benefit-icon svg{width:25px;height:25px}
body[data-mode="member"] .mf-benefit h3{font-weight:850;font-size:17px;letter-spacing:-.3px;margin:0 0 8px;color:#1b3029}
body[data-mode="member"] .mf-benefit p{font-size:13px;line-height:1.65;color:#61746a;margin:0;overflow-wrap:anywhere}
body[data-mode="member"] .mf-benefit p strong{color:#234536;font-weight:800}
body[data-mode="member"] .mf-benefit-number{position:absolute;top:23px;right:23px;color:#c5d2c3;font-size:13px;font-weight:850}
body[data-mode="member"] .mf-balance{border-radius:23px;background:#12382a;color:#fff;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;min-width:0}
body[data-mode="member"] .mf-balance>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
body[data-mode="member"] .mf-balance span{color:#bff04f;font-size:10px;letter-spacing:2px;font-weight:800}
body[data-mode="member"] .mf-balance strong{font-size:clamp(34px,5vw,53px);font-weight:850;line-height:1.14;color:#fff;overflow-wrap:anywhere}
body[data-mode="member"] .mf-balance small{color:#c7dbcf;font-size:12px;line-height:1.5}
body[data-mode="member"] .mf-balance-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(210,248,159,.55);border-radius:13px;padding:13px 16px;background:#c5f44c;color:#143526;font-size:13px;font-weight:850;flex:0 0 auto;white-space:nowrap}
body[data-mode="member"] .mf-balance-action svg{width:18px;height:18px}
body[data-mode="member"] .mf-steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body[data-mode="member"] .mf-step{display:flex;gap:12px;padding:18px;border:1px solid #e1e7dc;border-radius:18px;background:#ecf2e8;min-width:0}
body[data-mode="member"] .mf-step>span{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;background:#183f31;color:#d8f5ac;border-radius:50%;font-size:13px;font-weight:850}
body[data-mode="member"] .mf-step h3{font-size:14px;margin:2px 0 6px;line-height:1.3}
body[data-mode="member"] .mf-step p{font-size:12px;line-height:1.55;color:#5d6e63;margin:0}
body[data-mode="member"] .mf-terms{margin:22px 0 0;background:#fff;border:1px solid var(--mf-border);border-radius:17px;overflow:hidden}
body[data-mode="member"] .mf-terms summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;cursor:pointer;list-style:none;font-size:13px;font-weight:750}
body[data-mode="member"] .mf-terms summary::-webkit-details-marker{display:none}
body[data-mode="member"] .mf-terms summary>span{display:flex;gap:11px;align-items:center}
body[data-mode="member"] .mf-terms svg{width:19px;height:19px;color:#668a54}
body[data-mode="member"] .mf-terms summary>.mf-icon{transform:rotate(90deg)}
body[data-mode="member"] .mf-terms[open] summary>.mf-icon{transform:rotate(-90deg)}
body[data-mode="member"] .mf-terms-content{padding:0 20px 18px}
body[data-mode="member"] .mf-terms p{max-width:820px;color:#627166;font-size:13px;line-height:1.7;margin:0}
body[data-mode="member"] .mf-bottom-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;background:rgba(255,255,255,.98);border-top:1px solid #e6ece4;box-shadow:0 -7px 24px rgba(20,44,28,.065);padding-bottom:env(safe-area-inset-bottom)}
body[data-mode="member"] .mf-bottom-inner{max-width:600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:74px;align-items:stretch;padding:6px 6px 4px}
body[data-mode="member"] .mf-nav-item{position:relative;cursor:pointer;color:#778679;background:transparent;border:0;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:730;min-width:0;min-height:54px;transition:color .18s,background .18s}
body[data-mode="member"] .mf-nav-item svg{width:23px;height:23px;stroke-width:1.9}
body[data-mode="member"] .mf-nav-item:hover{background:#f1f6eb;color:#3b633b}
body[data-mode="member"] .mf-nav-item.is-active{color:#1a5232}
body[data-mode="member"] .mf-nav-item.is-active:before{content:"";position:absolute;top:3px;width:24px;height:3px;background:#a9da43;border-radius:10px}
body[data-mode="member"] .mf-nav-item.is-active svg{stroke-width:2.4}
body[data-mode="member"] .mf-points-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 22px}
body[data-mode="member"] .mf-points-facts>div{border-radius:18px;padding:18px;background:#f4f8ee;border:1px solid var(--mf-border);display:flex;flex-direction:column;gap:8px}
body[data-mode="member"] .mf-points-facts span{font-size:11px;color:#6b7b71}
body[data-mode="member"] .mf-points-facts strong{font-size:16px}
body[data-mode="member"] .mf-balance--inner{margin:22px 0 0}
/* Compatibility: no horizontal overflow in existing store/cart while preserving scroll on individual panels. */
body[data-mode="member"] .section-panel,body[data-mode="member"] .store-layout,body[data-mode="member"] .store-panel,body[data-mode="member"] .cart-panel{min-width:0;max-width:100%}
body[data-mode="member"] .bank-details b,body[data-mode="member"] .purchase-detail-card,body[data-mode="member"] .points-movement-card{overflow-wrap:anywhere}
body[data-mode="member"] .benefits-visual{width:100%!important;max-width:100%!important;transform:none!important;height:auto!important;object-fit:contain!important}
@media(max-width:767px){
  body[data-mode="member"] .mf-intro{min-height:0;border-radius:22px}
  body[data-mode="member"] .mf-intro-copy{width:100%;padding:28px 24px 33px}
  body[data-mode="member"] .mf-intro h1{font-size:clamp(33px,8.5vw,47px);letter-spacing:-1.5px;max-width:430px;margin:19px 0 14px}
  body[data-mode="member"] .mf-intro p{font-size:13px;line-height:1.65;max-width:350px}
  body[data-mode="member"] .mf-intro-decoration{position:absolute;right:-105px;top:23px;width:230px;height:240px;opacity:.2;pointer-events:none}
  body[data-mode="member"] .mf-intro-decoration b{font-size:110px}
  body[data-mode="member"] .mf-transfer{margin-top:13px;padding:20px 18px;border-radius:19px;gap:13px}
  body[data-mode="member"] .mf-transfer-icon{width:43px;height:43px;border-radius:13px;margin-top:0}
  body[data-mode="member"] .mf-transfer-icon svg{width:23px;height:23px}
  body[data-mode="member"] .mf-transfer-label{font-size:9px;letter-spacing:1.3px;margin:0 0 8px}
  body[data-mode="member"] .mf-transfer h2{font-size:clamp(21px,5.7vw,27px);line-height:1.14;margin-bottom:8px}
  body[data-mode="member"] .mf-transfer h2 span{display:block}
  body[data-mode="member"] .mf-transfer p{font-size:12.5px;line-height:1.6;margin-bottom:13px}
  body[data-mode="member"] .mf-transfer-action{font-size:12px}
  body[data-mode="member"] .mf-transfer-mark{font-size:245px;right:-9px;bottom:-85px}
  body[data-mode="member"] .mf-section-heading{margin:29px 0 15px}
  body[data-mode="member"] .mf-section-heading h2{font-size:22px}
  body[data-mode="member"] .mf-kicker{font-size:9.5px;letter-spacing:1.7px}
  body[data-mode="member"] .mf-benefits{grid-template-columns:1fr;gap:10px}
  body[data-mode="member"] .mf-benefit{padding:17px;border-radius:17px;flex-direction:row;gap:13px;align-items:flex-start}
  body[data-mode="member"] .mf-benefit-icon{width:43px;height:43px;flex:0 0 auto;border-radius:12px}
  body[data-mode="member"] .mf-benefit-icon svg{width:23px;height:23px}
  body[data-mode="member"] .mf-benefit h3{font-size:15px;padding-right:21px;margin:1px 0 5px}
  body[data-mode="member"] .mf-benefit p{font-size:12.5px;line-height:1.55;padding-right:5px}
  body[data-mode="member"] .mf-benefit-number{right:16px;top:19px;font-size:11px}
  body[data-mode="member"] .mf-steps-grid{grid-template-columns:1fr;gap:9px}
  body[data-mode="member"] .mf-step{padding:14px}
  body[data-mode="member"] .mf-step h3{font-size:13.5px}
  body[data-mode="member"] .mf-step p{font-size:12px}
  body[data-mode="member"] .mf-terms{margin-top:17px}
  body[data-mode="member"] .mf-terms summary{padding:15px 16px;font-size:12px}
  body[data-mode="member"] .mf-terms-content{padding:0 16px 16px}
  body[data-mode="member"] .mf-bottom-inner{height:68px;padding:4px 4px 3px}
  body[data-mode="member"] .mf-nav-item{min-height:50px;gap:4px;font-size:10px}
  body[data-mode="member"] .mf-nav-item svg{height:22px;width:22px}
  body[data-mode="member"] .mf-nav-item.is-active:before{top:0}
  body[data-mode="member"] .mf-balance{padding:20px 19px}
  body[data-mode="member"] .mf-balance-action{font-size:11px;padding:11px 10px;white-space:normal}
}
@media(max-width:359px){
  body[data-mode="member"] .mf-intro-copy{padding:26px 20px 28px}
  body[data-mode="member"] .mf-intro h1{font-size:31px}
  body[data-mode="member"] .mf-transfer{padding:18px 13px;gap:10px}
  body[data-mode="member"] .mf-transfer-icon{width:38px;height:38px}
  body[data-mode="member"] .mf-transfer h2{font-size:20px}
  body[data-mode="member"] .mf-transfer p{font-size:12px}
  body[data-mode="member"] .mf-nav-item{font-size:9.5px}
  body[data-mode="member"] .mf-balance{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){body[data-mode="member"] .mf-nav-item{transition:none}}


/* v0.5.9 · Tienda: productos y carrito en pantallas separadas; perfil editable */
body[data-mode="member"] .store-layout--separate{grid-template-columns:minmax(0,1fr)}
body[data-mode="member"] .store-layout--separate .cart-panel{width:100%;max-width:690px;position:static;order:initial;margin:0 auto;background:#fff}
body[data-mode="member"] .store-toolbar{position:sticky;top:0;background:#fff;z-index:12;padding:8px 0 14px;border-bottom:1px solid #edf0e9;margin-bottom:0;flex-wrap:nowrap}
body[data-mode="member"] .store-toolbar h2{min-width:0;font-size:clamp(19px,4.6vw,26px);margin:0}
body[data-mode="member"] .mf-cart-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;background:#173b2b;color:#fff;border-color:#173b2b;font-weight:800;flex:0 0 auto;padding:10px 12px}
body[data-mode="member"] .mf-cart-entry b{background:#bbef52;color:#193727;min-width:24px;min-height:24px;display:grid;place-items:center;border-radius:40px;font-size:11px}
body[data-mode="member"] .mf-back-to-products{font-weight:750;border:1px solid #d4e4c3;background:#f3f8e9;color:#21513b;white-space:nowrap}
body[data-mode="member"] .mf-store-intro{margin:13px 0 17px}
body[data-mode="member"] .store-products .grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
body[data-mode="member"] .store-products .product-card{min-width:0}
body[data-mode="member"] .store-products .product-card h3{overflow-wrap:anywhere;line-height:1.35}
body[data-mode="member"] .store-products .product-card .muted{min-height:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-mode="member"] .store-products .product-card img{width:100%;object-fit:contain}
body[data-mode="member"] .mf-profile-heading{margin-bottom:22px}
body[data-mode="member"] .mf-profile-heading h2{margin:6px 0 8px}
body[data-mode="member"] .mf-profile-heading p{font-size:13px;color:#66756b;line-height:1.6;margin:0}
body[data-mode="member"] .mf-profile-form{display:grid;gap:17px;max-width:640px}
body[data-mode="member"] .mf-profile-form label{font-size:13px;font-weight:800;display:block;color:#233a2c}
body[data-mode="member"] .mf-profile-form input{display:block;width:100%;box-sizing:border-box;margin-top:8px;max-width:100%;font-size:16px}
body[data-mode="member"] .mf-profile-form input[readonly]{background:#f1f4ef;color:#53695b;cursor:not-allowed}
body[data-mode="member"] .mf-profile-form .mf-profile-note{font-size:12px;line-height:1.6;color:#5d6e63;background:#f1f5eb;padding:12px 14px;border-radius:11px;margin:-8px 0 0}
body[data-mode="member"] .mf-member-since{font-size:12px;color:#64756a}
body[data-mode="member"] .mf-profile-actions{display:flex}
body[data-mode="member"] .mf-profile-actions button{width:100%;max-width:350px;padding:15px}
body[data-mode="member"] .mf-profile-feedback{font-size:13px;line-height:1.6;min-height:0;color:#526652}
body[data-mode="member"] .mf-profile-feedback:empty{display:none}
body[data-mode="member"] .mf-profile-feedback.is-error{background:#fff0ef;color:#9f2e32;padding:12px;border-radius:10px}
body[data-mode="member"] .mf-profile-feedback.is-success{background:#edf9e6;color:#225330;padding:12px;border-radius:10px}
@media(max-width:600px){
 body[data-mode="member"] .store-products .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-mode="member"] .store-products .product-card{padding:11px;border-radius:15px}
 body[data-mode="member"] .store-products .product-card img,body[data-mode="member"] .store-products .product-card .product-icon{height:116px}
 body[data-mode="member"] .store-products .product-card h3{font-size:12.5px;line-height:1.38}
 body[data-mode="member"] .store-products .product-card .price{font-size:19px}
 body[data-mode="member"] .store-products .product-card small{font-size:10px;line-height:1.35}
 body[data-mode="member"] .store-products .product-card .add-cart{font-size:11px;padding:10px 7px}
 body[data-mode="member"] .store-toolbar h2{font-size:20px}
 body[data-mode="member"] .mf-cart-entry{padding:9px 10px;font-size:11px;gap:5px}
 body[data-mode="member"] .mf-profile-panel{padding:22px 19px}
 body[data-mode="member"] .mf-profile-actions button{max-width:none}
 body[data-mode="member"] .store-layout--separate .cart-panel{padding:14px}
}
@media(max-width:340px){body[data-mode="member"] .store-products .grid{grid-template-columns:1fr}}