:root{--php-panel:#071322;--php-line:#00d9ff;--php-blue:#087dff;--php-green:#00f2a0}
.brand-banner-wrap{background:#030914;border-bottom:1px solid #00d9ff;padding:10px 18px;text-align:center;overflow:hidden}
.brand-banner-wrap img{display:block;width:min(100%,1500px);max-height:180px;object-fit:contain;margin:auto;filter:drop-shadow(0 0 18px #007dff55)}
/* Redes oficiales flotantes: columna fija en el lado derecho */
.social-fixed{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:80;display:flex;flex-direction:column;gap:10px;align-items:stretch;padding:8px;background:rgba(3,10,20,.88);border:1px solid #123b5d;border-radius:14px;box-shadow:0 10px 35px #0008;backdrop-filter:blur(12px)}
.social-fixed a{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:145px;border:1px solid #087dff;background:linear-gradient(135deg,#07182a,#0a2139);padding:10px 12px;border-radius:9px;color:#6bdfff;font-size:10px;letter-spacing:.35px;font-weight:900;transition:transform .18s,border-color .18s,box-shadow .18s}
.social-fixed a:hover{transform:translateX(-3px);box-shadow:0 0 18px #008dff35}
.social-fixed a svg{width:20px;height:20px;flex:0 0 20px;fill:currentColor}
.social-fixed a.social-whatsapp{border-color:#00d99a;color:#00f2a0;background:linear-gradient(135deg,#06251f,#07352a)}
.social-fixed a.social-whatsapp:hover{box-shadow:0 0 18px #00d99a30}
@media(max-width:760px){.social-fixed{top:auto;bottom:12px;right:10px;transform:none;flex-direction:row;padding:6px;gap:6px}.social-fixed a{min-width:0;padding:9px;border-radius:9px}.social-fixed a span{display:none}.social-fixed a svg{width:22px;height:22px;flex-basis:22px}.social-fixed{border-radius:12px}}
.auth-layout{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:35px 16px}.auth-card,.admin-card{width:min(100%,540px);border:1px solid #00d9ff;border-radius:15px;background:linear-gradient(145deg,#08182b,#040b15);box-shadow:0 0 30px #007dff20;padding:28px}.auth-logo{display:block;width:min(100%,300px);max-height:110px;object-fit:contain;margin:0 auto 12px}.auth-card h1{text-align:center;color:#00d9ff;text-shadow:0 0 16px #007dff;margin:8px 0 20px}.form-field{margin:15px 0}.form-field label{display:block;font-size:10px;color:#00d9ff;font-weight:800;margin-bottom:7px}.form-field input,.form-field select,.form-field textarea{width:100%;padding:12px;background:#030b16;border:1px solid #24516f;border-radius:5px;color:#f2f7ff;outline:none}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#00d9ff;box-shadow:0 0 0 2px #00d9ff19}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.form-actions .btn{flex:1}.notice-box{padding:12px;border:1px solid #16486b;border-radius:7px;color:#9db8d3;background:#071526;font-size:12px;line-height:1.6;margin:14px 0}.notice-box.error{border-color:#ff4e69;color:#ffb4bf}.notice-box.success{border-color:#00f2a0;color:#8bffdb}.admin-wrap{width:min(1250px,calc(100% - 30px));margin:35px auto}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:22px}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.stat-card{border:1px solid #16486b;background:#071526;border-radius:10px;padding:18px}.stat-card small{display:block;color:#8faac8;font-size:10px}.stat-card strong{display:block;color:#00d9ff;font-size:25px;margin-top:7px}.table-wrap{overflow:auto;border:1px solid #16486b;border-radius:8px;margin:15px 0}table{width:100%;border-collapse:collapse;min-width:700px}th,td{padding:11px;text-align:left;border-bottom:1px solid #17334b;font-size:11px}th{background:#0b2035;color:#00d9ff}td{color:#d6e6f7}.inline-form{display:flex;gap:7px;align-items:center}.inline-form input,.inline-form select{width:110px;padding:7px;background:#030b16;border:1px solid #24516f;color:#fff;border-radius:4px}.muted{color:#91a5bd;font-size:11px;line-height:1.7}.code-area{min-height:110px;font-family:Consolas,monospace}
@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.auth-card,.admin-card{padding:20px}.brand-banner-wrap{padding:7px}.brand-banner-wrap img{max-height:120px}}


/* FRP XIAOMI admin/login layout repair */
.sub-topbar{min-height:76px;width:100%;}
.sub-brand{flex:0 0 auto;text-decoration:none;}
.sub-brand img{display:block;width:46px!important;height:46px!important;max-width:46px;max-height:46px;object-fit:contain;}
.sub-brand span{display:flex;flex-direction:column;gap:2px;}
.sub-brand b{font-family:Orbitron,Inter,sans-serif;font-size:19px;line-height:1.15;letter-spacing:1px;}
.sub-brand small{font-size:9px;line-height:1.4;}
.sub-nav{flex:1;min-width:0;}
.admin-wrap{width:min(1320px,calc(100% - 40px));margin:32px auto 90px;position:relative;z-index:1;}
.admin-head h1{overflow-wrap:anywhere;}
.admin-card{width:100%;max-width:none;min-width:0;}
.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.admin-card .table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
.admin-card table{width:100%;min-width:980px;}
.admin-card td{vertical-align:top;}
.admin-card .inline-form{min-width:0;flex-wrap:wrap;}
.admin-card .inline-form input,.admin-card .inline-form select{max-width:100%;min-width:75px;}
.admin-card .form-field input,.admin-card .form-field textarea{width:100%;min-width:0;}
.admin-card .code-area{min-height:170px;resize:vertical;}
.auth-layout{min-height:calc(100vh - 110px);padding:40px 18px 90px;}
.auth-card{margin-inline:auto;}
@media(max-width:950px){.sub-topbar{align-items:center;flex-wrap:wrap}.sub-nav{justify-content:flex-start}.admin-wrap{width:calc(100% - 28px)}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.sub-topbar{padding:10px 14px;gap:10px}.sub-brand{min-width:0}.sub-brand b{font-size:17px}.sub-nav{gap:4px}.sub-nav a{padding:7px 8px;font-size:10px}.admin-wrap{width:calc(100% - 20px);margin:22px auto 85px}.admin-grid{grid-template-columns:1fr}.admin-head{align-items:flex-start}.auth-layout{padding:24px 12px 88px}.auth-card{padding:22px 18px}.social-fixed{right:10px;bottom:12px}}

/* V42 account, recovery and compact home presentation */
.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:15px;font-size:12px;font-weight:800}.auth-links a{color:#00d9ff;text-decoration:none}.auth-links a:hover{text-decoration:underline}
.account-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 22px}.account-info-grid>div{padding:13px;border:1px solid #16486b;background:#061321;border-radius:8px;min-width:0}.account-info-grid small{display:block;color:#8faac8;font-size:10px;margin-bottom:6px}.account-info-grid b{display:block;color:#eaf5ff;font-size:12px;overflow-wrap:anywhere}
@media(max-width:620px){.account-info-grid{grid-template-columns:1fr}.auth-links{font-size:11px}}
/* Final V42 overrides: compact official banner and consistent floating social controls */
.brand-banner-wrap{width:min(1280px,calc(100% - 36px));min-height:0;margin:12px auto 0;padding:7px 14px;border:1px solid #087dff;border-radius:12px;line-height:normal;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#071c35 0%,#020813 70%);}
.brand-banner-wrap img{display:block;width:min(100%,1000px);height:clamp(58px,7vw,100px);max-height:100px;object-fit:contain;object-position:center;margin:auto;}
.hero-visual-real{max-width:650px;width:100%;justify-self:end;min-width:0;}
.desktop-interface-frame{width:100%;max-width:620px;margin:0 auto;}
.home-social{right:14px;top:50%;transform:translateY(-50%);}
@media(max-width:960px){.brand-banner-wrap{width:calc(100% - 28px);padding:6px 10px}.brand-banner-wrap img{height:clamp(54px,8vw,82px)}.hero-visual-real{max-width:720px;justify-self:center}}
@media(max-width:760px){.home-social{top:auto;bottom:12px;right:10px;transform:none}.brand-banner-wrap{width:calc(100% - 20px);margin-top:9px}.brand-banner-wrap img{height:56px}.desktop-interface-frame{border-radius:9px}}

/* WEB-PREMIUN-FRPXIAOMI ULTRA: mobile navigation, social scope and banners */
.page-banner img{width:100%;max-width:1500px;max-height:var(--page-banner-height,190px);height:auto;object-fit:contain;margin:0 auto;display:block}
.home-slider{height:var(--home-slider-height,230px);min-height:140px;max-height:420px;overflow:hidden;position:relative}
.home-slider .home-slide{width:100%;height:100%;max-height:none;object-fit:contain;display:none;margin:0 auto}
.home-slider .home-slide.is-active{display:block}
.public-reseller-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.public-reseller-card{min-width:0}
.download-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.download-method{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #155582;border-radius:10px;background:linear-gradient(135deg,#0a1a2c,#07101d);color:#eaf7ff;text-decoration:none;transition:transform .18s,border-color .18s}
.download-method:hover{transform:translateY(-2px);border-color:#00d9ff}
.download-method-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:9px;background:#0a2944;color:#00d9ff;font-size:21px;font-weight:900}
.download-method b,.download-method small{display:block}.download-method b{font-size:12px}.download-method small{font-size:10px;color:#8da9c5;margin-top:4px}
@media(max-width:680px){.topbar{position:sticky;top:0;z-index:120}.topbar #mainNav{display:none;position:absolute;left:10px;right:10px;top:calc(100% + 4px);z-index:121;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#081426;border:1px solid #16446e;border-radius:10px;padding:14px;flex-direction:column;align-items:stretch;gap:12px;box-shadow:0 15px 35px #0009}.topbar #mainNav.open{display:flex}.topbar #mainNav a{padding:10px 8px;font-size:13px}.menu-toggle{position:relative;z-index:122;touch-action:manipulation;min-width:42px;min-height:42px;display:grid;place-items:center}.home-slider{height:clamp(140px,38vw,230px)}.download-methods{grid-template-columns:1fr}}
/* Recommended reseller showcase carousel */
.public-reseller-grid.reseller-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 16px;gap:18px;scrollbar-width:thin;scrollbar-color:#087dff #07111f}
.public-reseller-grid.reseller-carousel .public-reseller-card{flex:0 0 clamp(220px,28vw,300px);scroll-snap-align:start}
@media(max-width:680px){.public-reseller-grid.reseller-carousel .public-reseller-card{flex-basis:min(82vw,300px)}}

/* ===== v2.0: carrusel de resellers recomendados (Home) ===== */
.rc{position:relative}
.rc-controls{display:flex;justify-content:flex-end;gap:8px;margin:-6px 0 12px}
.rc-btn{min-width:40px;height:40px;border-radius:10px;border:1px solid #087dff;background:#07182a;color:#6bdfff;font-size:18px;cursor:pointer;touch-action:manipulation}
.rc-btn:hover{box-shadow:0 0 14px #008dff40}
.rc-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:6px 2px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.rc-card{flex:0 0 min(var(--rc-w,260px),82vw);min-height:var(--rc-h,300px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rc-card .public-reseller-avatar img{object-fit:cover}
.rc-tag{margin:2px 0 10px;color:#9fb6d0;font-size:12px}
@media(max-width:680px){.rc-controls{margin-top:0}.rc-card{min-height:0;padding-top:22px;padding-bottom:20px}}

/* v2.0: toque más fiable en el botón de menú móvil */
.menu-toggle{touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px}