@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--bg:#070a08;--card:#0b100d;--card2:#0e1511;--text:#f3f7ff;--muted:#9eaaa2;--line:#1f3326;--side:#050806;--side2:#0c1510;--accent:#39b85a;--accent2:#2f9e4e;--btn-primary:#39b85a;--btn-primary-hover:#2f9e4e;--btn-primary-text:#ffffff;--btn-secondary:#111a14;--btn-secondary-hover:#17251c;--btn-secondary-text:#eaf2ff;--nav-active-bg:#123c22;--nav-active-text:#ffffff;--danger:#ef4444;--ok:#10b981;--warn:#f59e0b;--shadow:0 18px 50px rgba(0,0,0,.22)}html[data-theme=light]{--bg:#f4f7fb;--card:#fff;--card2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e4e9f1;--side:#0d1728;--side2:#142139;--btn-primary:#39b85a;--btn-primary-hover:#2f9e4e;--btn-primary-text:#ffffff;--btn-secondary:#eef2f7;--btn-secondary-hover:#e2e8f0;--btn-secondary-text:#0f172a;--nav-active-bg:#2f9e4e;--nav-active-text:#ffffff;--shadow:0 12px 32px rgba(15,23,42,.055)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}h1,h2,h3{letter-spacing:-.025em}h1{font-size:34px;margin:8px 0 18px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--accent);margin-bottom:4px}.brand{font-size:22px;font-weight:900;letter-spacing:-.035em;display:flex;align-items:center;gap:9px}.brand-dot{display:inline-block;width:11px;height:11px;background:var(--accent);border-radius:4px;box-shadow:0 0 0 4px rgba(37,99,235,.12)}.layout,.client-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.side,.client-side{position:sticky;top:0;height:100vh;background:var(--side);color:#d7e2f1;padding:24px 16px;overflow:auto}.side .brand,.client-side .brand{padding:5px 11px 26px;color:#fff}.side a,.client-side a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;margin:2px 0;color:#b8c7dc;font-weight:600}.side a:hover,.client-side a:hover{background:var(--side2);color:#fff}.side-label{font-size:10px;letter-spacing:.13em;color:#62748f;padding:18px 12px 6px;font-weight:800}.side-bottom{margin-top:20px;border-top:1px solid #1d2a40;padding-top:12px}.main,.client-main{padding:28px 34px;max-width:1600px;width:100%}.topbar{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:14px;margin:-8px 0 24px;padding:12px 0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(14px)}.topbar strong{display:block;font-size:21px}.client-user{display:flex;gap:10px;align-items:center;margin:0 6px 22px;padding:13px;border:1px solid #233149;border-radius:13px;background:#101d31}.client-user strong,.client-user small{display:block}.client-user small{color:#7f92ae;font-size:11px}.avatar{width:36px;height:36px;border-radius:10px;background:#39b85a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}.theme-fab{position:fixed;right:22px;bottom:22px;z-index:40;width:48px;height:48px;border-radius:15px;border:1px solid var(--line);background:var(--card);color:var(--text);box-shadow:var(--shadow);cursor:pointer;font-size:22px}.theme-fab:hover{transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid color-mix(in srgb,var(--btn-secondary) 70%,var(--line));background:var(--btn-secondary);color:var(--btn-secondary-text);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:750;transition:.16s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);background:var(--btn-secondary-hover);color:var(--btn-secondary-text);box-shadow:0 6px 14px rgba(15,23,42,.07)}.btn.primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}.btn.primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}.actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.actions form{display:inline-flex;gap:6px;margin:0}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:22px;margin-bottom:18px;box-shadow:var(--shadow)}.card h3{margin-top:0;font-size:18px}.hero-card{background:linear-gradient(135deg,color-mix(in srgb,var(--card) 95%,#fff),color-mix(in srgb,var(--accent) 4%,var(--card)));padding:28px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stats,.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:18px;min-height:105px;display:flex;flex-direction:column;justify-content:center}.stat strong{font-size:28px;letter-spacing:-.04em;margin-top:7px}.stat small{color:var(--muted);margin-top:4px}label{display:block;color:var(--muted);font-size:12px;font-weight:800;margin:12px 0 6px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;font:inherit;transition:.15s}input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.12);border-color:var(--accent)}textarea{resize:vertical}.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.row.three{grid-template-columns:repeat(3,minmax(0,1fr))}.checkline{display:flex;align-items:center;gap:8px}.checkline input{width:auto}.form-actions{display:flex;gap:8px;margin-top:17px;flex-wrap:wrap}.notice{padding:13px 15px;border-radius:11px;margin-bottom:15px;border:1px solid transparent}.notice.ok{background:#dff8ed;color:#05633f;border-color:#b7edd8}.notice.err{background:#fee8e8;color:#991b1b;border-color:#fecaca}.notice.info{background:#e8f2ff;color:#1e4f91;border-color:#cfe3ff}.notice.warn{background:#fff5d9;color:#8a5200;border-color:#fde8a7}.pill{display:inline-flex;align-items:center;font-size:11px;border:1px solid var(--line);padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--card) 88%,var(--bg));font-weight:700}.health-ok{background:#dcfce7!important;color:#166534!important}.health-warning{background:#fef3c7!important;color:#92400e!important}.health-error{background:#fee2e2!important;color:#991b1b!important}.health-unknown{background:#e2e8f0!important;color:#475569!important}.table-wrap{overflow:auto;border-radius:12px}table{width:100%;min-width:760px;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.section-head h1,.section-head h2,.section-head h3{margin:0}.login{max-width:480px;margin:7vh auto;padding:28px}.publicnav{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.publicmain{max-width:1240px;margin:0 auto;padding:44px 22px}.publicmain h1{font-size:42px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{transition:.18s}.product:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.09)}.price{font-size:30px;font-weight:900;letter-spacing:-.04em}.invoice-total{font-size:38px;font-weight:900;letter-spacing:-.04em;margin:18px 0}.payment-instructions,.service-detail-grid>div{background:color-mix(in srgb,var(--bg) 60%,var(--card));border:1px solid var(--line);border-radius:12px;padding:14px}.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.service-detail-grid>div{display:flex;flex-direction:column;gap:5px}.service-detail-grid strong{font-size:16px}.service-detail-grid small{color:var(--muted)}.ticket-msg{border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0;background:color-mix(in srgb,var(--bg) 54%,var(--card))}.ticket-msg.admin-msg{background:color-mix(in srgb,var(--accent) 7%,var(--card));border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}.ticket-msg small{float:right;color:var(--muted)}.template-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.copybox{display:flex;gap:8px;align-items:center}.copybox input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty{text-align:center;padding:36px;color:var(--muted)}.kpi-up{color:var(--ok)}.kpi-warn{color:var(--warn)}.timeline{display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}code{display:block;padding:12px;border-radius:10px;background:#0f172a;color:#dbeafe;overflow:auto}.badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block}.nav-count{margin-left:auto;background:#ef4444;color:white;border-radius:999px;padding:1px 6px;font-size:10px}.mini-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:1180px){.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.layout,.client-layout{grid-template-columns:1fr}.side,.client-side{position:relative;height:auto;display:flex;gap:4px;overflow:auto;padding:10px}.side .brand,.client-side .brand,.side-label,.client-user,.side-bottom{display:none}.side a,.client-side a{white-space:nowrap}.main,.client-main{padding:20px 15px}.topbar{top:0}.grid.two,.row,.row.three{grid-template-columns:1fr}}@media(max-width:650px){.dashboard-stats,.admin-stats,.catalog,.grid,.service-detail-grid{grid-template-columns:1fr}.publicnav{padding:13px 14px}.publicnav .actions .btn:not(.primary){display:none}.publicmain{padding:28px 14px}.publicmain h1{font-size:34px}.main,.client-main{padding:14px 10px}.card{padding:16px;border-radius:14px}.section-head{flex-direction:column}.theme-fab{right:14px;bottom:14px}.topbar{align-items:flex-start}.topbar .actions{justify-content:flex-end}}

/* V6 premium */
body{background:radial-gradient(circle at 15% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 34%),var(--bg)}
.publicnav{padding:14px max(22px,5vw);background:color-mix(in srgb,var(--bg) 78%,transparent);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.public-brand,.brand{display:flex!important;align-items:center;gap:10px}.brand-logo{max-height:34px;max-width:170px;display:block}.brand-logo-wrap{display:inline-flex;align-items:center}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#39b85a);display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 25%,transparent)}.publicmain{max-width:1380px;padding-top:32px}.portal-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:32px;align-items:center;min-height:500px;padding:64px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,#0a1425 0%,#0c1930 52%,#0c1510 100%);box-shadow:0 35px 90px rgba(0,0,0,.28)}html[data-theme=light] .portal-hero{background:linear-gradient(145deg,#eef4ff,#f9fbff);box-shadow:0 28px 70px rgba(15,23,42,.09)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 35%,transparent),transparent 65%);right:-130px;top:-180px;filter:blur(10px);opacity:.8}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(44px,6vw,76px);line-height:.98;margin:14px 0 22px;max-width:850px}.hero-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:720px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn.lg{padding:14px 20px;border-radius:13px;font-size:15px}.btn.glass{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:var(--text);backdrop-filter:blur(12px)}.hero-panel{position:relative;z-index:2;display:grid;gap:12px}.hero-mini{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.055);border-radius:18px;backdrop-filter:blur(12px)}html[data-theme=light] .hero-mini{border-color:var(--line);background:rgba(255,255,255,.7)}.hero-mini>span{width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--accent) 18%,transparent);display:flex;align-items:center;justify-content:center;font-size:22px}.hero-mini strong,.hero-mini small{display:block}.hero-mini small{color:var(--muted);margin-top:4px}.domain-zone,.plans-section{padding:70px 4px 20px}.section-title{text-align:center;max-width:760px;margin:0 auto 28px}.section-title h2{font-size:36px;margin:7px 0 10px}.section-title p{color:var(--muted);font-size:16px}.domain-search{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:820px;margin:0 auto}.domain-search input{font-size:18px;padding:16px 18px;border-radius:14px;background:var(--card)}.tld-strip{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px auto 0;color:var(--muted)}.tld-strip span{padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);font-weight:800;font-size:12px}.premium-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{position:relative;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,white 4%),var(--card));border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);transition:.2s}.product-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 28px 55px rgba(0,0,0,.22)}.product-icon{width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,#39b85a 18%,transparent));display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:16px}.product-icon.sm{width:36px;height:36px;border-radius:10px;font-size:17px;margin:0}.product-card h3{font-size:22px;margin:14px 0 8px}.product-desc{min-height:44px}.feature-list{list-style:none;padding:0;margin:20px 0;display:grid;gap:9px;color:var(--muted)}.feature-list li::first-letter{color:var(--ok)}.wide{width:100%}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:55px 0 10px}.trust-grid>div{border:1px solid var(--line);border-radius:18px;padding:20px;background:var(--card)}.trust-grid strong,.trust-grid span{display:block}.trust-grid span{color:var(--muted);margin-top:7px}.checkout-shell{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:26px;align-items:start;max-width:1180px;margin:18px auto}.checkout-summary{position:sticky;top:95px;padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--accent) 6%,var(--card)));box-shadow:var(--shadow)}.checkout-summary h1{font-size:38px}.summary-price{font-size:40px;font-weight:900;margin-top:20px}.checkout-card{padding:30px;border-radius:24px}.domain-result-page{max-width:900px;margin:auto}.domain-result{display:flex;justify-content:space-between;align-items:center;gap:20px}.domain-result strong{font-size:24px}.domain-dot{display:inline-block;width:12px;height:12px;background:var(--warn);border-radius:50%;margin-right:9px}.toolbar{display:flex;align-items:center;gap:12px}.toolbar input{max-width:520px}.copy-row{display:flex;gap:7px;margin-top:8px}.copy-row input{min-width:260px;font-size:11px;font-family:ui-monospace,monospace}.product-cell{display:flex;align-items:center;gap:12px}.gateway-card{display:flex;justify-content:space-between;align-items:center;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:13px;background:var(--card2)}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);opacity:0;background:#111827;color:white;padding:11px 18px;border-radius:999px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.side,.client-side{border-right:1px solid #18243a}.side a,.client-side a{font-size:13px}.main,.client-main{max-width:none}.card{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 98%,white 2%),var(--card))}html[data-theme=light] .card{background:white}.topbar{padding:14px 0}.table-wrap table{min-width:900px}
@media(max-width:980px){.portal-hero{grid-template-columns:1fr;padding:42px 28px}.hero-panel{grid-template-columns:repeat(3,1fr)}.checkout-shell{grid-template-columns:1fr}.checkout-summary{position:relative;top:0}.premium-catalog{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.portal-hero{padding:34px 20px;border-radius:22px;min-height:auto}.hero-copy h1{font-size:42px}.hero-panel{grid-template-columns:1fr}.domain-search{grid-template-columns:1fr}.premium-catalog,.trust-grid{grid-template-columns:1fr}.publicnav .brand-name{display:none}.copy-row{flex-direction:column}.copy-row input{min-width:0}}

/* v7.1 responsive overhaul */
.mobile-menu-btn{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-size:20px;cursor:pointer;flex:0 0 auto}.mobile-overlay{display:none}.topbar-title{display:flex;align-items:center;gap:12px;min-width:0}.topbar-title>div{min-width:0}.topbar-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{flex:0 0 auto}.table-wrap{width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.card,.stat,.product-card,.checkout-card,.checkout-summary{min-width:0}.row>*{min-width:0}.actions .btn,.mini-actions .btn{max-width:100%}img{max-width:100%;height:auto}.copy-row,.copybox{max-width:100%}.copy-row input,.copybox input{min-width:0}.toolbar{flex-wrap:wrap}.toolbar>*{min-width:0}.toolbar input{flex:1 1 260px}.portal-hero,.checkout-shell,.grid,.row,.catalog,.premium-catalog,.trust-grid{min-width:0}

@media(max-width:920px){
 body.mobile-nav-open{overflow:hidden}
 .layout,.client-layout{display:block;min-height:100vh}
 .side,.client-side{display:block;position:fixed!important;left:0;top:0;bottom:0;width:min(86vw,310px);height:100dvh!important;z-index:100;padding:18px 14px;overflow-y:auto;overflow-x:hidden;transform:translateX(-105%);transition:transform .22s ease;box-shadow:24px 0 60px rgba(0,0,0,.34);border-right:1px solid #1d2a40}
 .side.mobile-open,.client-side.mobile-open{transform:translateX(0)}
 .side .brand,.client-side .brand{display:flex!important;padding:5px 10px 18px}.side-label{display:block!important;padding:16px 10px 5px}.client-user{display:flex!important;margin:4px 5px 14px}.side-bottom{display:block!important}.side a,.client-side a{white-space:normal;padding:11px 12px;font-size:13px}.side a span,.client-side a span{display:inline}
 .mobile-overlay{position:fixed;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(2px);z-index:90}.mobile-nav-open .mobile-overlay{display:block}
 .mobile-menu-btn{display:inline-flex}
 .main,.client-main{padding:18px 16px 82px;max-width:100%;overflow-x:hidden}
 .topbar{margin:0 0 18px;padding:8px 0 12px;gap:10px;align-items:center}.topbar-title{flex:1;min-width:0}.topbar-title strong{font-size:18px}.topbar .eyebrow{font-size:9px}.topbar-actions .btn{padding:9px 11px;font-size:12px}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .section-head{align-items:flex-start}.section-head>.actions{justify-content:flex-start}
 table{min-width:720px}.table-wrap{border:1px solid var(--line);background:var(--card)}
 .form-actions{position:relative}.login{margin:3vh 14px;padding:20px}
}

@media(max-width:640px){
 body{font-size:13px}.main,.client-main{padding:12px 10px 78px}.topbar{position:sticky;top:0;margin:0 -2px 14px;padding:8px 2px 10px}.topbar-actions .btn{font-size:0;width:42px;height:42px;padding:0}.topbar-actions .btn:after{content:'↗';font-size:18px}.topbar-title strong{font-size:16px;max-width:58vw}
 h1{font-size:27px}.card{padding:14px;border-radius:13px}.hero-card{padding:18px}.grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid,.catalog,.premium-catalog,.trust-grid{grid-template-columns:1fr!important;gap:10px}.stat{min-height:88px;padding:14px}.stat strong{font-size:24px}
 .actions,.mini-actions,.form-actions{width:100%;gap:7px}.actions .btn,.mini-actions .btn,.form-actions .btn,.form-actions button{flex:1 1 145px;white-space:normal;text-align:center}.actions form,.mini-actions form{flex:1 1 145px}.actions form .btn,.mini-actions form .btn{width:100%}
 label{margin-top:10px}input,select,textarea{font-size:16px;padding:11px 10px}textarea{min-height:110px}.checkline input{font-size:initial}
 .table-wrap{margin-left:-2px;margin-right:-2px;border-radius:10px}.table-wrap:before{content:'Desliza horizontalmente para ver más';display:block;padding:8px 10px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line)}table{min-width:650px;font-size:12px}th,td{padding:10px 8px}.pill{font-size:10px}
 .section-head{flex-direction:column;gap:10px}.section-head>.actions{width:100%}.toolbar{display:grid;grid-template-columns:1fr;width:100%}.toolbar input{width:100%;max-width:none}.copy-row,.copybox{display:grid;grid-template-columns:1fr}.copy-row .btn,.copybox .btn{width:100%}
 .publicnav{padding:10px 12px;gap:8px}.publicnav .actions{width:auto}.publicmain{padding:20px 10px}.portal-hero{padding:26px 16px}.hero-copy h1{font-size:36px}.hero-copy p{font-size:15px}.hero-actions .btn{width:100%}.domain-zone,.plans-section{padding-top:42px}.section-title h2{font-size:29px}.domain-search input{font-size:16px}.checkout-shell{display:block}.checkout-summary,.checkout-card{padding:18px;border-radius:17px}.checkout-summary h1{font-size:29px}.summary-price{font-size:32px}.domain-result{align-items:flex-start;flex-direction:column}.invoice-total{font-size:30px}
 .ticket-msg small{float:none;display:block;margin-top:8px}.timeline-item{grid-template-columns:1fr;gap:4px}.gateway-card{align-items:flex-start;flex-direction:column;gap:8px}.template-list{grid-template-columns:1fr}.theme-fab{width:44px;height:44px;border-radius:13px;right:10px;bottom:10px}
}

@media(max-width:390px){.topbar-title strong{max-width:48vw}.mobile-menu-btn{width:40px;height:40px}.topbar-actions .btn{width:40px;height:40px}.card{padding:12px}.publicmain{padding-left:8px;padding-right:8px}.portal-hero{padding:22px 13px}.hero-copy h1{font-size:32px}.btn{padding:9px 10px}.actions .btn,.mini-actions .btn,.form-actions .btn{flex-basis:100%}}
/* v7.2 navigation + forms */
.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important;border-color:color-mix(in srgb,var(--nav-active-bg) 75%,var(--line))!important;box-shadow:inset 3px 0 0 var(--accent)!important}.side a.active span,.client-side a.active span{color:var(--nav-active-text)!important}
html[data-theme=light] .side a.active,html[data-theme=light] .client-side a.active{color:var(--nav-active-text)!important}
.card.inset{margin:16px 0;padding:16px;background:var(--card2);box-shadow:none;border-style:dashed}
.template-tabs .pill.active{background:var(--accent);color:#fff}

/* v7.4 - mobile/responsive hardening */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.layout,.client-layout,.main,.client-main,.publicmain{min-width:0;max-width:100%}
.brand,.public-brand{min-width:0;max-width:100%}
.brand-logo-wrap{display:flex;align-items:center;min-width:0;max-width:100%;overflow:hidden}
.brand-logo{display:block;width:auto;height:auto;max-width:170px;max-height:42px;object-fit:contain;object-position:left center}
.side .brand-logo,.client-side .brand-logo{max-width:190px;max-height:48px}
.public-brand .brand-logo{max-width:155px;max-height:38px}
.card,.stat,.product-card,.checkout-card,.checkout-summary,.gateway-card,.ticket-msg{max-width:100%;overflow-wrap:anywhere}
.card pre,.card code{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
input,select,textarea,button{max-width:100%}
.table-wrap{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.section-head,.topbar,.toolbar,.actions,.mini-actions,.form-actions{min-width:0}
.topbar-title{overflow:hidden}.topbar-title>div{overflow:hidden}

@media(max-width:920px){
 .side,.client-side{width:min(82vw,286px)!important;max-width:286px!important;padding:16px 12px!important}
 .side .brand,.client-side .brand{height:58px;align-items:center;padding:2px 10px 15px!important;border-bottom:1px solid #1d2a40;margin-bottom:7px}
 .side .brand-logo,.client-side .brand-logo{max-width:172px;max-height:39px}
 .side a,.client-side a{min-height:43px;border:1px solid transparent;border-radius:11px}
 .side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important;border-color:color-mix(in srgb,var(--nav-active-bg) 75%,var(--line))!important;box-shadow:inset 3px 0 0 var(--accent)!important}.side a.active span,.client-side a.active span{color:var(--nav-active-text)!important}
 .main,.client-main{width:100%;padding:14px 14px 78px!important}
 .topbar{position:sticky;top:0;z-index:60;margin:-14px -14px 16px!important;padding:10px 14px!important;background:color-mix(in srgb,var(--bg) 94%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 75%,transparent);backdrop-filter:blur(16px)}
 .mobile-menu-btn{display:inline-flex!important;width:42px;height:42px;border-radius:12px;box-shadow:none}
 .topbar-actions{margin-left:auto}
 .topbar-actions .btn{min-width:42px;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .publicmain{padding-left:14px!important;padding-right:14px!important}
}

@media(max-width:640px){
 .main,.client-main{padding:10px 10px 74px!important}
 .topbar{margin:-10px -10px 14px!important;padding:9px 10px!important;min-height:60px}
 .topbar-title{gap:9px}.topbar-title .eyebrow{display:none}.topbar-title strong{font-size:16px;line-height:1.2;max-width:calc(100vw - 128px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .topbar-actions .btn{font-size:0!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;border-radius:11px}
 .topbar-actions .btn::after{content:'↗';font-size:17px}
 .mobile-menu-btn{width:40px;height:40px;font-size:19px}
 .grid,.grid.two,.dashboard-stats,.admin-stats,.row,.row.three,.service-detail-grid,.catalog,.premium-catalog,.trust-grid{grid-template-columns:1fr!important}
 .card{padding:14px!important;border-radius:14px}.hero-card{padding:17px!important}
 .card h3{font-size:17px}.stat{min-height:82px}
 .section-head{gap:9px}.section-head h1{font-size:25px;margin:0}.section-head h2{font-size:22px}
 .actions,.mini-actions,.form-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;width:100%}
 .actions>*,.mini-actions>*,.form-actions>*{min-width:0;width:100%!important;margin:0!important}
 .actions form,.mini-actions form{display:block!important;width:100%!important}.actions form .btn,.mini-actions form .btn{width:100%!important}
 .btn{white-space:normal;line-height:1.2;min-height:40px}
 .toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px}.toolbar>*{width:100%!important;max-width:none!important}
 .copy-row,.copybox{display:grid!important;grid-template-columns:1fr!important}.copy-row input,.copybox input{width:100%!important;min-width:0!important}
 .table-wrap{margin:0!important;border-radius:11px}.table-wrap:before{content:'← Desliza para ver más →';display:block;position:sticky;left:0;padding:7px 10px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-bottom:1px solid var(--line);z-index:2}
 table{min-width:620px!important}th,td{padding:9px 8px!important}
 .publicnav{min-height:58px;padding:9px 10px!important;gap:8px;flex-wrap:nowrap!important}.public-brand{flex:1 1 auto;overflow:hidden}.public-brand .brand-logo{max-width:126px;max-height:32px}.publicnav .actions{display:flex!important;width:auto!important;flex:0 0 auto;gap:6px}.publicnav .actions .btn{display:none!important}.publicnav .actions .btn.primary{display:inline-flex!important;width:auto!important;min-height:38px;padding:8px 11px;font-size:12px!important}.publicnav .actions .btn.primary::after{content:none}
 .publicmain{padding:18px 9px!important}.portal-hero{padding:24px 14px!important;border-radius:20px!important}.hero-copy h1{font-size:32px!important;line-height:1.02}.hero-copy p{font-size:14px!important;line-height:1.55}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%!important}
 .domain-zone,.plans-section{padding:38px 0 10px!important}.section-title{margin-bottom:20px}.section-title h2{font-size:27px!important}.domain-search{grid-template-columns:1fr!important}.domain-search .btn{width:100%}
 .product-card{padding:20px!important;border-radius:18px!important}.product-card .price{font-size:27px}.feature-list{margin:15px 0}
 .checkout-shell{display:block!important;margin:8px 0!important}.checkout-summary,.checkout-card{padding:16px!important;border-radius:16px!important}.checkout-summary{position:static!important}.checkout-summary h1{font-size:27px!important}.summary-price{font-size:30px!important}
 .service-detail-grid{gap:8px!important}.service-detail-grid>div{padding:12px!important}
 .theme-fab{width:42px!important;height:42px!important;right:9px!important;bottom:9px!important}
}

@media(max-width:430px){
 .side,.client-side{width:84vw!important;max-width:278px!important}
 .side .brand-logo,.client-side .brand-logo{max-width:158px;max-height:36px}
 .actions,.mini-actions,.form-actions{grid-template-columns:1fr!important}
 .topbar-title strong{max-width:calc(100vw - 120px)!important}
 .public-brand .brand-logo{max-width:112px;max-height:30px}
 .publicnav .actions .btn.primary{padding:8px 9px;font-size:11px!important}
 table{min-width:580px!important}
 .portal-hero{padding:20px 12px!important}.hero-copy h1{font-size:29px!important}
}

/* v7.5 - search experience */
.admin-global-search{flex:1;max-width:620px;margin:0 14px}
.admin-global-search form,.global-search-form{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:6px 7px 6px 12px}
.admin-global-search span,.global-search-form span{font-size:19px;color:var(--muted)}
.admin-global-search input,.global-search-form input{border:0!important;background:transparent!important;box-shadow:none!important;min-width:0;flex:1;padding:8px 4px!important}
.admin-global-search .btn,.global-search-form .btn{min-height:38px;padding:8px 13px}
.client-picker{position:relative;width:100%;z-index:12}
.client-picker-search{position:relative;display:flex;align-items:center}
.client-picker-search .search-ico{position:absolute;left:13px;color:var(--muted);font-size:18px;z-index:2}
.client-picker-search input{padding-left:39px!important;padding-right:42px!important;width:100%}
.client-picker-clear{position:absolute;right:7px;width:31px;height:31px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
.client-picker-clear:hover{background:var(--card2);color:var(--text)}
.client-picker-results{display:none;position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:340px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:7px;box-shadow:0 20px 45px rgba(0,0,0,.28);z-index:120}
.client-picker-results.open{display:block}
.client-picker-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;gap:2px}
.client-picker-option:hover,.client-picker-option:focus{background:color-mix(in srgb,var(--accent) 16%,var(--card2));outline:none}
.client-picker-option span,.client-picker-option small{color:var(--muted);font-size:12px}
.client-picker-selected{font-size:12px;padding:6px 2px 0;min-height:24px}
.search-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.search-group{padding:14px!important}
.search-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.search-group-head h3{margin:0}
.search-result-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px;border-radius:12px;color:var(--text);text-decoration:none;border:1px solid transparent}
.search-result-item:hover{background:var(--card2);border-color:var(--line)}
.search-result-item .result-icon{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--accent) 15%,transparent);display:grid;place-items:center;color:var(--accent)}
.search-result-item div{min-width:0}.search-result-item strong,.search-result-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item small{color:var(--muted);margin-top:2px}
@media(max-width:920px){.admin-global-search{max-width:none;margin:0 8px;order:3;flex-basis:100%}.topbar{flex-wrap:wrap}.admin-global-search form{width:100%}}
@media(max-width:640px){.admin-global-search{margin:3px 0 0;width:100%}.admin-global-search .btn{font-size:0;width:39px!important;min-width:39px!important;padding:0!important}.admin-global-search .btn:after{content:'⌕';font-size:17px}.search-result-grid{grid-template-columns:1fr}.global-search-form .btn{width:auto!important}.client-picker-results{position:fixed;left:10px;right:10px;top:72px;max-height:60vh}.client-picker-option{padding:12px}}

/* v7.6 - admin mobile hardening + dark contrast */
html[data-theme=dark] body,
html[data-theme=dark] .main,
html[data-theme=dark] .client-main,
html[data-theme=dark] .card,
html[data-theme=dark] .stat,
html[data-theme=dark] details,
html[data-theme=dark] summary,
html[data-theme=dark] h1,
html[data-theme=dark] h2,
html[data-theme=dark] h3,
html[data-theme=dark] h4,
html[data-theme=dark] h5,
html[data-theme=dark] h6,
html[data-theme=dark] strong,
html[data-theme=dark] legend,
html[data-theme=dark] th,
html[data-theme=dark] td{color:var(--text)}
html[data-theme=dark] label,
html[data-theme=dark] small,
html[data-theme=dark] .muted,
html[data-theme=dark] .help,
html[data-theme=dark] .hint{color:var(--muted)!important}
html[data-theme=dark] summary::marker{color:var(--text)}
html[data-theme=dark] input::placeholder,
html[data-theme=dark] textarea::placeholder{color:#71829b;opacity:1}
html[data-theme=dark] select option{background:#0b100d;color:#f3f7ff}
html[data-theme=dark] input[type=date],
html[data-theme=dark] input[type=time],
html[data-theme=dark] input[type=datetime-local]{color-scheme:dark}

/* Prevent admin content from creating a viewport wider than the phone */
.layout,.main,.topbar,.admin-global-search,.card,.row,.grid,.table-wrap,form,fieldset{min-width:0}
.main{overflow-x:hidden}
.card>*,details.card>*{max-width:100%}
summary{cursor:pointer;overflow-wrap:anywhere}

@media(max-width:920px){
  /* Admin becomes a true app shell: content full width, sidebar off-canvas */
  .layout{display:block!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  .layout>.main{width:100%!important;max-width:100vw!important;margin:0!important;padding:14px 14px 78px!important}
  .layout>.side{display:block!important;position:fixed!important;inset:0 auto 0 0!important;width:min(84vw,288px)!important;max-width:288px!important;height:100dvh!important;transform:translate3d(-105%,0,0)!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:110!important}
  .layout>.side.mobile-open{transform:translate3d(0,0,0)!important}
  .mobile-overlay{z-index:100!important}
  .mobile-nav-open .mobile-overlay{display:block!important}
  .layout .mobile-menu-btn{display:inline-flex!important}
  .layout .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'title actions' 'search search';align-items:center!important;gap:9px!important;margin:-14px -14px 16px!important;padding:10px 14px!important;width:auto!important;max-width:none!important}
  .layout .topbar-title{grid-area:title;min-width:0!important}
  .layout .topbar-actions{grid-area:actions;margin-left:0!important;justify-self:end!important;width:auto!important}
  .layout .admin-global-search{grid-area:search!important;margin:0!important;width:100%!important;max-width:none!important;min-width:0!important}
  .layout .admin-global-search form{width:100%!important;min-width:0!important}
  .layout .admin-global-search input{min-width:0!important;width:100%!important}
  .layout .section-head{display:flex!important;flex-wrap:wrap!important}
  .layout .section-head>.actions{width:100%!important}
  .layout .row,.layout .row.three,.layout .grid.two{grid-template-columns:1fr 1fr!important}
  .layout .card{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .layout .table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .layout table{width:max-content!important;min-width:720px!important;max-width:none!important}
}

@media(max-width:640px){
  .layout>.main{padding:10px 9px 74px!important}
  .layout .topbar{margin:-10px -9px 13px!important;padding:8px 9px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .layout .topbar-title strong{display:block!important;max-width:calc(100vw - 118px)!important;font-size:16px!important;color:var(--text)!important}
  .layout .topbar-actions .btn{width:40px!important;min-width:40px!important;height:40px!important}
  .layout .admin-global-search form{padding:5px 6px 5px 10px!important;border-radius:12px!important}
  .layout .admin-global-search input{font-size:13px!important;padding:7px 2px!important}
  .layout .row,.layout .row.three,.layout .grid,.layout .grid.two,.layout .dashboard-stats,.layout .admin-stats,.layout .service-detail-grid{grid-template-columns:1fr!important}
  .layout .card{padding:13px!important;border-radius:13px!important}
  .layout details.card>summary{font-size:14px!important;padding:1px 0!important}
  .layout label{font-size:11px!important;color:var(--muted)!important}
  .layout input,.layout select,.layout textarea{font-size:16px!important;min-height:44px!important}
  .layout textarea{min-height:92px!important}
  .layout .actions,.layout .mini-actions,.layout .form-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:7px!important}
  .layout .actions>*,.layout .mini-actions>*,.layout .form-actions>*{width:100%!important;max-width:100%!important}
  .layout .actions form,.layout .mini-actions form{display:block!important;width:100%!important}
  .layout .actions .btn,.layout .mini-actions .btn,.layout .form-actions .btn{width:100%!important;min-height:42px!important;white-space:normal!important}
  .layout .toolbar{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .layout .toolbar input,.layout .toolbar select,.layout .toolbar .btn{width:100%!important;max-width:none!important}
  .layout .table-wrap:before{content:'← Desliza para ver más →';display:block;position:sticky;left:0;padding:7px 8px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-bottom:1px solid var(--line);z-index:2}
  .layout table{min-width:600px!important;font-size:12px!important}
  .layout th,.layout td{padding:9px 8px!important}
  .layout .client-picker-results{position:fixed!important;left:9px!important;right:9px!important;top:67px!important;width:auto!important;max-height:62vh!important}
  .layout .copy-row,.layout .copybox{display:grid!important;grid-template-columns:1fr!important}
  .layout .copy-row input,.layout .copybox input{width:100%!important;min-width:0!important}
}

@media(max-width:390px){
  .layout>.side{width:86vw!important;max-width:272px!important}
  .layout .topbar-title strong{max-width:calc(100vw - 112px)!important}
  .layout .card{padding:11px!important}
  .layout table{min-width:560px!important}
}

/* v7.7 - definitive adaptive admin desktop + payments UX */
:root{--admin-sidebar:270px}
.layout{grid-template-columns:var(--admin-sidebar) minmax(0,1fr)}
.layout>.side{position:sticky;top:0;align-self:start;height:100dvh;max-height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-bottom:28px}
.layout>.side::-webkit-scrollbar{width:7px}.layout>.side::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.layout>.side:hover::-webkit-scrollbar-thumb{background:#30415d}.layout>.side::-webkit-scrollbar-track{background:transparent}
.layout>.main{min-width:0;width:100%;max-width:100%;overflow-x:hidden}
.layout .grid.two,.layout .responsive-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:16px;align-items:start}
.layout .grid:not(.two):not(.dashboard-stats):not(.admin-stats){grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.layout .dashboard-stats,.layout .admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.layout .row{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.layout .row.three{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
.layout .card{min-width:0}.layout .card>table{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}
.layout .card>table tbody{display:table;width:100%;min-width:620px}.layout .table-wrap table{width:100%}
.layout .section-head{min-width:0}.layout .section-head>*{min-width:0}.layout .section-head h1,.layout .section-head h2,.layout .section-head h3{overflow-wrap:anywhere}
.sticky-card{position:sticky;top:92px}.method-editor{border:1px solid var(--line);border-radius:14px;background:var(--card2);margin:0 0 12px;overflow:hidden}.method-editor summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;list-style:none;cursor:pointer}.method-editor summary::-webkit-details-marker{display:none}.method-editor summary span:first-child{display:grid;gap:3px}.method-editor summary small{color:var(--muted)}.method-editor form{padding:0 14px 14px}.method-editor>form+form{padding-top:0}.method-editor>form+form .btn{margin-bottom:14px}
.gateway-list{display:grid;gap:12px}.gateway-editor{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--card2)}.gateway-editor-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.module-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);padding:10px 12px;border-radius:12px;margin:8px 0;background:var(--card2)}.module-row div{display:grid;gap:2px}.module-row small{color:var(--muted)}
.cron-health{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:16px;background:var(--card)}.cron-health-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:22px;font-weight:900}.cron-health p{margin:4px 0 0;color:var(--muted)}.cron-health.ok{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.cron-health.ok .cron-health-icon{background:color-mix(in srgb,var(--ok) 18%,var(--card));color:var(--ok)}.cron-health.warn{border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}.cron-health.warn .cron-health-icon{background:color-mix(in srgb,var(--warn) 18%,var(--card));color:var(--warn)}.cron-health.error{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.cron-health.error .cron-health-icon{background:color-mix(in srgb,var(--danger) 18%,var(--card));color:var(--danger)}.compact-stat{min-height:88px}.compact-stat strong{font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere}
html[data-theme=dark] .eyebrow{color:#aebdd1!important}html[data-theme=dark] .side-label{color:#8192aa!important}html[data-theme=dark] .card h4,html[data-theme=dark] .card h5,html[data-theme=dark] .card h6{color:#e5edf8!important}html[data-theme=dark] .method-editor small,html[data-theme=dark] .module-row small{color:#9cadc4!important}
@media(max-width:1360px) and (min-width:921px){:root{--admin-sidebar:240px}.main{padding:24px 22px}.layout .grid.two,.layout .responsive-split{grid-template-columns:1fr}.layout .topbar{gap:10px}.admin-global-search{margin:0 8px;max-width:520px}.layout .card{padding:18px}.layout .section-head{flex-wrap:wrap}.layout .section-head>.actions{flex:1 1 100%}}
@media(max-width:1100px) and (min-width:921px){:root{--admin-sidebar:218px}.side{padding-left:11px;padding-right:11px}.side a{font-size:12px;padding:9px 10px}.side-label{font-size:9px}.main{padding:20px 16px}.topbar strong{font-size:18px}.admin-global-search .btn{padding:8px 10px}.layout .dashboard-stats,.layout .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.sticky-card{position:static}.layout .responsive-split{grid-template-columns:1fr!important}.cron-health{grid-template-columns:auto minmax(0,1fr)}.cron-health>.pill{grid-column:1/-1;justify-self:start}.layout .card>table tbody{min-width:600px}}
@media(max-width:640px){.cron-health{grid-template-columns:1fr;padding:13px}.cron-health-icon{width:38px;height:38px}.gateway-editor-head,.module-row{align-items:flex-start;flex-direction:column}.module-row .btn{width:100%}.method-editor summary{align-items:flex-start}.layout .card>table tbody{min-width:560px}}


/* v7.8 - client area polish */
html[data-theme=dark] .login-entry{background:#111a14!important;color:#f6f9ff!important;border-color:#30425f!important}
html[data-theme=dark] .login-entry:hover{background:#213452!important;border-color:#4b6388!important}
.client-main .table-wrap{position:relative;overflow-x:auto;scrollbar-gutter:stable both-edges}
.client-main .table-wrap.dual-scroll{padding-top:13px}
.client-scroll-top{height:13px;overflow-x:auto;overflow-y:hidden;margin:0 0 6px;border-radius:8px;background:color-mix(in srgb,var(--card2) 78%,transparent)}
.client-scroll-top>div{height:1px}
.client-main .table-wrap:after{content:'← Desliza para ver más →';display:block;position:sticky;left:0;bottom:0;padding:7px 10px;font-size:10px;text-align:center;color:var(--muted);background:var(--card2);border-top:1px solid var(--line);z-index:2}
.ticket-form-card{max-width:900px;margin:auto}.icon-close{font-size:25px;line-height:1;width:42px;height:42px;padding:0;display:grid;place-items:center}
.ticket-thread{max-width:980px}.ticket-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--text);background:var(--card2)}
.cancel-service-box{margin-top:18px;border:1px solid color-mix(in srgb,var(--danger) 38%,var(--line));border-radius:14px;padding:0;overflow:hidden}.cancel-service-box summary{padding:13px 14px;color:var(--danger);font-weight:800;background:color-mix(in srgb,var(--danger) 7%,transparent)}.cancel-service-box form{padding:14px}
.domain-client-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.domain-client-card{min-width:0}.domain-client-card h3{overflow-wrap:anywhere}.dns-add-form{margin-bottom:16px}
.client-main .service-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.client-main .actions{flex-wrap:wrap}.client-main .actions .btn{max-width:100%}
@media(max-width:900px){.client-main .grid.two{grid-template-columns:1fr!important}.client-main .card{min-width:0}.client-main .table-wrap table{min-width:680px!important}}
@media(max-width:640px){.client-main .section-head{align-items:flex-start}.client-main .section-head>.actions,.client-main .section-head>.btn{width:100%}.client-main .section-head>.btn{justify-content:center}.client-main .table-wrap{border-radius:12px}.client-main .table-wrap table{min-width:640px!important}.ticket-msg{padding:13px!important}.ticket-form-card{padding:14px!important}.domain-client-grid{grid-template-columns:1fr}.client-main .service-cards{grid-template-columns:1fr}.client-main .topbar-actions{display:none}.client-main .actions{display:grid!important;grid-template-columns:1fr!important}.client-main .actions>*{width:100%!important}.client-main .actions form{width:100%!important}.client-main .actions form .btn{width:100%!important}}

.client-side a.client-subnav{min-height:32px!important;margin:-3px 0 3px 32px!important;padding:6px 10px!important;font-size:12px!important;color:var(--muted)}.client-side a.client-subnav.active{color:var(--text)!important;background:color-mix(in srgb,var(--accent) 12%,transparent)!important;border-color:transparent!important;box-shadow:none!important}@media(max-width:640px){.client-side a.client-subnav{margin-left:28px!important}}

/* v7.9 client navigation + responsive hardening */
@media (min-width:921px){
  .client-layout{display:block;min-height:100vh}
  .client-side{position:fixed!important;left:0;top:0;width:270px;height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable;z-index:35;border-right:1px solid #18243a}
  .client-main{margin-left:270px;width:calc(100% - 270px);max-width:none;min-height:100vh;padding:28px 34px}
  .client-side .side-bottom{padding-bottom:22px}
}
.client-main{min-width:0;overflow:visible}.client-main>.card,.client-main .grid>*{min-width:0}.client-main .card{max-width:100%}
.client-main .table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.client-main .client-scroll-top{max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:auto;scrollbar-color:var(--accent) color-mix(in srgb,var(--card2) 75%,transparent)}
.client-main .client-scroll-top::-webkit-scrollbar,.client-main .table-wrap::-webkit-scrollbar{height:11px}.client-main .client-scroll-top::-webkit-scrollbar-thumb,.client-main .table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 75%,#94a3b8);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.client-main .client-scroll-top::-webkit-scrollbar-track,.client-main .table-wrap::-webkit-scrollbar-track{background:color-mix(in srgb,var(--card2) 80%,transparent);border-radius:999px}
.client-main table{min-width:760px}.client-table-hint{display:none;color:var(--muted);font-size:11px;margin:0 0 5px}.client-scroll-top:not([style*="display: none"]) + .table-wrap .client-table-hint{display:block}
.phone-code-field{display:flex;align-items:center;border:1px solid var(--line);background:var(--card);border-radius:10px;overflow:hidden}.phone-code-field:focus-within{outline:3px solid rgba(37,99,235,.12);border-color:var(--accent)}.phone-code-field span{padding:0 0 0 12px;color:var(--muted);font-weight:800}.phone-code-field input{border:0!important;outline:0!important;box-shadow:none!important;padding-left:4px}
.client-ticket-detail .ticket-msg{overflow-wrap:anywhere}.client-ticket-detail .ticket-msg small{float:none;display:block;margin-top:2px}.client-ticket-detail form textarea{min-height:120px}
@media(max-width:920px){
  .client-layout{display:block!important}.client-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:16px 12px!important;overflow-x:hidden}.client-side{position:fixed!important}
  .client-main .topbar{margin-left:0;margin-right:0}.client-main .section-head{align-items:stretch}.client-main .section-head>.actions{width:100%}.client-main .section-head>.actions .btn,.client-main .section-head>.actions form{max-width:100%}
  .client-main .actions{gap:8px}.client-main .actions .btn{max-width:100%}.client-main .card{padding:16px}.client-main .grid.two,.client-main .row,.client-main .row.three{grid-template-columns:1fr!important}
  .client-main .service-detail-grid{grid-template-columns:1fr!important}.client-main h1{font-size:clamp(24px,7vw,32px);overflow-wrap:anywhere}.client-main h2{font-size:clamp(20px,6vw,27px)}
}
@media(max-width:560px){
  .client-main{padding:12px 9px!important}.client-main .card{padding:14px;border-radius:14px}.client-main .btn{white-space:normal;text-align:center;min-height:42px}.client-main .actions{display:grid;grid-template-columns:1fr}.client-main .actions form{display:block;width:100%}.client-main .actions form .btn{width:100%}.client-main .section-head>.btn{width:100%}.client-main table{min-width:680px}.client-scroll-top{height:16px!important}.theme-fab{width:44px;height:44px;right:10px;bottom:10px}
}

/* v7.10 - client sidebar truly fixed and independent */
@media (min-width: 761px){
  html,body{min-height:100%;}
  .client-layout{
    display:block!important;
    min-height:100vh!important;
    width:100%!important;
  }
  .client-side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:270px!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    z-index:60!important;
    transform:none!important;
    background:var(--side)!important;
    border-right:1px solid #18243a!important;
  }
  .client-main{
    margin-left:270px!important;
    width:calc(100% - 270px)!important;
    max-width:none!important;
    min-width:0!important;
    min-height:100vh!important;
    padding:28px 34px!important;
    overflow-x:hidden!important;
  }
  .client-side .side-bottom{padding-bottom:28px!important}
}
@media (min-width:761px) and (max-width:1120px){
  .client-side{width:235px!important}
  .client-main{margin-left:235px!important;width:calc(100% - 235px)!important;padding:22px 18px!important}
  .client-side a{font-size:12px!important;padding:9px 10px!important}
  .client-side .brand-logo{max-width:165px!important}
}
@media (max-width:760px){
  .client-layout{display:block!important}
  .client-main{margin-left:0!important;width:100%!important;max-width:100%!important;padding:14px 10px!important;overflow-x:hidden!important}
  .client-side{
    position:fixed!important;
    left:0!important;top:0!important;bottom:0!important;
    width:min(84vw,286px)!important;
    height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    transform:translateX(-105%)!important;
    z-index:100!important;
  }
  .client-side.mobile-open{transform:translateX(0)!important}
}

/* v7.11 - clearer horizontal navigation + cPanel credential controls */
.client-scroll-hint-top{
  display:none;align-items:center;justify-content:center;
  min-height:28px;margin:0 0 4px;padding:5px 10px;
  border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;
  background:color-mix(in srgb,var(--card2) 92%,var(--accent) 8%);
  color:var(--text);font-size:11px;font-weight:800;letter-spacing:.01em;
}
.client-main .client-scroll-top{
  min-height:16px!important;height:16px!important;margin:0 0 4px!important;
  background:color-mix(in srgb,var(--card2) 88%,#fff 4%)!important;
  border:1px solid var(--line)!important;border-radius:999px!important;
  scrollbar-color:color-mix(in srgb,var(--accent) 85%,#cbd5e1) color-mix(in srgb,var(--card2) 86%,#fff 3%)!important;
  scrollbar-width:auto!important;
}
.client-main .client-scroll-top::-webkit-scrollbar,.client-main .table-wrap::-webkit-scrollbar{height:12px!important;background:color-mix(in srgb,var(--card2) 86%,#fff 3%)!important}
.client-main .client-scroll-top::-webkit-scrollbar-thumb,.client-main .table-wrap::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--accent) 88%,#cbd5e1)!important;
  border-radius:999px!important;border:2px solid color-mix(in srgb,var(--card2) 86%,transparent)!important;
  background-clip:padding-box!important;min-width:42px;
}
.client-main .client-scroll-top::-webkit-scrollbar-thumb:hover,.client-main .table-wrap::-webkit-scrollbar-thumb:hover{background:var(--accent)!important;background-clip:padding-box!important}
.client-main .table-wrap.has-horizontal-overflow:after{color:var(--text)!important;font-weight:800!important;background:color-mix(in srgb,var(--card2) 92%,var(--accent) 8%)!important}
.credential-row{display:flex;align-items:center;gap:8px;min-width:0}.credential-row strong{overflow-wrap:anywhere}
.credential-input{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;min-width:0}
.credential-input input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;padding:8px 10px}
.mini-copy{border:1px solid var(--line);background:var(--card2);color:var(--text);border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}
.mini-copy:hover{border-color:var(--accent);color:#fff;background:var(--accent)}
@media(max-width:760px){
  .client-scroll-hint-top{font-size:10px;min-height:26px}
  .credential-input{grid-template-columns:1fr 1fr}.credential-input input{grid-column:1/-1}
}


/* v7.12 checkout and free-domain configuration */
@media (min-width:981px){
  .checkout-shell{align-items:start!important}
  .checkout-summary{position:sticky!important;top:88px!important;align-self:start!important;max-height:calc(100vh - 110px);overflow:auto}
}
.existing-account-box{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,var(--card))}.existing-account-box strong,.existing-account-box small{display:block}.existing-account-box small{color:var(--muted);margin-top:3px}.checkout-setup{margin-top:8px;color:var(--muted);font-size:13px}.domain-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.domain-check-result{margin-top:8px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);font-size:13px}.domain-check-result.ok{border-color:color-mix(in srgb,#22c55e 50%,var(--line));background:color-mix(in srgb,#22c55e 10%,var(--card));color:var(--text)}.domain-check-result.err{border-color:color-mix(in srgb,#ef4444 50%,var(--line));background:color-mix(in srgb,#ef4444 9%,var(--card));color:var(--text)}.domain-check-result.warn{border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 9%,var(--card));color:var(--text)}.free-domain-benefit{transition:.2s}.free-domain-benefit.free-domain-not-eligible{opacity:.72;border-color:color-mix(in srgb,#f59e0b 45%,var(--line));background:color-mix(in srgb,#f59e0b 8%,var(--card))}.free-domain-cycle-note{font-size:12px;margin-top:7px}.cycle-checks{display:flex;flex-wrap:wrap;gap:8px 14px;margin:8px 0 14px}.cycle-checks .checkline{margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
@media(max-width:680px){.domain-check-row{grid-template-columns:1fr}.domain-check-row .btn{width:100%}.existing-account-box{align-items:stretch;flex-direction:column}.existing-account-box .btn{width:100%}.cycle-checks{display:grid;grid-template-columns:1fr 1fr}}

.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:18px}.checkout-steps span{padding:8px 9px;border:1px solid var(--line);border-radius:999px;text-align:center;color:var(--muted);font-size:11px;font-weight:800;background:var(--card2)}.checkout-steps span.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 12%,var(--card))}@media(max-width:560px){.checkout-steps{grid-template-columns:1fr 1fr}}

/* v7.13 checkout clarity and stable desktop summary */
.checkout-summary-col{min-width:0;align-self:start}
.checkout-summary-note{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);display:grid;gap:3px}.checkout-summary-note small{color:var(--muted)}
.checkout-account-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;margin:14px 0 18px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent) 7%,var(--card))}.checkout-account-card strong,.checkout-account-card span,.checkout-account-card small{display:block}.checkout-account-card span,.checkout-account-card small{color:var(--muted);margin-top:2px}
.domain-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:7px 0 15px}.domain-mode-card{display:flex!important;align-items:flex-start;gap:10px;margin:0!important;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--card2);cursor:pointer;color:var(--text)!important}.domain-mode-card:has(input:checked){border-color:color-mix(in srgb,var(--accent) 65%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--card))}.domain-mode-card input{width:auto;margin-top:3px}.domain-mode-card span{display:grid;gap:3px}.domain-mode-card small{color:var(--muted);font-weight:500;line-height:1.4}
@media (min-width:921px){
  .checkout-shell{grid-template-columns:minmax(285px,.72fr) minmax(0,1.28fr)!important;align-items:start!important;overflow:visible!important}
  .checkout-summary-col{position:sticky!important;top:86px!important;align-self:start!important;height:max-content!important;max-height:calc(100vh - 104px)!important;overflow:auto!important;scrollbar-width:thin}
  .checkout-summary{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
}
@media (max-width:920px){
  .checkout-summary-col{position:static!important;max-height:none!important;overflow:visible!important}.checkout-summary{position:static!important}
}
@media(max-width:680px){.domain-mode-grid{grid-template-columns:1fr}.checkout-account-card{grid-template-columns:auto minmax(0,1fr)}.checkout-account-card .btn{grid-column:1/-1;width:100%}}

/* v8.0 premium admin shell + unified responsive behavior */
@media (min-width:921px){
  .layout{display:block!important;min-height:100vh!important}
  .layout>.side{position:fixed!important;inset:0 auto 0 0!important;width:270px!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:70!important;background:var(--side)!important;border-right:1px solid #18243a!important}
  .layout>.side .brand{flex:0 0 auto!important}
  .layout>.side .side-scroll{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:16px!important}
  .layout>.side .side-bottom{flex:0 0 auto!important;background:var(--side)!important;border-top:1px solid #18243a!important;padding-bottom:14px!important}
  .layout>.main{margin-left:270px!important;width:calc(100% - 270px)!important;max-width:none!important;min-width:0!important;min-height:100vh!important;padding:28px 30px!important;overflow-x:hidden!important}
}
@media (min-width:921px) and (max-width:1180px){
  .layout>.side{width:235px!important}.layout>.main{margin-left:235px!important;width:calc(100% - 235px)!important;padding:22px 18px!important}
}
.side-group{border:0!important;background:transparent!important;margin:0!important}.side-group>summary{list-style:none;color:#8fa0b8;font-size:10px;font-weight:900;letter-spacing:.1em;padding:15px 14px 7px;cursor:pointer}.side-group>summary::-webkit-details-marker{display:none}.side-group>summary:after{content:'⌄';float:right;color:#62738d}.side-group:not([open])>summary:after{content:'›'}.side-group>a{margin:2px 8px!important}
.side-scroll::-webkit-scrollbar{width:7px}.side-scroll::-webkit-scrollbar-track{background:transparent}.side-scroll::-webkit-scrollbar-thumb{background:#2d3e59;border-radius:10px}.side-scroll{scrollbar-color:#2d3e59 transparent;scrollbar-width:thin}
html[data-theme=dark] .side-group>summary,html[data-theme=dark] .side-label,html[data-theme=dark] .eyebrow{color:#b7c4d8!important}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] label small{color:#9cabbe!important}
.brand-logo-dark{display:none!important}html[data-theme=dark] .brand-logo-light{display:none!important}html[data-theme=dark] .brand-logo-dark{display:block!important}
.admin-scroll-hint-top{display:none;align-items:center;justify-content:center;min-height:27px;padding:5px 10px;margin:0 0 4px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:color-mix(in srgb,var(--card2) 90%,var(--accent) 10%);font-size:10px;font-weight:900;color:var(--text)}
.main .admin-scroll-top{height:16px;margin-bottom:4px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--line);border-radius:999px;background:var(--card2);scrollbar-color:var(--accent) var(--card2);scrollbar-width:auto}.main .admin-scroll-top>div{height:1px}.main .admin-scroll-top::-webkit-scrollbar,.main .table-wrap::-webkit-scrollbar{height:12px}.main .admin-scroll-top::-webkit-scrollbar-thumb,.main .table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2px solid var(--card2);background-clip:padding-box}
.main .table-wrap{overflow-x:auto!important;overscroll-behavior-inline:contain!important;max-width:100%!important}.main .table-wrap table{min-width:680px!important;width:100%!important}.main .card>table{min-width:680px!important}
.ticket-admin-grid{grid-template-columns:minmax(0,1fr) minmax(260px,340px)!important;align-items:start}.ticket-admin-side{position:sticky;top:90px}.ticket-context{display:flex;flex-wrap:wrap;gap:8px 14px;padding:11px 13px;background:var(--card2);border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.ticket-context span{color:var(--muted)}.detail-list{display:grid;gap:10px}.detail-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.detail-list dt{color:var(--muted);font-size:11px;font-weight:800}.detail-list dd{margin:0;overflow-wrap:anywhere}.ticket-attachment{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card2)}
.notification-list{display:grid;gap:10px}.notification-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);text-decoration:none}.notification-card:hover{border-color:var(--accent)}.notification-card p{margin:5px 0;color:var(--muted)}.notification-card small{color:var(--muted)}.notification-dot,.unread-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.ticket-subject-cell{display:flex;align-items:flex-start;gap:10px;min-width:190px}.ticket-subject-cell small{display:block;margin-top:4px;max-width:280px;white-space:normal}
.admin-credential-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
@media(max-width:1180px){.ticket-admin-grid{grid-template-columns:1fr!important}.ticket-admin-side{position:static!important}.admin-credential-panel{grid-template-columns:1fr}}
@media(max-width:920px){.layout>.side .side-scroll{overflow-y:auto!important}.layout>.side{display:flex!important;flex-direction:column!important}.main .grid.two,.main .responsive-split,.main .row,.main .row.three{grid-template-columns:1fr!important}.sticky-card,.ticket-admin-side{position:static!important}.main .section-head{align-items:stretch!important}.main .section-head>.actions,.main .section-head>.btn{max-width:100%!important}}
@media(max-width:640px){.main .table-wrap table,.main .card>table{min-width:620px!important}.admin-scroll-hint-top{display:flex}.main .topbar-title strong{font-size:16px!important}.main h1{font-size:clamp(22px,7vw,30px)!important}.main h2{font-size:clamp(19px,6vw,26px)!important}.main h3{font-size:clamp(16px,5vw,21px)!important}}

/* v8.1 - admin consolidation and resilient responsive lists */
.brand-logo-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;max-width:100%!important;overflow:hidden!important}
.side .brand-logo,.layout .brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:190px!important;max-height:54px!important;object-fit:contain!important;object-position:left center!important}
.admin-list-scroll{max-height:min(58vh,560px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges!important}
.mail-log-scroll{max-height:min(52vh,480px)!important}
.admin-list-scroll table{min-width:760px!important}
.admin-list-scroll::-webkit-scrollbar{width:11px;height:11px}.admin-list-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2px solid var(--card2);background-clip:padding-box}.admin-list-scroll::-webkit-scrollbar-track{background:var(--card2)}
.domain-mode-grid.compact{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 14px}.domain-mode-grid.compact label{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--card2)}
@media(min-width:921px){.layout>.side{position:fixed!important;left:0;top:0;bottom:0;width:var(--admin-sidebar)!important;height:100dvh!important;max-height:100dvh!important}.layout>.main{margin-left:var(--admin-sidebar)!important;width:calc(100% - var(--admin-sidebar))!important;min-width:0!important}.layout>.side .brand{flex:0 0 auto}.layout>.side .side-scroll{min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important}.layout>.side .side-bottom{flex:0 0 auto!important}}
@media(max-width:1100px) and (min-width:921px){.side .brand-logo,.layout .brand-logo{max-width:160px!important;max-height:48px!important}.layout>.main{padding-left:14px!important;padding-right:14px!important}}
@media(max-width:920px){.side .brand-logo,.layout .brand-logo{max-width:170px!important;max-height:48px!important}.admin-list-scroll{max-height:62vh!important}.domain-mode-grid.compact{display:grid;grid-template-columns:1fr}}
/* v8.2 — Admin simplificado + scroll autónomo */
.main .admin-table-scroll,.main .table-wrap{max-height:min(64vh,640px)!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable both-edges!important}
.main .admin-table-scroll::-webkit-scrollbar,.main .table-wrap::-webkit-scrollbar{width:11px!important;height:11px!important}
.main .admin-table-scroll::-webkit-scrollbar-thumb,.main .table-wrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 82%,#94a3b8)!important;border-radius:999px!important;border:2px solid var(--card2)!important;background-clip:padding-box!important}
.main .admin-table-scroll::-webkit-scrollbar-track,.main .table-wrap::-webkit-scrollbar-track{background:var(--card2)!important}
@media (max-width:920px){.main .admin-table-scroll,.main .table-wrap{max-height:min(62vh,560px)!important}.main .table-wrap table{min-width:680px!important}}
@media (max-width:640px){.main .admin-table-scroll,.main .table-wrap{max-height:58vh!important}.main .table-wrap table{min-width:640px!important}}


/* v8.3 universal table/list navigation + registrar console */
.table-wrap,.smart-scroll{overflow:auto!important;max-width:100%!important;scrollbar-gutter:stable both-edges!important;overscroll-behavior:contain!important}
.table-wrap{max-height:min(68vh,760px)!important;border-radius:12px}
.table-wrap table{min-width:max-content!important;width:100%!important}
.admin-scroll-top,.client-scroll-top{height:16px!important;min-height:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:auto!important;scrollbar-color:var(--accent) color-mix(in srgb,var(--card2) 90%,#fff 3%)!important}
.admin-scroll-top::-webkit-scrollbar,.client-scroll-top::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:12px!important;width:10px!important}.admin-scroll-top::-webkit-scrollbar-thumb,.client-scroll-top::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--accent)!important;border-radius:999px!important}
.scroll-hint-universal{display:none;justify-content:center;align-items:center;padding:5px 8px;font-size:11px;font-weight:900;color:var(--text);background:color-mix(in srgb,var(--accent) 10%,var(--card2));border:1px solid var(--line);border-radius:9px 9px 0 0}
@media(max-width:1180px){.scroll-hint-universal.visible{display:flex}}
.registrar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.registrar-stat{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--card2)}.registrar-stat strong{display:block;font-size:22px;margin-top:4px}.domain-price-form{display:grid;grid-template-columns:1fr 1fr 1fr auto auto auto;gap:7px;align-items:center}.domain-price-form input{min-width:90px}.domain-action-grid{display:flex;flex-wrap:wrap;gap:8px}.module-badge{display:inline-flex;gap:7px;align-items:center;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#22c55e 12%,var(--card2));border:1px solid color-mix(in srgb,#22c55e 45%,var(--line));font-weight:800}
@media(max-width:900px){.registrar-grid{grid-template-columns:1fr}.domain-price-form{grid-template-columns:1fr 1fr}.domain-price-form .btn{width:100%}}

/* v8.5 ConnectReseller catalog */
.tld-admin-toolbar{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.6fr) auto auto;gap:10px;align-items:center;margin:14px 0}.tld-admin-toolbar form{display:flex;gap:8px;align-items:center;margin:0}.tld-admin-toolbar form select{min-width:190px}.domain-price-form{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) auto auto auto;gap:8px;align-items:center;min-width:760px}.domain-price-form label{margin:0}.tld-sale-toggle strong{font-size:11px}.tld-choice-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin-top:12px}.tld-choice-list>a,.tld-chip{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--line);background:var(--card2);border-radius:10px;color:var(--text)}.tld-choice-list.compact{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));max-height:190px;overflow:auto}.tld-chip{font:inherit}.domain-result-price{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.domain-result-price>strong{font-size:24px}.domain-result{align-items:center}.table-wrap{scrollbar-color:var(--accent) var(--card2)!important}.table-wrap::-webkit-scrollbar-thumb{background:var(--accent)!important}
@media(max-width:1100px){.tld-admin-toolbar{grid-template-columns:1fr 1fr}.tld-admin-toolbar form{width:100%}.tld-admin-toolbar form select{min-width:0}}
@media(max-width:700px){.tld-admin-toolbar{grid-template-columns:1fr}.tld-admin-toolbar form{flex-wrap:wrap}.domain-result{flex-direction:column!important;align-items:stretch!important}.domain-result-price{align-items:flex-start}.tld-choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v8.5 — carrito, dominios y catálogo TLD profesional */
.domain-search-pro{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(170px,240px) auto!important;gap:10px!important;align-items:stretch!important;max-width:980px;margin-inline:auto}
.domain-search-pro input,.domain-search-pro select,.domain-search-pro button{min-height:52px}
.tld-select-control{font-weight:800}
.domain-result-pro{max-width:1040px;margin:0 auto;padding:28px 18px 60px}.section-title.centered{text-align:center;max-width:760px;margin:0 auto 22px}.domain-result-clean{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px}.domain-result-clean>div:first-child{display:flex;align-items:center;gap:13px}.domain-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#f59e0b;flex:none}.domain-dot.ok{background:#22c55e}.domain-dot.no{background:#ef4444}.domain-purchase-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px 0}.domain-purchase-actions form{margin:0}.domain-secondary-action{text-align:center;margin:12px 0 24px}.tld-public-catalog{margin-top:20px}.tld-public-group+.tld-public-group{margin-top:18px}.tld-public-group>strong{display:block;margin-bottom:8px}.tld-choice-list.clean{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-height:none;overflow:visible}.tld-choice-list.clean>a{min-width:0}.tld-choice-list.clean>a span,.tld-choice-list.clean>a strong{font-weight:900}.tld-choice-list.clean>a small{white-space:nowrap}
.domain-input-with-tld{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,230px);gap:10px}
.checkout-mini{max-width:720px;margin:48px auto}.checkout-mini h1{margin-bottom:8px}
.cart-shell{max-width:1180px;margin:0 auto;padding:26px 18px 70px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:22px;align-items:start}.cart-items{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.cart-icon{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;font-size:24px;background:var(--card2)}.cart-item h3{margin:5px 0}.cart-item-price{text-align:right;display:grid;gap:8px}.cart-summary{position:sticky;top:88px}.cart-total-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0}.cart-grand-total{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:14px 0 18px}.cart-grand-total strong{font-size:28px}.cart-hosting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.cart-hosting-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:var(--card2);display:grid;gap:10px}.cart-hosting-card p{color:var(--muted);min-height:42px}.cart-checkout .checkout-summary{position:sticky!important;top:88px!important}
.tld-admin-toolbar.pro{display:grid!important;grid-template-columns:minmax(190px,1.3fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(230px,1fr) auto!important;gap:9px!important}.tld-admin-toolbar.pro form{min-width:0}.tld-admin-toolbar.pro form select{min-width:0!important;flex:1}.tld-admin-toolbar.pro .btn{white-space:nowrap}.domain-price-form{min-width:720px!important}.domain-price-form input{width:100%;min-width:110px}.smart-scroll-top{height:16px;overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--accent) var(--card2);scrollbar-width:auto}.smart-scroll-top>div{height:1px}.smart-scroll-top::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{height:12px;width:10px}.smart-scroll-top::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.scroll-hint-universal{margin-top:4px}.table-wrap{max-height:min(68vh,760px)!important;overflow:auto!important}.table-wrap.has-overflow table{min-width:max-content!important}
.notice.domain-pending{border-color:#f59e0b;background:color-mix(in srgb,#f59e0b 10%,var(--card))}
@media(max-width:1120px){.tld-admin-toolbar.pro{grid-template-columns:1fr 1fr!important}.tld-admin-toolbar.pro form{width:100%}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-checkout .checkout-summary{position:static!important}.domain-search-pro{grid-template-columns:minmax(0,1fr) 190px auto!important}}
@media(max-width:760px){.domain-search-pro{grid-template-columns:1fr!important}.domain-search-pro .btn{width:100%}.domain-input-with-tld{grid-template-columns:1fr}.domain-result-clean{align-items:flex-start;flex-direction:column}.domain-result-price{align-items:flex-start!important}.cart-item{grid-template-columns:auto minmax(0,1fr)}.cart-item-price{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between;align-items:center}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{display:grid!important;grid-template-columns:1fr auto}.tld-choice-list.clean{grid-template-columns:1fr 1fr}.cart-hosting-grid{grid-template-columns:1fr}.cart-shell{padding-inline:12px}}
@media(max-width:460px){.tld-choice-list.clean{grid-template-columns:1fr}.domain-result-pro{padding-inline:12px}.cart-item{padding:14px}.cart-grand-total strong{font-size:24px}}

/* v8.6 Appearance Engine */
.btn.primary,.publicnav .btn.primary,.domain-search .btn.primary,.domain-search-pro .btn.primary,.checkout-card .btn.primary,.cart-shell .btn.primary{background:var(--btn-primary)!important;border-color:var(--btn-primary)!important;color:var(--btn-primary-text)!important}
.btn.primary:hover,.publicnav .btn.primary:hover,.domain-search .btn.primary:hover,.domain-search-pro .btn.primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}
.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}.side a.active *, .client-side a.active *{color:var(--nav-active-text)!important}
.appearance-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.appearance-intro h2{margin:3px 0 8px}.appearance-demo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.appearance-demo-menu{padding:10px 14px;border-radius:10px;background:var(--nav-active-bg);color:var(--nav-active-text);font-weight:800}.appearance-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.appearance-mode{min-width:0;border:1px solid var(--line);border-radius:16px;padding:16px;background:var(--card2)}.appearance-mode legend{padding:0 8px;font-weight:900;color:var(--text)}.appearance-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.appearance-color{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;gap:8px;padding:9px 10px;margin:0;border:1px solid var(--line);border-radius:11px;background:var(--card)}.appearance-color span{font-size:11px;color:var(--text);font-weight:750}.appearance-color input[type=color]{width:42px;height:34px;padding:2px;border-radius:8px;cursor:pointer}.appearance-color code{grid-column:1/-1;padding:4px 0 0;background:transparent;color:var(--muted);font-size:10px}.appearance-savebar{position:sticky;bottom:12px;z-index:12;display:flex;justify-content:flex-end;padding:10px;margin:10px 0 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 90%,transparent);backdrop-filter:blur(12px)}
@media(max-width:1000px){.appearance-modes{grid-template-columns:1fr}.appearance-intro{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.appearance-color-grid{grid-template-columns:1fr}.appearance-savebar .btn{width:100%}}

/* v8.6 secondary buttons */
.btn:not(.primary):not(.danger):not(.ok){background:var(--btn-secondary)!important;color:var(--btn-secondary-text)!important;border-color:color-mix(in srgb,var(--btn-secondary) 70%,var(--line))!important}.btn:not(.primary):not(.danger):not(.ok):hover{background:var(--btn-secondary-hover)!important;color:var(--btn-secondary-text)!important}


/* v8.7 domain + product UX */
.clickable-pill{cursor:pointer;border:1px solid var(--line);font:inherit}.clickable-pill:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tld-table-wrap table{min-width:1180px!important}.tld-table-wrap td input[type=number]{min-width:120px;width:100%}.tld-table-wrap thead th{position:sticky;top:0;background:var(--card);z-index:2}.registrar-config-grid{align-items:start}.domain-check-with-tld{display:grid!important;grid-template-columns:minmax(180px,1fr) minmax(150px,220px) auto!important;gap:10px}.domain-ns-checkout{margin:14px 0}.icon-select{font-size:15px;font-weight:750}
.side .brand img,.client-side .brand img{display:block!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}.side .brand,.client-side .brand{min-height:78px;overflow:hidden}
html[data-theme=light] .side a.active,html[data-theme=light] .client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}.side a.active,.client-side a.active{background:var(--nav-active-bg)!important;color:var(--nav-active-text)!important}
@media(max-width:1050px){.domain-check-with-tld{grid-template-columns:1fr 190px!important}.domain-check-with-tld .btn{grid-column:1/-1}.registrar-config-grid{grid-template-columns:1fr!important}.tld-admin-toolbar.pro{grid-template-columns:1fr 1fr!important}.tld-admin-toolbar.pro form{width:100%}}
@media(max-width:700px){.domain-check-with-tld{grid-template-columns:1fr!important}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{grid-template-columns:1fr!important}.tld-admin-toolbar.pro .btn,.tld-admin-toolbar.pro select,.tld-admin-toolbar.pro input{width:100%}.side .brand img,.client-side .brand img{max-height:46px!important}}

.checkout-inline-login{display:grid;grid-template-columns:minmax(180px,1fr) minmax(360px,1.6fr);gap:14px;align-items:center}.checkout-inline-login form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}.checkout-inline-login input{margin:0;min-width:0}.tld-public-catalog{max-width:920px;margin-inline:auto}.tld-public-group{padding:14px 0;border-top:1px solid var(--line)}.tld-public-group:first-of-type{border-top:0}.tld-choice-list.clean>a{transition:.15s ease}.tld-choice-list.clean>a:hover{border-color:var(--accent);transform:translateY(-1px)}
.btn{transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.btn:active{transform:translateY(1px)}
@media(max-width:900px){.checkout-inline-login{grid-template-columns:1fr}.checkout-inline-login form{grid-template-columns:1fr 1fr auto}}
@media(max-width:680px){.checkout-inline-login form{grid-template-columns:1fr}.checkout-inline-login .btn{width:100%}}

/* v8.9 — service cleanup + guided domain cart */
.ns-step-shell{max-width:980px;margin:0 auto;padding:30px 18px 70px}.ns-step-card{max-width:820px;margin:0 auto}.ns-step-card .section-head{align-items:center}.ns-step-card .notice{margin-top:14px}.admin-credential-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
.cart-hosting-grid{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.cart-hosting-card{padding:12px;border-radius:13px;gap:8px;min-width:0}.cart-hosting-card .product-icon{width:38px;height:38px;font-size:19px;border-radius:10px}.cart-hosting-card strong{font-size:15px}.cart-hosting-card p{font-size:12px;line-height:1.4;min-height:34px;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-hosting-card select{padding:9px 10px;font-size:13px}.cart-hosting-card .btn{padding:9px 10px;font-size:13px}.hosting-upsell>.section-head{margin-bottom:10px}.hosting-upsell{padding:18px}.domain-ns-checkout .section-head{margin:0;align-items:center}
@media(max-width:760px){.ns-step-shell{padding:18px 12px 60px}.ns-step-card{padding:15px}.admin-credential-panel{grid-template-columns:1fr}.copy-row{flex-wrap:wrap}.copy-row input{flex:1 1 100%;min-width:0}.cart-hosting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-hosting-card p{min-height:auto}.hosting-upsell{padding:14px}}
@media(max-width:480px){.cart-hosting-grid{grid-template-columns:1fr}.cart-hosting-card{grid-template-columns:auto 1fr;align-items:center}.cart-hosting-card .product-icon{grid-row:1/3}.cart-hosting-card p,.cart-hosting-card select,.cart-hosting-card .btn{grid-column:1/-1}}

/* v9.0 operational badges + notification cleanup */
.menu-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent,#39b85a);color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.notification-card-admin{display:flex;align-items:center;gap:10px;padding:0;overflow:hidden}.notification-card-admin .notification-main-link{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:16px 18px;color:inherit;text-decoration:none}.notification-card-admin form{padding-right:12px;flex:0 0 auto}.danger-text{color:#ef4444!important}.notice.compact{padding:10px 12px;margin:12px 0;font-size:13px}.text-warn{color:#f59e0b;display:inline-block;margin-top:4px;max-width:320px}.domain-client-card .notice.compact{border-radius:12px}
@media(max-width:680px){.notification-card-admin{align-items:stretch;flex-direction:column}.notification-card-admin form{padding:0 16px 14px}.notification-card-admin form .btn{width:100%}.menu-count{margin-left:auto}}
/* v9.1 DNS add-on */
.dns-addon-option{margin:16px 0;padding:16px;border-radius:16px}.dns-addon-option .checkline{align-items:flex-start;font-size:1rem}.dns-addon-price{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}.dns-addon-price small{display:block;color:var(--muted)}
@media (max-width:760px){.dns-addon-option{padding:14px}.dns-addon-price{align-items:flex-start;flex-direction:column;gap:6px}}

/* v9.4 — responsive storefront, domain/admin polish and cart navigation */
.publicnav-pro{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr) auto;align-items:center;gap:20px;position:sticky;top:0;z-index:80;backdrop-filter:blur(18px)}
.publicnav-pro .public-brand{min-width:0;text-decoration:none;color:inherit}.publicnav-pro .public-brand .brand-logo-wrap{max-width:210px}.publicnav-pro .public-links{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0}.publicnav-pro .public-links>a{padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-weight:750;white-space:nowrap}.publicnav-pro .public-links>a:hover,.publicnav-pro .public-links>a.active{background:var(--card2);color:var(--text)}
.public-actions{justify-content:flex-end;flex-wrap:nowrap}.cart-nav-btn{display:inline-flex!important;align-items:center;gap:7px;white-space:nowrap;position:relative}.cart-nav-btn .menu-count{margin-left:0}
.store-page-head{max-width:920px;margin:38px auto 22px;text-align:center;padding:0 16px}.store-page-head h1{font-size:clamp(30px,5vw,52px);margin:6px 0 10px}.store-page-head p{max-width:720px;margin:auto;color:var(--muted);font-size:16px;line-height:1.6}.hosting-catalog-page{max-width:1220px;margin:0 auto 60px}.domain-store-card,.domain-store-tlds{max-width:980px;margin:0 auto 18px}.domain-store-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:14px}.store-product-card{min-width:0}
.client-shop-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.client-commerce-topbar{align-items:center}.dns-summary-row strong{font-size:12px;text-align:right}
/* Admin/domain buttons must never escape cards on phones */
.main .actions,.client-main .actions,.section-head .actions{max-width:100%;flex-wrap:wrap}.main .actions>.btn,.main .actions>form,.main .actions>a,.client-main .actions>.btn,.client-main .actions>a{min-width:0}.main .actions>form{display:inline-flex;max-width:100%}.main .actions>form .btn{max-width:100%}
.tld-admin-toolbar,.tld-admin-toolbar.pro{min-width:0}.tld-admin-toolbar>*{min-width:0}.tld-admin-toolbar form{max-width:100%;flex-wrap:wrap}.domain-price-form{max-width:100%}.registrar-config-grid>*{min-width:0}
.table-wrap,.tld-table-wrap,.client-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table,.tld-table-wrap table,.client-table table{width:max-content;min-width:100%}.table-wrap td.actions,.tld-table-wrap td.actions{min-width:190px;white-space:normal}.table-wrap td.actions .btn,.tld-table-wrap td.actions .btn{margin:3px 2px}
.checkout-shell,.cart-shell,.domain-result-page,.publicmain,.main,.client-main{min-width:0}.checkout-card,.checkout-summary-col,.cart-items,.cart-summary{min-width:0}.checkout-card input,.checkout-card select,.checkout-card textarea,.cart-shell input,.cart-shell select,.cart-shell textarea{max-width:100%}
@media(max-width:1050px){.publicnav-pro{grid-template-columns:minmax(130px,200px) 1fr;gap:12px}.publicnav-pro .public-links{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.publicnav-pro .public-links>a{flex:0 0 auto}.publicnav-pro .public-actions{grid-column:2;grid-row:1;overflow-x:auto}.client-commerce-topbar{align-items:flex-start}.client-shop-actions{max-width:65%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.client-shop-actions .btn{flex:0 0 auto}}
@media(max-width:760px){.publicnav-pro{display:flex;flex-wrap:wrap;padding:10px 12px;gap:8px}.publicnav-pro .public-brand{flex:1 1 150px}.publicnav-pro .public-brand .brand-logo-wrap{max-width:160px}.publicnav-pro .public-actions{order:2;flex:1 1 100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;overflow:visible}.publicnav-pro .public-actions .btn{width:100%;justify-content:center;padding:9px 8px;font-size:12px}.publicnav-pro .public-links{order:3;flex:1 1 100%;display:flex;overflow-x:auto;justify-content:flex-start}.publicnav-pro .public-links>a{font-size:13px}.client-commerce-topbar{gap:10px}.client-shop-actions{max-width:100%;width:100%;overflow-x:auto;flex-wrap:nowrap}.client-shop-actions .btn{font-size:12px;padding:8px 10px}.section-head{align-items:flex-start;gap:12px}.section-head>.actions{width:100%}.section-head>.actions .btn{flex:1 1 140px;text-align:center}.main .actions,.client-main .actions{gap:7px}.main .actions>.btn,.main .actions>a,.main .actions>form,.client-main .actions>.btn,.client-main .actions>a{flex:1 1 140px}.main .actions>form .btn{width:100%}.domain-store-card{padding:14px}.domain-store-actions{display:grid;grid-template-columns:1fr}.domain-store-actions .btn{width:100%}.hosting-catalog-page{grid-template-columns:1fr!important}.checkout-shell.cart-checkout{padding-inline:10px}.checkout-card{padding:16px}.checkout-steps{overflow-x:auto;white-space:nowrap}.checkout-inline-login form{grid-template-columns:1fr!important}.cart-layout{gap:12px}.cart-summary{padding:15px}.domain-purchase-actions{display:grid!important;grid-template-columns:1fr}.domain-purchase-actions form,.domain-purchase-actions .btn{width:100%}.tld-table-wrap td.actions{min-width:160px}.tld-table-wrap td.actions .btn{width:100%;display:block}}
@media(max-width:480px){.publicnav-pro .public-actions{grid-template-columns:1fr 1fr}.publicnav-pro .public-actions .cart-nav-btn{grid-column:1/-1}.store-page-head{margin-top:24px}.store-page-head h1{font-size:32px}.main .actions>.btn,.main .actions>a,.main .actions>form,.client-main .actions>.btn,.client-main .actions>a{flex-basis:100%}.section-head>.actions .btn{flex-basis:100%}.cart-item{grid-template-columns:1fr!important}.cart-icon{margin-bottom:5px}.cart-item-price{grid-column:auto!important;display:grid!important;grid-template-columns:1fr;gap:8px}.cart-item-price form,.cart-item-price .btn{width:100%}.dns-addon-option .checkline{gap:10px}.tld-choice-list.clean{grid-template-columns:1fr!important}}

/* v1.0.2 — crédito GuateHost solo en administrador; portal/cliente white-label */
.system-credit-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:34px auto 18px;padding:12px 16px;max-width:100%;font-size:12px;color:var(--muted);text-align:center;border-top:1px solid var(--line)}
.system-credit-footer a{color:var(--text);font-weight:800;text-decoration:none;opacity:.9}.system-credit-footer a:hover{color:var(--accent);opacity:1}
.footer-admin{margin:34px 0 10px}.footer-client{margin:34px 0 10px}.footer-public{max-width:1180px;margin-top:50px}
@media(max-width:680px){.system-credit-footer{margin-top:24px;padding:12px 10px;font-size:11px}.footer-admin,.footer-client{margin-bottom:74px}}

/* v1.0.3 — panel SMTP/plantillas restaurado */
.mail-admin-grid .actions input{flex:1;min-width:220px}.mail-admin-grid textarea{min-height:240px}.mail-admin-grid code{overflow-wrap:anywhere}@media(max-width:720px){.mail-admin-grid .actions{display:grid;grid-template-columns:1fr}.mail-admin-grid .actions .btn{width:100%}}

/* v1.1.0 storefront/mobile polish */
.public-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;font-size:21px;cursor:pointer}.public-mobile-nav,.public-mobile-overlay{display:none}.public-brand .brand-logo-wrap{display:flex;align-items:center;min-height:44px}.public-brand img{max-height:54px!important;width:auto!important;object-fit:contain!important}.featured-tld-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:4px 0 16px}.featured-tld-grid label{margin:0}.featured-tld-grid label>span{display:block;margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:800}.featured-tld-admin .btn{margin-top:2px}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.domain-store-tlds .tld-choice-list.clean>a{min-width:0}.domain-store-tlds .tld-choice-list.clean strong,.domain-store-tlds .tld-choice-list.clean small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-actions{min-width:0}.publicnav-pro>*{min-width:0}

@media(max-width:1100px){.featured-tld-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:repeat(3,minmax(0,1fr))}.registrar-config-grid{grid-template-columns:1fr!important}.admin-global-search{min-width:0}.admin-global-search form{min-width:0}.admin-global-search input{min-width:0}}

@media(max-width:820px){body.public-nav-open{overflow:hidden}.publicnav-pro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'brand menu'!important;padding:10px 12px!important;gap:8px!important}.publicnav-pro .public-brand{grid-area:brand!important;min-width:0}.publicnav-pro .public-links,.publicnav-pro .public-actions{display:none!important}.public-menu-btn{display:inline-flex!important;grid-area:menu!important;justify-self:end}.public-mobile-overlay{display:block;position:fixed;inset:0;background:rgba(2,6,23,.62);backdrop-filter:blur(2px);z-index:118;opacity:0;visibility:hidden;transition:.2s}.public-nav-open .public-mobile-overlay{opacity:1;visibility:visible}.public-mobile-nav{display:block;position:fixed;right:0;top:0;bottom:0;width:min(88vw,340px);height:100dvh;background:var(--card);border-left:1px solid var(--line);z-index:120;transform:translateX(105%);transition:transform .22s ease;box-shadow:-24px 0 60px rgba(0,0,0,.32);padding:16px;overflow-y:auto}.public-mobile-nav.open{transform:translateX(0)}.public-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.public-mobile-head>a{min-width:0}.public-mobile-head .brand-logo-wrap{max-width:180px}.public-mobile-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--card2);color:var(--text);font-size:27px;line-height:1;cursor:pointer}.public-mobile-links{display:grid;gap:7px;padding-top:14px}.public-mobile-links>a{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:11px;color:var(--text);font-weight:750;background:transparent;border:1px solid transparent}.public-mobile-links>a:hover{background:var(--card2);border-color:var(--line)}.public-mobile-links>a.mobile-primary{background:var(--btn-primary);color:var(--btn-primary-text);border-color:var(--btn-primary)}.public-mobile-sep{height:1px;background:var(--line);margin:6px 0}.publicmain{padding:28px 14px!important}.portal-hero{padding:30px 18px!important}.hero-copy h1,.publicmain h1{font-size:clamp(30px,8vw,42px)!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .btn{width:100%}.domain-search-pro{grid-template-columns:1fr!important}.domain-search-pro .btn{width:100%}.domain-store-actions{display:grid!important;grid-template-columns:1fr!important}.domain-store-actions .btn{width:100%}.featured-tld-grid{grid-template-columns:1fr 1fr}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:1fr 1fr!important}.main,.client-main{max-width:100vw!important;overflow-x:hidden!important}.card{padding:16px}.section-head{flex-wrap:wrap}.section-head>.actions{width:100%}.section-head>.actions>*{max-width:100%}.tld-admin-toolbar.pro{grid-template-columns:1fr!important}.tld-admin-toolbar.pro form{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.tld-admin-toolbar.pro input,.tld-admin-toolbar.pro select,.tld-admin-toolbar.pro .btn{width:100%!important}.table-wrap,.tld-table-wrap{overflow-x:auto!important;max-width:100%!important}.table-wrap table,.tld-table-wrap table{width:max-content!important;min-width:720px!important}.client-commerce-topbar{display:grid!important;grid-template-columns:1fr!important}.client-shop-actions{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.client-shop-actions .btn{width:100%!important}.checkout-card,.checkout-summary,.cart-summary{padding:16px!important}.checkout-steps{overflow-x:auto!important}.checkout-inline-login{grid-template-columns:1fr!important}.checkout-inline-login form{grid-template-columns:1fr!important}.row,.row.three,.grid.two,.service-detail-grid{grid-template-columns:1fr!important}}

@media(max-width:520px){.featured-tld-grid{grid-template-columns:1fr}.domain-store-tlds .tld-choice-list.clean{grid-template-columns:1fr!important}.client-shop-actions{grid-template-columns:1fr!important}.public-mobile-nav{width:min(92vw,340px)}.public-brand img{max-height:46px!important}.product-card,.store-product-card{padding:16px!important}.cart-item,.checkout-card{border-radius:14px!important}.theme-fab{right:14px;bottom:14px;width:44px;height:44px}.main,.client-main{padding-inline:12px!important}}
\n/* v1.1.2 — mobile navigation stacking/click fix */\n@media(max-width:820px){\n .public-mobile-overlay{position:fixed!important;inset:0!important;display:block!important;z-index:998!important;background:rgba(2,6,23,.68)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s ease,visibility .2s ease!important}\n body.public-nav-open .public-mobile-overlay{opacity:1!important;visibility:visible!important;pointer-events:auto!important}\n .public-mobile-nav{position:fixed!important;z-index:999!important;top:0!important;right:0!important;bottom:0!important;isolation:isolate!important;pointer-events:auto!important;background:var(--card)!important;opacity:1!important;filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translate3d(105%,0,0)!important}\n .public-mobile-nav.open{transform:translate3d(0,0,0)!important}\n .public-mobile-nav,.public-mobile-nav *{filter:none!important}\n .public-mobile-links>a{min-height:48px!important;position:relative!important;z-index:1!important;touch-action:manipulation!important}\n .public-mobile-head button{position:relative!important;z-index:2!important;touch-action:manipulation!important}\n}\n
/* v1.1.4 — AdmyHost system branding (admin only). Public/client remains reseller white-label. */
.admyhost-admin-brand{display:flex;align-items:center;width:100%;min-width:0}
.admyhost-admin-logo{display:block;width:auto;max-width:210px;max-height:54px;object-fit:contain;object-position:left center}
.admyhost-admin-logo-color{display:none}
.admin-system-brand{min-height:72px;display:flex!important;align-items:center!important;padding:8px 10px 24px!important;overflow:visible!important}
.side .admin-system-brand .admyhost-admin-logo{max-width:205px;max-height:52px}
/* Sidebar is intentionally dark in both themes, therefore white logo is the legible default. */
.admyhost-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,rgba(37,99,235,.16),transparent 34%),var(--bg);padding:24px}
.admyhost-login-shell{width:min(100%,480px)}
.admyhost-login-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:18px;text-align:center}
.admyhost-login-brand .admyhost-admin-brand{justify-content:center}
.admyhost-login-brand .admyhost-admin-logo{max-width:260px;max-height:70px}
.admyhost-login-brand>span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.admyhost-login-card{margin:0!important;max-width:none!important}
.admyhost-login-credit{text-align:center;padding:18px 10px 0;font-size:12px;color:var(--muted)}
.admyhost-login-credit a{font-weight:800;color:var(--muted)}.admyhost-login-credit a:hover{color:var(--accent)}
html[data-theme=light] .admyhost-login-brand .admyhost-admin-logo-white{display:none}
html[data-theme=light] .admyhost-login-brand .admyhost-admin-logo-color{display:block}
@media(max-width:920px){.side .admin-system-brand{padding:6px 8px 20px!important}.side .admin-system-brand .admyhost-admin-logo{max-width:175px!important;max-height:46px!important}}
@media(max-width:620px){.admyhost-login-page{padding:16px}.admyhost-login-brand .admyhost-admin-logo{max-width:220px}.admyhost-login-card{padding:20px!important}}


/* v1.1.5 — AdmyHost admin identity: fixed dark navigation + single white logo. */
.layout>.side{
  --admyhost-side:#081426;
  --admyhost-side-hover:#10233f;
  --admyhost-side-line:#1b2d49;
  background:var(--admyhost-side)!important;
  color:#dbe8f8!important;
  border-right:1px solid var(--admyhost-side-line)!important;
}
.layout>.side .admin-system-brand{
  background:var(--admyhost-side)!important;
  border-bottom:1px solid var(--admyhost-side-line)!important;
  margin-bottom:7px!important;
  overflow:visible!important;
}
.layout>.side .admyhost-admin-brand{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important}
.layout>.side .admyhost-admin-logo{display:block!important;width:auto!important;height:auto!important;max-width:205px!important;max-height:52px!important;object-fit:contain!important;object-position:left center!important;filter:none!important;opacity:1!important}
.layout>.side a{color:#c4d3e7!important}
.layout>.side a:hover{background:var(--admyhost-side-hover)!important;color:#fff!important}
.layout>.side .side-group>summary{color:#91a6c1!important}
.layout>.side .side-group>summary:after{color:#7187a5!important}
.layout>.side .side-bottom{background:var(--admyhost-side)!important;border-top:1px solid var(--admyhost-side-line)!important}
.layout>.side .side-scroll::-webkit-scrollbar-thumb{background:#304765!important}
/* Active item may use the reseller's accent/button color, but the sidebar surface itself never changes. */
.layout>.side a.active{background:var(--nav-active-bg)!important;color:#fff!important;border-color:color-mix(in srgb,var(--nav-active-bg) 70%,#284363)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.layout>.side a.active,.layout>.side a.active *{color:#fff!important}
html[data-theme=light] .layout>.side,html[data-theme=dark] .layout>.side{background:var(--admyhost-side)!important;color:#dbe8f8!important}
html[data-theme=light] .layout>.side .admin-system-brand,html[data-theme=dark] .layout>.side .admin-system-brand{background:var(--admyhost-side)!important}
/* Admin login also uses the single white system logo on a dark brand header. */
.admyhost-login-brand{background:#081426;border:1px solid #1b2d49;border-radius:18px;padding:18px 22px;margin-bottom:14px!important}
.admyhost-login-brand .admyhost-admin-logo{display:block!important;max-width:260px!important;max-height:70px!important}
.admyhost-login-brand>span{color:#aabbd0!important}
@media(max-width:920px){.layout>.side .admyhost-admin-logo{max-width:176px!important;max-height:46px!important}}


/* v1.1.6 — rendering/zoom stability + responsive polish.
   Avoid GPU-heavy blur layers and fractional transform repainting that can flash at browser zoom. */
html{scroll-behavior:auto!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%;overflow-x:clip}
body{min-width:0}
.topbar,.publicnav,.publicnav-pro,.appearance-savebar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.topbar{background:var(--bg)!important}
.publicnav,.publicnav-pro{background:var(--card)!important}
.appearance-savebar{background:var(--card)!important}
/* Avoid needless compositor layers on common controls/cards. */
.btn:hover,.theme-fab:hover,.product:hover,.clickable-pill:hover,.tld-choice-list.clean>a:hover{
  transform:none!important;
}
.btn,.product,.clickable-pill,.tld-choice-list.clean>a,.theme-fab{
  backface-visibility:visible!important;
  -webkit-font-smoothing:antialiased;
}
.layout>.main,.client-main,.publicmain,.card,.topbar,.publicnav-pro{
  min-width:0!important;
}
/* Stable fixed admin shell at desktop zoom levels. */
@media(min-width:921px){
  .layout>.side{transform:none!important;contain:layout paint;}
  .layout>.main{contain:none!important;overflow-x:clip!important}
  .topbar{isolation:isolate}
}
/* At tablet/mobile widths use drawers with no blur and no 3D transforms. */
@media(max-width:920px){
  .mobile-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,6,23,.62)!important}
  .layout>.side,.client-side{will-change:auto!important;backface-visibility:visible!important}
  .layout>.side.mobile-open,.client-side.mobile-open{transform:translateX(0)!important}
  .main,.client-main{overflow-x:clip!important}
  .topbar{position:sticky!important;background:var(--bg)!important}
}
@media(max-width:820px){
  .public-mobile-nav{will-change:auto!important;backface-visibility:visible!important}
  .public-mobile-nav{transform:translateX(105%)!important}
  .public-mobile-nav.open{transform:translateX(0)!important}
  .public-mobile-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* v1.2.0 — unified commerce state + final responsive polish.
   One white asset, proportional scaling, no crop, no wrap, no duplicate paint. */
.layout>.side .admin-system-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:84px!important;
  height:auto!important;
  padding:18px 22px 16px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.layout>.side .admin-system-brand .admyhost-admin-brand{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  line-height:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
.layout>.side .admin-system-brand .admyhost-admin-logo{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:210px!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:1!important;
  filter:none!important;
}
/* Never let generic branding rules constrain the fixed AdmyHost admin logo. */
.layout>.side .admin-system-brand .brand-logo,
.layout>.side .admin-system-brand img{
  flex:0 1 auto!important;
  min-width:0!important;
}
@media (min-width:921px) and (max-width:1180px){
  .layout>.side .admin-system-brand{padding:17px 18px 15px!important;min-height:78px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{max-width:185px!important}
}
@media (max-width:920px){
  .layout>.side .admin-system-brand{padding:16px 18px 14px!important;min-height:76px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{width:min(100%,205px)!important;max-width:205px!important}
}
@media (max-width:480px){
  .layout>.side .admin-system-brand{padding:14px 16px 13px!important;min-height:70px!important}
  .layout>.side .admin-system-brand .admyhost-admin-logo{width:min(100%,190px)!important;max-width:190px!important}
}
/* Admin login uses the same asset responsively without forcing fixed height. */
.admyhost-login-brand .admyhost-admin-brand{display:flex!important;justify-content:center!important;width:100%!important;line-height:0!important}
.admyhost-login-brand .admyhost-admin-logo{width:min(100%,280px)!important;height:auto!important;max-width:280px!important;max-height:none!important;object-fit:contain!important;margin:0 auto!important}
@media(max-width:520px){.admyhost-login-brand .admyhost-admin-logo{max-width:230px!important}}

/* v1.2.0 — dashboard commercial state */
.stat-link{display:flex!important;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.stat-link:hover{border-color:var(--primary,#39b85a);box-shadow:0 8px 24px rgba(15,23,42,.08)}.stat-link small{margin-top:8px;color:var(--muted,#64748b);font-weight:600}.order-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.order-toolbar>input{flex:1 1 360px}.order-toolbar .actions{flex:0 1 auto}@media(max-width:700px){.order-toolbar{align-items:stretch}.order-toolbar>input{flex-basis:100%}.order-toolbar .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.order-toolbar .btn{width:100%;justify-content:center}}

/* AdmyHost 1.2.3: payment selector + admin impersonation + Recurrente diagnostics */
.impersonation-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border:1px solid var(--line,#dbe3ef);border-radius:14px;background:var(--card2,#f8fafc)}
.impersonation-banner span{flex:1;color:var(--muted,#64748b);font-size:13px}
.payment-option-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
.payment-option{width:100%;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;text-align:left;padding:14px;border:1px solid var(--line,#dbe3ef);border-radius:16px;background:var(--card2,#f8fafc);color:var(--text,#0f172a);text-decoration:none;cursor:pointer;font:inherit}
.payment-option:hover{border-color:var(--accent,#39b85a);transform:none}
.payment-option.featured{border-color:color-mix(in srgb,var(--accent,#39b85a) 55%,transparent);background:color-mix(in srgb,var(--accent,#39b85a) 9%,var(--card,#fff))}
.payment-option-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--accent,#39b85a);color:#fff;font-weight:900}
.payment-option strong,.payment-option small{display:block}.payment-option small{margin-top:3px;color:var(--muted,#64748b);line-height:1.35}.muted-option{cursor:default;opacity:.8}
.payment-panel{margin-top:16px}.method-instructions{display:none;margin:10px 0;padding:12px;border-radius:12px;background:var(--card2,#f8fafc);border:1px solid var(--line,#dbe3ef)}
@media(max-width:680px){.impersonation-banner{align-items:stretch}.impersonation-banner .btn{width:100%;text-align:center}.payment-option{grid-template-columns:40px 1fr auto;padding:12px}.payment-option-icon{width:38px;height:38px}}


/* AdmyHost 1.2.5 · administración integral de clientes */
.client-admin-tabs{display:flex;gap:6px;overflow-x:auto;padding:5px;margin:0 0 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;scrollbar-width:thin}.client-admin-tabs a{flex:0 0 auto;padding:9px 12px;border-radius:10px;color:var(--muted);font-weight:800;font-size:12px;white-space:nowrap}.client-admin-tabs a:hover{background:var(--card2);color:var(--text)}.client-admin-tabs a.active{background:var(--btn-primary);color:var(--btn-primary-text)}.client-admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.client-info-list{display:grid;gap:0}.client-info-list>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.3fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}.client-info-list span,.client-info-grid span{color:var(--muted);font-size:12px}.client-info-list strong,.client-info-grid strong{overflow-wrap:anywhere}.client-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-info-grid>div{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:13px;display:grid;gap:5px}.auto-payment-box{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--card2);margin:8px 0 12px}.auto-payment-toggle{align-items:flex-start!important;margin:0!important}.auto-payment-toggle input{margin-top:3px;flex:0 0 auto}.auto-payment-toggle span{display:grid;gap:4px}.auto-payment-toggle strong{color:var(--text)}.auto-payment-toggle small{color:var(--muted);font-weight:500;line-height:1.45}.client-admin-head{align-items:center}
@media(max-width:980px){.client-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.client-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.client-admin-head{align-items:stretch}.client-admin-head>.actions{display:grid!important;grid-template-columns:1fr!important}.client-admin-head>.actions .btn{width:100%}.client-admin-tabs{margin-inline:-2px}.client-admin-kpis,.client-info-grid{grid-template-columns:1fr}.client-info-list>div{grid-template-columns:1fr;gap:3px}.auto-payment-box{padding:12px}.client-admin-tabs a{padding:9px 11px}}

/* 1.2.7 lifecycle/admin polish */
.lifecycle-card{margin:18px 0}.lifecycle-card .row{align-items:end}.client-admin-tabs{scrollbar-width:thin}.mini-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.client-admin-head{align-items:flex-start}.client-admin-head .actions{width:100%}.client-admin-head .actions .btn{flex:1 1 145px;text-align:center}.client-admin-tabs{display:flex;overflow-x:auto;white-space:nowrap;padding-bottom:6px}.lifecycle-card .row{grid-template-columns:1fr}.domain-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.domain-action-grid form,.domain-action-grid .btn{width:100%}}@media(max-width:480px){.domain-action-grid{grid-template-columns:1fr}.mini-actions .btn,.mini-actions form{width:100%}.mini-actions form .btn{width:100%}}


/* AdmyHost 1.2.8 · imported service ownership, white-label logo and dark contrast fixes */
/* The two reseller logos occupy the exact same slot; only one may render at a time. */
.client-side .brand-logo-wrap,.public-brand .brand-logo-wrap,.public-mobile-head .brand-logo-wrap{position:relative!important;display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important}
.client-side .brand-logo-wrap .brand-logo,.public-brand .brand-logo-wrap .brand-logo,.public-mobile-head .brand-logo-wrap .brand-logo{width:auto!important;height:auto!important;max-width:100%!important;object-fit:contain!important;position:static!important}
.client-side .brand-logo-wrap .brand-logo-dark,.public-brand .brand-logo-wrap .brand-logo-dark,.public-mobile-head .brand-logo-wrap .brand-logo-dark{display:none!important}
html[data-theme=dark] .client-side .brand-logo-wrap .brand-logo-light,html[data-theme=dark] .public-brand .brand-logo-wrap .brand-logo-light,html[data-theme=dark] .public-mobile-head .brand-logo-wrap .brand-logo-light{display:none!important}
html[data-theme=dark] .client-side .brand-logo-wrap .brand-logo-dark,html[data-theme=dark] .public-brand .brand-logo-wrap .brand-logo-dark,html[data-theme=dark] .public-mobile-head .brand-logo-wrap .brand-logo-dark{display:block!important}
html[data-theme=light] .client-side .brand-logo-wrap .brand-logo-light,html[data-theme=light] .public-brand .brand-logo-wrap .brand-logo-light,html[data-theme=light] .public-mobile-head .brand-logo-wrap .brand-logo-light{display:block!important}
html[data-theme=light] .client-side .brand-logo-wrap .brand-logo-dark,html[data-theme=light] .public-brand .brand-logo-wrap .brand-logo-dark,html[data-theme=light] .public-mobile-head .brand-logo-wrap .brand-logo-dark{display:none!important}

/* Dark mode must never hide operational text. */
html[data-theme=dark] .main,html[data-theme=dark] .client-main,html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] td,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong{color:var(--text)!important}
html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] label,html[data-theme=dark] th,html[data-theme=dark] .client-info-list span,html[data-theme=dark] .client-info-grid span{color:#aebdd1!important}
html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:#f8fbff!important;background:#0b1627!important;border-color:#2a3b55!important}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#8193ac!important;opacity:1!important}
html[data-theme=dark] option{background:#0b1627!important;color:#f8fbff!important}
html[data-theme=dark] .client-picker-selected,html[data-theme=dark] .client-picker-option,html[data-theme=dark] .client-picker-option span,html[data-theme=dark] .client-picker-option small{color:#e8f0fb!important}

.service-owner-box{margin:0 0 18px!important;padding:16px!important;background:var(--card2)!important;box-shadow:none!important}.service-owner-box .section-head{margin-bottom:8px}.service-owner-email{margin:8px 0 0}.service-owner-email strong{color:var(--text)}
@media(max-width:680px){.service-owner-box .section-head{display:grid!important;grid-template-columns:1fr!important}.service-owner-box .section-head .btn{width:100%!important}}
\n\n/* AdmyHost 1.2.9 · catálogo sin límite de beneficios */\n.premium-catalog{align-items:stretch}\n.product-card,.store-product-card{display:flex;flex-direction:column;height:100%;min-width:0}\n.product-card .feature-list,.store-product-card .feature-list{display:grid;gap:9px;align-content:start;margin:20px 0 22px;min-width:0}\n.product-card .feature-list li,.store-product-card .feature-list li{min-width:0;overflow-wrap:anywhere;word-break:normal;line-height:1.45}\n.product-card .btn.wide,.store-product-card .btn.wide{margin-top:auto}\n@media(max-width:680px){\n  .product-card,.store-product-card{height:auto;text-align:left}\n  .product-card .product-icon,.store-product-card .product-icon{margin-left:0}\n  .product-card .feature-list,.store-product-card .feature-list{width:100%;margin-top:16px}\n  .product-card .feature-list li,.store-product-card .feature-list li{font-size:14px;line-height:1.5}\n}\n@media(max-width:420px){\n  .product-card,.store-product-card{padding:16px!important}\n  .product-card h3,.store-product-card h3{font-size:20px}\n  .product-card .feature-list li,.store-product-card .feature-list li{font-size:13.5px}\n}\n

/* AdmyHost 1.2.10 · responsive premium polish */
/* Product cards keep natural height instead of stretching to the tallest plan. */
.premium-catalog,
.hosting-catalog-page{
  grid-template-columns:repeat(auto-fit,minmax(280px,360px))!important;
  justify-content:center!important;
  align-items:start!important;
  gap:20px!important;
}
.product-card,.store-product-card{
  width:100%!important;
  max-width:360px!important;
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding:26px!important;
  border-radius:22px!important;
  box-shadow:0 12px 34px rgba(15,23,42,.07)!important;
}
.product-card:hover,.store-product-card:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.10)!important;
}
.product-card .product-icon,.store-product-card .product-icon{
  width:52px!important;height:52px!important;border-radius:15px!important;
  display:grid!important;place-items:center!important;
}
.product-card h3,.store-product-card h3{font-size:22px!important;line-height:1.2!important;margin:16px 0 8px!important}
.product-card .product-desc,.store-product-card .product-desc{min-height:0!important;line-height:1.55!important;margin-bottom:22px!important}
.product-card .price,.store-product-card .price{font-size:31px!important;margin-top:4px!important}
.product-card .feature-list,.store-product-card .feature-list{
  margin:20px 0 22px!important;
  gap:8px!important;
  padding:0!important;
  list-style:none!important;
}
.product-card .feature-list li,.store-product-card .feature-list li{font-size:14px!important;line-height:1.48!important}
.product-card .btn.wide,.store-product-card .btn.wide{margin-top:0!important;width:100%!important}

/* Public/customer/admin surfaces: tighter max widths and more predictable responsive behavior. */
.publicmain{width:min(100%,1320px)!important;padding-inline:clamp(16px,3vw,34px)!important}
.store-page-head,.section-title{text-align:center!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.card{max-width:100%;overflow-wrap:anywhere}
.main,.client-main{min-width:0!important;overflow-x:hidden!important}
.topbar{min-width:0!important}
.topbar-title,.topbar-actions,.admin-global-search{min-width:0!important}
.admin-global-search{flex:1 1 420px!important;max-width:620px!important}
.admin-global-search form{min-width:0!important}
.admin-global-search input{min-width:0!important}
.table-wrap{max-width:100%!important;overscroll-behavior-inline:contain}
.actions{max-width:100%}
.actions .btn{max-width:100%}

@media (max-width:1180px){
  .premium-catalog,.hosting-catalog-page{grid-template-columns:repeat(auto-fit,minmax(270px,340px))!important;gap:18px!important}
  .product-card,.store-product-card{max-width:340px!important;padding:23px!important}
}
@media (max-width:920px){
  .main,.client-main{padding:18px 14px!important}
  .topbar{gap:10px!important;flex-wrap:wrap!important}
  .topbar-title{flex:1 1 auto!important}
  .admin-global-search{order:3;flex:1 0 100%!important;max-width:none!important;width:100%!important}
  .admin-global-search form{width:100%!important}
  .topbar-actions{margin-left:auto!important}
  .grid,.dashboard-stats,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .premium-catalog,.hosting-catalog-page{grid-template-columns:repeat(2,minmax(0,1fr))!important;justify-content:stretch!important}
  .product-card,.store-product-card{max-width:none!important}
}
@media (max-width:680px){
  body{font-size:14px!important}
  .publicmain{padding:28px 14px!important}
  .publicmain h1{font-size:clamp(30px,9vw,40px)!important;line-height:1.08!important}
  .store-page-head,.section-title{text-align:center!important;padding-inline:4px!important}
  .premium-catalog,.hosting-catalog-page{grid-template-columns:1fr!important;gap:14px!important}
  .product-card,.store-product-card{max-width:520px!important;margin-inline:auto!important;padding:20px!important;border-radius:18px!important}
  .product-card .product-icon,.store-product-card .product-icon{margin-inline:auto!important}
  .product-card .pill,.store-product-card .pill{align-self:center!important}
  .product-card h3,.store-product-card h3,
  .product-card .product-desc,.store-product-card .product-desc,
  .product-card .price,.store-product-card .price,
  .product-card>small,.store-product-card>small{text-align:center!important}
  .product-card .feature-list,.store-product-card .feature-list{width:min(100%,420px)!important;margin-left:auto!important;margin-right:auto!important;text-align:left!important}
  .grid,.dashboard-stats,.admin-stats{grid-template-columns:1fr!important}
  .section-head{flex-direction:column!important;align-items:stretch!important}
  .section-head>.actions,.section-head>.btn{width:100%!important}
  .section-head>.actions .btn{flex:1 1 100%!important;width:100%!important}
  .row,.row.three,.grid.two,.service-detail-grid{grid-template-columns:1fr!important}
  .card{padding:17px!important;border-radius:16px!important}
  .topbar-actions{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .topbar-actions .btn{width:100%!important}
  .client-shop-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:430px){
  .main,.client-main{padding:14px 10px!important}
  .publicmain{padding-inline:10px!important}
  .product-card,.store-product-card{padding:17px!important}
  .product-card h3,.store-product-card h3{font-size:20px!important}
  .product-card .price,.store-product-card .price{font-size:28px!important}
  .topbar-actions,.client-shop-actions{grid-template-columns:1fr!important}
  .btn{white-space:normal!important;text-align:center!important}
}


/* BuuHost Pro 2.0 */
:root{--buu-purple:#39b85a;--buu-purple-strong:#39b85a;--buu-purple-deep:#5b21b6;--buu-white:#fff;--buu-black:#08070d}
body{letter-spacing:-.005em}.publicmain{min-height:calc(100vh - 74px)}
.publicnav-pro{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:none}
.public-links a{border-radius:10px}.public-links a.active,.public-links a:hover{background:var(--card2);color:var(--text)}
.portal-hero{border:1px solid var(--line);background:linear-gradient(135deg,var(--card),var(--bg));box-shadow:none;overflow:hidden}
.hero-glow{display:none!important}.hero-copy h1{max-width:920px;font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-.055em}.hero-copy p{max-width:720px;font-size:18px}
.hero-panel,.hero-mini,.product-card,.card,.domain-zone{box-shadow:none!important}.hero-mini{border:1px solid var(--line)}
.btn{border-radius:11px}.btn.primary{background:var(--btn-primary);border-color:var(--btn-primary);box-shadow:none}.btn.primary:hover{background:var(--btn-primary-hover);transform:translateY(-1px)}
.product-card{border:1px solid var(--line);border-radius:22px;transition:.2s ease}.product-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:0 18px 45px rgba(0,0,0,.16)!important}
.product-icon{background:var(--card2);border:1px solid var(--line);box-shadow:none!important}.price{letter-spacing:-.04em}
.buuhost-category-hero{padding-bottom:20px}.category-switcher{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.category-switcher a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:var(--muted);text-decoration:none}.category-switcher a:hover{color:var(--text);border-color:var(--accent)}
.buuhost-plan{position:relative}.buuhost-plan:before{content:'';position:absolute;inset:0 0 auto 0;height:2px;background:var(--accent);opacity:.8;border-radius:22px 22px 0 0}
.side,.client-side{border-right:1px solid var(--line);box-shadow:none}.topbar{backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line)}
.stat{border:1px solid var(--line);box-shadow:none}.theme-fab{background:var(--card);border:1px solid var(--line);box-shadow:none}
.buuhost-admin-logo{max-height:46px!important;width:auto!important}.brand-mark{background:var(--accent)!important;box-shadow:none!important}
html[data-theme=light] .portal-hero{background:#fff}html[data-theme=light] .publicnav-pro{background:rgba(255,255,255,.88)}
@media(max-width:860px){.hero-copy h1{font-size:42px}.publicmain{padding-left:16px;padding-right:16px}.category-switcher{gap:6px}}


/* ===== BuuHost 3.0 Futuristic Public Experience ===== */
.buu-public-body{--buu-bg:#08070d;--buu-panel:#0f0c16;--buu-panel2:#151020;--buu-text:#f8f7ff;--buu-muted:#9f98ae;--buu-line:rgba(255,255,255,.09);--buu-purple:#39b85a;--buu-purple2:#2f9e4e;--buu-green:#55e6a5;background:radial-gradient(circle at 76% 7%,rgba(57,184,90,.12),transparent 30%),radial-gradient(circle at 10% 32%,rgba(47,158,78,.07),transparent 24%),var(--buu-bg);color:var(--buu-text)}html[data-theme=light] .buu-public-body{--buu-bg:#f7f5fb;--buu-panel:#fff;--buu-panel2:#f1edf8;--buu-text:#17111f;--buu-muted:#736b80;--buu-line:rgba(38,22,52,.11);background:radial-gradient(circle at 76% 7%,rgba(57,184,90,.10),transparent 30%),var(--buu-bg)}
.buu-public-body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(#000,transparent 78%)}
.buu-publicmain{max-width:none;padding:0}.buu-nav-shell{position:sticky;top:12px;z-index:90;width:min(1240px,calc(100% - 26px));margin:12px auto 0}.buu-nav{height:70px;display:flex;align-items:center;gap:18px;padding:0 14px 0 18px;border:1px solid var(--buu-line);border-radius:20px;background:color-mix(in srgb,var(--buu-panel) 86%,transparent);backdrop-filter:blur(20px);box-shadow:0 14px 40px rgba(0,0,0,.23)}.buu-logo{display:flex;align-items:center;min-width:145px}.buu-logo .brand-logo-wrap{height:38px}.buu-logo .brand-logo{max-height:38px;width:auto}.buu-navlinks{display:flex;align-items:center;gap:5px;margin-left:auto}.buu-nav-simple,.buu-nav-trigger{color:var(--buu-muted);font-size:13px;font-weight:800;padding:10px 12px;border:0;background:transparent;border-radius:11px;cursor:pointer}.buu-nav-simple:hover,.buu-nav-trigger:hover,.buu-nav-simple.active{color:var(--buu-text);background:rgba(57,184,90,.07)}.buu-nav-trigger span{opacity:.55;margin-left:4px}.buu-nav-group{position:relative}.buu-mega{position:absolute;top:49px;left:50%;transform:translateX(-50%) translateY(9px);width:580px;display:grid;grid-template-columns:1.35fr .65fr;gap:10px;padding:13px;border:1px solid var(--buu-line);border-radius:20px;background:color-mix(in srgb,var(--buu-panel) 97%,transparent);box-shadow:0 28px 70px rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:.2s}.buu-nav-group:hover .buu-mega,.buu-nav-group:focus-within .buu-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.buu-mega-servers{width:640px}.buu-mega-small{width:500px}.buu-mega-list{display:grid;gap:6px}.buu-mega-list>a{display:flex;align-items:center;gap:11px;padding:11px;border-radius:14px;border:1px solid transparent}.buu-mega-list>a:hover{border-color:rgba(57,184,90,.25);background:rgba(57,184,90,.07)}.buu-mega-list i{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:rgba(57,184,90,.10);border:1px solid rgba(57,184,90,.22);font-style:normal;color:#72d489;font-size:11px;font-weight:900}.buu-mega-list strong,.buu-mega-list small{display:block}.buu-mega-list strong{font-size:13px;color:var(--buu-text)}.buu-mega-list small{font-size:11px;color:var(--buu-muted);margin-top:2px}.buu-mega-feature{padding:15px;border-radius:15px;background:linear-gradient(155deg,rgba(57,184,90,.16),rgba(57,184,90,.035));border:1px solid rgba(57,184,90,.22)}.buu-mega-feature>span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#72d489}.buu-mega-feature>strong{display:block;margin:10px 0 6px}.buu-mega-feature p{font-size:11px;line-height:1.55;color:var(--buu-muted);margin:0}.buu-nav-actions{display:flex;align-items:center;gap:8px}.buu-node-status{display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:10px;color:var(--buu-muted);border:1px solid transparent}.buu-node-icon{font-size:19px;color:#77708b}.buu-node-status small{font:700 8px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em}.buu-node-status b{color:#aaa4b6}.buu-theme-inline,.buu-theme-toggle{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--buu-line);background:var(--buu-panel2);color:var(--buu-muted);cursor:pointer;transition:.2s}.buu-theme-inline:hover,.buu-theme-toggle:hover{color:var(--buu-text);border-color:rgba(57,184,90,.35);background:rgba(57,184,90,.07)}.buu-theme-inline svg,.buu-theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.buu-theme-moon{display:none}html[data-theme=light] .buu-theme-sun{display:none}html[data-theme=light] .buu-theme-moon{display:block}.buu-panel-btn{height:40px;display:flex;align-items:center;padding:0 14px;border-radius:11px;background:#39b85a;color:white;font-size:12px;font-weight:900}.buu-cart-btn{height:40px;min-width:40px;display:grid;place-items:center;border:1px solid var(--buu-line);border-radius:11px;background:var(--buu-panel2)}.buu-mobile-menu{display:none}
.buu-home-hero{width:min(1180px,calc(100% - 34px));margin:auto;min-height:690px;padding:105px 0 60px;display:grid;grid-template-columns:1.04fr .96fr;gap:56px;align-items:center}.buu-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(57,184,90,.25);background:rgba(57,184,90,.07);border-radius:999px;color:#72d489;font-size:11px;font-weight:900;letter-spacing:.08em}.buu-kicker i{width:7px;height:7px;border-radius:50%;background:#55e6a5;box-shadow:0 0 12px rgba(85,230,165,.55)}.buu-home-hero h1{font-size:clamp(52px,7.2vw,90px);line-height:.92;letter-spacing:-5px;margin:22px 0}.buu-home-hero h1 em{font-style:normal;color:#39b85a}.buu-home-hero p{font-size:18px;line-height:1.7;color:var(--buu-muted);max-width:650px}.buu-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}.buu-fx-btn,.buu-ghost-btn{min-height:50px;padding:0 20px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:900;position:relative;overflow:hidden;transition:.22s}.buu-fx-btn{color:white;background:linear-gradient(110deg,#2f9e4e,#39b85a,#72d489,#39b85a);background-size:220% 100%;animation:buuFlow 4s linear infinite;border:1px solid rgba(114,212,137,.45)}.buu-fx-btn:after{content:"";position:absolute;top:-120%;left:-55%;width:32%;height:330%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(20deg);transition:.55s}.buu-fx-btn:hover:after{left:125%}.buu-fx-btn:hover,.buu-ghost-btn:hover{transform:translateY(-2px)}@keyframes buuFlow{to{background-position:220% 0}}.buu-ghost-btn{color:var(--buu-text);border:1px solid var(--buu-line);background:rgba(255,255,255,.025)}.buu-ghost-btn:hover{border-color:rgba(57,184,90,.38);background:rgba(57,184,90,.07)}.buu-mini-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:var(--buu-muted);font-size:11px}.buu-mini-trust span:before{content:"✓";color:#55e6a5;font-weight:900;margin-right:6px}
.buu-ghost-stage{height:500px;position:relative;display:grid;place-items:center}.buu-orbit{position:absolute;border-radius:50%;border:1px solid rgba(57,184,90,.18)}.buu-orbit.o1{width:410px;height:410px;animation:buuSpin 16s linear infinite}.buu-orbit.o2{width:325px;height:325px;border-style:dashed;animation:buuSpin 12s linear infinite reverse}.buu-orbit.o3{width:240px;height:240px;animation:buuSpin 9s linear infinite}.buu-orbit:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#39b85a;top:16px;left:50%;box-shadow:0 0 18px rgba(57,184,90,.65)}@keyframes buuSpin{to{transform:rotate(360deg)}}.buu-default-ghost{width:180px;height:200px;background:linear-gradient(#fff,#eee8ff);border-radius:90px 90px 58px 58px;position:relative;filter:drop-shadow(0 30px 50px rgba(57,184,90,.23));animation:buuFloat 4s ease-in-out infinite}.buu-default-ghost:after{content:"";position:absolute;left:0;right:0;bottom:-16px;height:32px;background:#eee8ff;clip-path:polygon(0 0,16% 60%,33% 0,50% 64%,67% 0,84% 60%,100% 0,100% 100%,0 100%)}.buu-default-ghost i,.buu-default-ghost b{position:absolute;top:69px;width:17px;height:29px;background:#17111f;border-radius:50%}.buu-default-ghost i{left:50px}.buu-default-ghost b{right:50px}.buu-default-ghost span{position:absolute;top:120px;left:50%;width:24px;height:10px;border-bottom:4px solid #39b85a;border-radius:50%;transform:translateX(-50%)}.buu-ghost-img{max-width:220px;max-height:250px;object-fit:contain;animation:buuFloat 4s ease-in-out infinite;filter:drop-shadow(0 28px 45px rgba(57,184,90,.22))}@keyframes buuFloat{50%{transform:translateY(-14px) rotate(1deg)}}.buu-float-tag{position:absolute;padding:9px 11px;border:1px solid var(--buu-line);border-radius:12px;background:color-mix(in srgb,var(--buu-panel) 88%,transparent);backdrop-filter:blur(14px);color:var(--buu-muted);font-size:10px}.buu-float-tag b{color:var(--buu-text)}.buu-float-tag.ft1{left:4%;top:22%}.buu-float-tag.ft2{right:1%;top:38%}.buu-float-tag.ft3{left:15%;bottom:14%}
.buu-status-strip{border-top:1px solid var(--buu-line);border-bottom:1px solid var(--buu-line);background:rgba(255,255,255,.012)}.buu-status-strip>div{width:min(1180px,calc(100% - 34px));margin:auto;padding:16px 0;display:flex;justify-content:space-between;gap:22px;overflow:auto;white-space:nowrap;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--buu-muted)}.buu-status-strip b{color:#55e6a5}
.buu-domain-lab,.buu-home-section,.buu-page-hero,.buu-vps-shell,.buu-cloud-catalog{width:min(1180px,calc(100% - 34px));margin:auto}.buu-domain-lab{margin-top:76px;margin-bottom:80px;padding:32px;border-radius:28px;border:1px solid rgba(57,184,90,.22);background:linear-gradient(145deg,rgba(57,184,90,.085),rgba(255,255,255,.015) 48%,rgba(47,158,78,.06));box-shadow:0 26px 70px rgba(0,0,0,.25)}.buu-domain-copy h2,.buu-section-head h2,.buu-page-hero h1{font-size:clamp(34px,5vw,56px);letter-spacing:-2.5px;line-height:1.03;margin:10px 0}.buu-domain-copy p,.buu-section-head p,.buu-page-hero p{color:var(--buu-muted);line-height:1.65}.buu-section-label{font:900 10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#72d489}.buu-domain-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:24px;padding:8px;border:1px solid var(--buu-line);border-radius:17px;background:var(--buu-panel)}.buu-domain-search input{min-height:55px;padding:0 14px;background:transparent;border:0!important;color:var(--buu-text);font-size:16px;box-shadow:none!important}.buu-tlds{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:13px}.buu-tlds a{padding:13px;border:1px solid var(--buu-line);border-radius:13px;background:rgba(255,255,255,.02);display:flex;justify-content:space-between}.buu-tlds span{color:#72d489;font-size:11px;font-weight:800}.buu-home-section{padding:85px 0}.buu-section-head{max-width:760px;margin-bottom:30px}.buu-service-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.buu-service-doors>a{min-height:290px;padding:23px;border-radius:21px;border:1px solid var(--buu-line);background:var(--buu-panel);position:relative;overflow:hidden;transition:.25s}.buu-service-doors>a:hover{transform:translateY(-5px);border-color:rgba(57,184,90,.36);box-shadow:0 0 38px rgba(57,184,90,.10)}.buu-service-doors span{font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#72d489}.buu-service-doors h3{font-size:25px;margin:48px 0 10px}.buu-service-doors p{color:var(--buu-muted);line-height:1.6}.buu-service-doors b{position:absolute;bottom:23px;left:23px;color:#72d489;font-size:12px}.buu-gt-section{padding-top:40px}.buu-gt-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.buu-gt-grid>a{padding:19px;border:1px solid var(--buu-line);border-radius:18px;background:rgba(255,255,255,.02);transition:.22s}.buu-gt-grid>a:hover{transform:translateY(-4px);border-color:rgba(57,184,90,.35);background:rgba(57,184,90,.05)}.buu-gt-grid i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:rgba(57,184,90,.10);border:1px solid rgba(57,184,90,.2);font-style:normal;font-size:11px;color:#72d489;font-weight:900;margin-bottom:24px}.buu-gt-grid strong,.buu-gt-grid span,.buu-gt-grid b{display:block}.buu-gt-grid strong{font-size:15px}.buu-gt-grid span{font-size:11px;color:var(--buu-muted);margin:5px 0 18px}.buu-gt-grid b{font-size:10px;color:#72d489}
.buu-page-hero{padding:100px 0 44px;max-width:900px;text-align:center}.buu-page-hero p{max-width:760px;margin:0 auto;font-size:16px}.buu-vps-shell{display:grid;grid-template-columns:1fr 320px;gap:18px;padding:30px 0 90px}.buu-vps-config,.buu-vps-summary{border:1px solid var(--buu-line);border-radius:22px;background:var(--buu-panel);padding:22px}.buu-os-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:14px 0 22px}.buu-os-card{padding:12px;text-align:left;border:1px solid var(--buu-line);border-radius:13px;background:var(--buu-panel2);color:var(--buu-text);cursor:pointer}.buu-os-card.selected{border-color:rgba(57,184,90,.6);background:rgba(57,184,90,.10)}.buu-os-card b,.buu-os-card span,.buu-os-card small{display:block}.buu-os-card b{font-size:12px}.buu-os-card span{font-size:10px;color:#72d489;margin:5px 0 2px}.buu-os-card small{font-size:9px;color:var(--buu-muted)}.buu-vps-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;border-top:1px solid var(--buu-line);padding-top:20px}.buu-range label{display:flex;justify-content:space-between;font-size:12px}.buu-range label b{font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.buu-range input{width:100%;accent-color:#39b85a}.buu-range small{color:var(--buu-muted);font-size:10px}.buu-ref-label{display:block;margin-top:20px;color:var(--buu-muted);font-size:11px}.buu-ref-label input{display:block;width:100%;margin-top:7px;background:var(--buu-panel2);border:1px solid var(--buu-line);color:var(--buu-text);border-radius:11px;padding:11px}.buu-vps-summary{position:sticky;top:100px;height:max-content;border-color:rgba(57,184,90,.28);background:linear-gradient(150deg,rgba(57,184,90,.08),var(--buu-panel))}.buu-vps-summary h3{margin:14px 0}.buu-vps-summary ul{padding-left:18px;color:var(--buu-muted);line-height:1.8;font-size:12px}.buu-included{padding:12px;border:1px solid rgba(57,184,90,.20);border-radius:12px;background:rgba(57,184,90,.055)}.buu-included strong,.buu-included span{display:block}.buu-included strong{color:#72d489;font-size:10px;text-transform:uppercase}.buu-included span{font-size:10px;line-height:1.6;color:var(--buu-muted);margin-top:5px}.buu-vps-price{padding:18px 0;border-top:1px solid var(--buu-line);margin-top:15px}.buu-vps-price strong{font:800 30px ui-monospace,SFMono-Regular,Menlo,monospace;color:#72d489}.buu-vps-price small{color:var(--buu-muted)}.tiny{font-size:10px;line-height:1.5}.buu-cloud-catalog{padding:20px 0 90px}.buu-cloud-category{margin:45px 0}.buu-cloud-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.buu-cloud-head>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(57,184,90,.25);border-radius:12px;background:rgba(57,184,90,.08);color:#72d489;font-weight:900}.buu-cloud-head h2{margin:0;font-size:23px}.buu-cloud-head p{margin:3px 0 0;color:var(--buu-muted);font-size:12px}.buu-cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.buu-cloud-card{display:flex;flex-direction:column;min-height:225px;padding:20px;border:1px solid var(--buu-line);border-radius:18px;background:var(--buu-panel);transition:.22s}.buu-cloud-card:hover{transform:translateY(-4px);border-color:rgba(57,184,90,.32)}.buu-cloud-card h3{margin:0 0 7px}.buu-cloud-card p{color:var(--buu-muted);font-size:12px;line-height:1.5;flex:1}.buu-cloud-card>strong{font:800 24px ui-monospace,SFMono-Regular,Menlo,monospace;color:#72d489;margin:15px 0}.buu-cloud-card>strong small{font-size:10px;color:var(--buu-muted)}.buu-admin-image-preview{margin-top:12px;padding:14px;border:1px dashed var(--line);border-radius:12px}.buu-admin-image-preview img{max-width:180px;max-height:150px;object-fit:contain}.code-wrap{display:block;max-width:340px;white-space:normal;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.theme-fab.buu-theme-toggle{position:fixed!important;right:18px!important;bottom:18px!important;z-index:120!important}.public-mobile-links strong{font-size:10px;letter-spacing:.12em;color:#72d489;padding:12px 16px 4px}
@media(max-width:1050px){.buu-navlinks{display:none}.buu-node-status{display:none}.buu-mobile-menu{display:grid;place-items:center;margin-left:auto;width:40px;height:40px;border-radius:11px;border:1px solid var(--buu-line);background:var(--buu-panel2);color:var(--buu-text)}.buu-home-hero{grid-template-columns:1fr}.buu-ghost-stage{height:420px}.buu-gt-grid{grid-template-columns:repeat(2,1fr)}.buu-vps-shell{grid-template-columns:1fr}.buu-vps-summary{position:static}.buu-os-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.buu-nav-shell{top:7px}.buu-nav{height:62px}.buu-panel-btn{display:none}.buu-home-hero{min-height:auto;padding-top:70px}.buu-home-hero h1{letter-spacing:-3px}.buu-ghost-stage{height:340px}.buu-orbit.o1{width:290px;height:290px}.buu-orbit.o2{width:225px;height:225px}.buu-orbit.o3{width:170px;height:170px}.buu-default-ghost{width:135px;height:150px}.buu-default-ghost i,.buu-default-ghost b{top:52px}.buu-default-ghost i{left:37px}.buu-default-ghost b{right:37px}.buu-default-ghost span{top:91px}.buu-float-tag{display:none}.buu-domain-lab{padding:20px}.buu-domain-search{grid-template-columns:1fr}.buu-tlds{grid-template-columns:repeat(2,1fr)}.buu-service-doors,.buu-cloud-grid{grid-template-columns:1fr}.buu-gt-grid{grid-template-columns:1fr}.buu-vps-controls{grid-template-columns:1fr}.buu-os-grid{grid-template-columns:1fr 1fr}}

/* BuuHost Panel v4: panel independiente de la web comercial */
.buu-panel-nav{justify-content:space-between}
.buu-panel-nav .buu-nav-actions{margin-left:auto}
.buu-back-site{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:0 14px;border:1px solid var(--line,#2d2340);
  border-radius:12px;text-decoration:none;color:inherit;font-weight:700;
  background:rgba(255,255,255,.025);transition:.18s ease
}
.buu-back-site:hover{transform:translateY(-1px);border-color:var(--accent,#39b85a)}
.buu-panel-public .buu-node-status{display:none!important}
@media(max-width:760px){.buu-panel-nav{padding-left:14px;padding-right:14px}.buu-back-site{display:none}}

/* BuuHost v5 connected */
.buu-shared-nav{max-width:1240px;margin:12px auto;padding:12px 18px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:blur(16px);display:flex;align-items:center;gap:18px}.buu-shared-nav .buu-logo{margin-right:auto;display:flex;align-items:center;min-width:145px}.buu-shared-nav .brand-logo-wrap{display:flex;align-items:center;max-width:180px;overflow:hidden}.buu-shared-nav .brand-logo{max-width:180px;max-height:42px;width:auto;height:auto;object-fit:contain}.buu-shared-nav .brand-logo-dark{display:none!important}html[data-theme=dark] .buu-shared-nav .brand-logo-light{display:none!important}html[data-theme=dark] .buu-shared-nav .brand-logo-dark{display:block!important}html[data-theme=light] .buu-shared-nav .brand-logo-light{display:block!important}html[data-theme=light] .buu-shared-nav .brand-logo-dark{display:none!important}.buu-navlinks{display:flex;align-items:center;gap:6px}.buu-navlinks>a,.buu-nav-group>button{border:0;background:transparent;color:var(--muted);padding:10px 11px;border-radius:10px;font-weight:760;cursor:pointer}.buu-navlinks>a:hover,.buu-nav-group>button:hover{color:var(--text);background:var(--card2)}.buu-nav-group{position:relative}.buu-mega{position:absolute;top:calc(100% + 10px);left:0;min-width:320px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:9px;box-shadow:var(--shadow);display:none;z-index:60}.buu-nav-group:hover .buu-mega,.buu-nav-group:focus-within .buu-mega{display:grid}.buu-mega a{padding:12px;border-radius:11px;display:grid;gap:3px}.buu-mega a:hover{background:var(--card2)}.buu-mega small{color:var(--muted)}.buu-nav-actions{display:flex;align-items:center;gap:8px}.buu-theme-inline,.buu-cart-btn{min-width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card2);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.secret-row{display:grid;grid-template-columns:1fr auto;gap:8px}.secret-row input{margin:0}.client-side .brand-logo-dark,.side .brand-logo-dark{display:none!important}html[data-theme=dark] .client-side .brand-logo-light,html[data-theme=dark] .side .brand-logo-light{display:none!important}html[data-theme=dark] .client-side .brand-logo-dark,html[data-theme=dark] .side .brand-logo-dark{display:block!important}html[data-theme=light] .client-side .brand-logo-light,html[data-theme=light] .side .brand-logo-light{display:block!important}html[data-theme=light] .client-side .brand-logo-dark,html[data-theme=light] .side .brand-logo-dark{display:none!important}
@media(max-width:980px){.buu-navlinks{display:none}.buu-shared-nav{margin:8px 10px}.public-menu-btn{display:inline-flex!important}}

/* === BuuHost v6: identidad sincronizada === */
.brand-logo-wrap,.remote-logo-wrap{display:inline-flex!important;align-items:center!important;max-width:190px!important;min-height:36px}
.brand-logo,.remote-logo{max-width:190px!important;max-height:44px!important;width:auto!important;height:auto!important;object-fit:contain!important}
html[data-theme="dark"] .brand-logo-light{display:none!important}
html[data-theme="dark"] .brand-logo-dark{display:block!important}
html[data-theme="light"] .brand-logo-light{display:block!important}
html[data-theme="light"] .brand-logo-dark{display:none!important}
.brand-logo-wrap img:only-child{display:block!important}
.buu-mega-cloud{min-width:380px}
@media(max-width:1050px){.buu-navlinks{display:none}.public-menu-btn{display:inline-flex!important}}
@media(max-width:620px){
 .buu-shared-nav{margin:7px;padding:9px 10px;border-radius:16px}
 .buu-shared-nav .buu-logo{min-width:0}
 .buu-shared-nav .brand-logo{max-width:125px!important;max-height:34px!important}
 .buu-panel-btn{padding:9px 10px;font-size:12px}
}

/* v11 storefront + mobile polish */
.brand-logo-wrap{display:inline-flex;align-items:center}.brand-logo{height:auto;max-width:172px}.brand-logo-dark{display:none}html[data-theme="light"] .brand-logo-light{display:none}html[data-theme="light"] .brand-logo-dark{display:block}
.buu-logo .brand-logo-wrap,.brand .brand-logo-wrap,.admin-system-brand .brand-logo-wrap{filter:drop-shadow(0 10px 22px rgba(57,184,90,.14))}
.buu-shared-nav,.topbar,.client-commerce-topbar{backdrop-filter:blur(18px)}
.buu-nav-shell:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(57,184,90,.35),transparent)}
.public-mobile-nav,.public-mobile-links a,.public-mobile-head{border-color:rgba(57,184,90,.12)}
.public-mobile-links a.mobile-primary,.buu-panel-btn{box-shadow:0 14px 34px rgba(57,184,90,.22)}
.public-mobile-head .brand-logo,.public-mobile-nav .brand-logo{max-width:150px}
.client-layout .topbar,.layout .topbar{position:sticky;top:0;z-index:18;background:rgba(7,10,18,.78)}
html[data-theme="light"] .client-layout .topbar,html[data-theme="light"] .layout .topbar{background:rgba(255,255,255,.92)}
.store-page-head,.buu-page-hero,.buu-home-hero{position:relative;overflow:hidden}.store-page-head:before,.buu-page-hero:before,.buu-home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(57,184,90,.05),transparent 65%);pointer-events:none}
@media(max-width:980px){
 .buu-nav{padding:12px 16px;gap:12px}.buu-navlinks{display:none}.public-menu-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:12px}.buu-nav-actions{margin-left:auto;gap:8px}.buu-panel-btn{padding:10px 14px}.buu-cart-btn{width:42px;height:42px;display:grid;place-items:center}
 .client-layout .topbar,.layout .topbar{padding:14px}.topbar-title strong{font-size:18px}.admin-global-search{display:none}.topbar-actions{flex-wrap:wrap;gap:8px}
 .side,.client-side{box-shadow:0 0 0 1px rgba(57,184,90,.1),0 30px 60px rgba(0,0,0,.35)}
}
@media(max-width:640px){
 .buu-panel-btn{display:none}.public-mobile-nav{width:min(92vw,380px)}.publicmain{padding:18px 14px 40px}.store-page-head h1,.buu-page-hero h1,.buu-home-hero h1{font-size:clamp(32px,11vw,50px)}
 .brand-logo{max-width:148px}.section-head h2{font-size:28px}.catalog,.buu-cloud-grid,.buu-feature-grid,.buu-home-cards{grid-template-columns:1fr!important}
}

/* BuuHost v12 storefront consistency */
.buu-shared-nav{max-width:1240px;margin:auto;padding:12px 18px;display:flex;align-items:center;gap:22px}.buu-nav-shell{position:sticky;top:0;z-index:60;background:rgba(5,7,19,.86);backdrop-filter:blur(22px);border-bottom:1px solid rgba(57,184,90,.14)}.buu-logo{display:inline-flex;align-items:center;min-width:165px}.brand-logo{max-width:165px;max-height:48px;display:block}.buu-navlinks{display:flex;align-items:center;gap:6px;margin-left:auto}.buu-navlinks>a,.buu-nav-group>button{border:0;background:transparent;color:#cfd5e7;padding:11px 12px;border-radius:12px;font-weight:700;text-decoration:none}.buu-navlinks>a:hover,.buu-nav-group:hover>button{color:#fff;background:rgba(57,184,90,.08)}.buu-nav-group{position:relative}.buu-mega{position:absolute;top:46px;left:50%;transform:translate(-50%,8px);width:360px;padding:10px;background:rgba(8,10,21,.99);border:1px solid rgba(57,184,90,.18);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:.2s}.buu-nav-group:hover .buu-mega{opacity:1;visibility:visible;transform:translate(-50%,0)}.buu-mega a{display:flex;align-items:center;gap:10px;padding:11px;border-radius:12px;text-decoration:none}.buu-mega a:hover{background:rgba(57,184,90,.08)}.buu-mega img{width:38px;height:38px}.buu-mega span{display:grid}.buu-mega small{color:var(--muted);font-size:12px}.buu-nav-actions{display:flex;align-items:center;gap:9px}.buu-cart-btn{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);position:relative}.buu-cart-btn img{width:23px;height:23px}.buu-panel-btn{padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,#1677ff,#39b85a);color:white;text-decoration:none;font-weight:800}.public-menu-btn{display:none}.public-mobile-overlay{position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.6);backdrop-filter:blur(3px);opacity:0;visibility:hidden}.public-mobile-overlay.open{opacity:1;visibility:visible}.public-mobile-nav{position:fixed;z-index:70;top:0;right:0;bottom:0;width:min(92vw,390px);padding:18px;background:#070914;border-left:1px solid rgba(57,184,90,.18);transform:translateX(105%);transition:.24s;overflow:auto}.public-mobile-nav.open{transform:none}.public-mobile-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.public-mobile-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);font-size:24px}.public-mobile-links{display:grid;gap:7px;padding-top:15px}.public-mobile-links>a,.public-mobile-links summary{display:block;padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.025);text-decoration:none;color:var(--text);cursor:pointer}.public-mobile-links details a{display:block;padding:9px 18px;color:var(--muted);text-decoration:none}.public-mobile-links .mobile-primary{background:linear-gradient(135deg,#1677ff,#39b85a);color:#fff;text-align:center;font-weight:800}.image-product-icon img{width:48px;height:48px;display:block}.product-icon.sm.image-product-icon img{width:34px;height:34px}.checkout-steps.simple{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.checkout-steps.simple span{padding:10px 12px!important;text-align:center;border-radius:999px!important;font-size:12px!important}.checkout-steps.simple span.active{background:linear-gradient(135deg,rgba(22,119,255,.2),rgba(57,184,90,.2))!important;border-color:rgba(57,184,90,.45)!important}.free-domain-benefit{margin-top:14px!important}.domain-mode-grid{gap:10px!important}.domain-mode-card{border-radius:14px!important}.checkout-card,.checkout-summary{border-radius:22px!important}.buu-commerce-page{background:radial-gradient(circle at 20% 0,rgba(34,98,255,.1),transparent 30%),radial-gradient(circle at 90% 20%,rgba(57,184,90,.1),transparent 32%),var(--bg)!important}
@media(max-width:980px){.buu-navlinks{display:none}.public-menu-btn{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text)}.buu-shared-nav{padding:10px 14px}.buu-panel-btn{display:none}.buu-logo{min-width:0}.brand-logo{max-width:145px}.checkout-shell{grid-template-columns:1fr!important}.checkout-summary-col{order:2}.sticky-card{position:static!important}}
@media(max-width:640px){.publicmain{padding-left:13px!important;padding-right:13px!important}.checkout-card,.checkout-summary{padding:18px!important}.checkout-steps.simple{grid-template-columns:1fr!important}.row{grid-template-columns:1fr!important}.domain-mode-grid{grid-template-columns:1fr!important}.buu-cart-btn{width:41px;height:41px}}


/* v13 admin polish + editable media */
.layout>.side .side-group>summary{position:relative;padding:12px 38px 12px 14px;list-style:none;font-weight:800;letter-spacing:.03em}
.layout>.side .side-group>summary::-webkit-details-marker{display:none}
.layout>.side .side-group>summary::after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-right:2px solid #8ea2c2;border-bottom:2px solid #8ea2c2;transform:translateY(-65%) rotate(45deg);transition:.2s}
.layout>.side .side-group[open]>summary::after{transform:translateY(-30%) rotate(225deg)}
.admin-global-search form{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 92%,white 8%)}
.admin-global-search .search-lens{position:relative;display:inline-block;width:18px;height:18px;flex:0 0 18px}
.admin-global-search .search-lens::before{content:"";position:absolute;left:1px;top:1px;width:11px;height:11px;border:2px solid #8ea2c2;border-radius:50%}
.admin-global-search .search-lens::after{content:"";position:absolute;right:0;bottom:1px;width:7px;height:2px;background:#8ea2c2;transform:rotate(45deg);transform-origin:right center;border-radius:4px}
.admin-global-search input{border:0;background:transparent;box-shadow:none;padding:0;min-width:260px}
.product-media-grid{align-items:start}
.product-cell .image-product-icon,.product-icon.image-product-icon{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),rgba(57,184,90,.12));border:1px solid color-mix(in srgb,var(--accent) 26%,transparent)}
.product-cell .image-product-icon img{width:22px;height:22px;display:block;object-fit:contain}
.product-icon.image-product-icon img{width:30px;height:30px;display:block;object-fit:contain}
.buu-admin-image-preview{display:grid;gap:10px}
.buu-admin-image-preview img{background:rgba(255,255,255,.03);padding:10px;border-radius:12px;max-width:120px;max-height:120px;object-fit:contain}
.buu-ghost-stage::before{content:"";position:absolute;inset:18% 22%;background:radial-gradient(circle,rgba(34,197,255,.10),transparent 58%),radial-gradient(circle at 75% 30%,rgba(57,184,90,.16),transparent 38%);filter:blur(18px);pointer-events:none}
.buu-ghost-chip{position:absolute;padding:10px 12px;border-radius:999px;border:1px solid rgba(57,184,90,.28);background:rgba(9,14,28,.88);backdrop-filter:blur(14px);font-size:11px;font-weight:800;color:#d7e1f6;box-shadow:0 18px 40px rgba(0,0,0,.24)}
.buu-ghost-chip.gc1{right:12%;top:16%}
.buu-ghost-chip.gc2{left:10%;top:50%}
.buu-ghost-chip.gc3{right:16%;bottom:16%}
@media(max-width:680px){.buu-ghost-chip{display:none}.admin-global-search input{min-width:0}}


/* v14 editable homepage + cleaner domains */
.home-card-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-card-admin{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card2)}.home-card-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.home-card-icon-preview{width:72px;height:72px;display:grid;place-items:center;margin:8px 0 12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.home-card-icon-preview img{max-width:52px;max-height:52px;object-fit:contain}.buu-editable-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.buu-editable-home-card{min-height:250px;padding:22px;border:1px solid var(--buu-line);border-radius:22px;background:linear-gradient(160deg,var(--buu-panel),rgba(57,184,90,.055));text-decoration:none;color:var(--buu-text);transition:.23s;position:relative;overflow:hidden}.buu-editable-home-card:before{content:"";position:absolute;inset:auto -45px -65px auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(57,184,90,.13),transparent 68%)}.buu-editable-home-card:hover{transform:translateY(-5px);border-color:rgba(57,184,90,.42)}.buu-editable-icon{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(57,184,90,.24);border-radius:18px;background:rgba(57,184,90,.06);margin-bottom:18px}.buu-editable-icon img{width:42px;height:42px;object-fit:contain}.buu-editable-home-card small{color:#a9b7d1;letter-spacing:.11em}.buu-editable-home-card h3{font-size:21px;margin:8px 0}.buu-editable-home-card p{color:var(--buu-muted);line-height:1.6}.buu-editable-home-card b{display:block;margin-top:18px;color:#d8ccff}.domain-search.domain-search-pro{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:0;max-width:900px;margin:20px auto;padding:7px;border:1px solid rgba(57,184,90,.22);border-radius:18px;background:linear-gradient(180deg,rgba(14,20,39,.96),rgba(9,13,26,.96));box-shadow:0 24px 60px rgba(0,0,0,.2)}.domain-search.domain-search-pro input,.domain-search.domain-search-pro select{border:0!important;background:transparent!important;color:var(--text)!important;box-shadow:none!important}.domain-search.domain-search-pro input{padding:15px 17px}.domain-search.domain-search-pro select{border-left:1px solid var(--line)!important;border-radius:0!important}.domain-search.domain-search-pro .btn{border-radius:13px;min-width:145px}.domain-store-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:4px!important}.domain-store-actions{justify-content:center!important}.domain-result-clean{border-radius:20px!important}@media(max-width:900px){.buu-editable-home-grid{grid-template-columns:repeat(2,1fr)}.home-card-admin-grid{grid-template-columns:1fr}}@media(max-width:640px){.buu-editable-home-grid{grid-template-columns:1fr}.domain-search.domain-search-pro{grid-template-columns:1fr;padding:8px;gap:8px}.domain-search.domain-search-pro select{border-left:0!important;border-top:1px solid var(--line)!important}.domain-search.domain-search-pro .btn{width:100%}}


/* BuuHost Panel 15.1 — panel-only, black + purple */
:root{--buu-black:#050508;--buu-black2:#09090f;--buu-purple:#39b85a;--buu-purple2:#2f9e4e;--buu-line:rgba(57,184,90,.18)}
.client-layout,.buu-commerce-page,.admyhost-login-page{background:radial-gradient(circle at 78% 8%,rgba(47,158,78,.10),transparent 28%),linear-gradient(180deg,#050508,#08070d 70%,#050508)!important;color:#f7f5ff!important}
.client-side{background:linear-gradient(180deg,#07070b,#0a0810)!important;border-right:1px solid var(--buu-line)!important}
.client-side>a,.client-custom-link,.client-custom-group>summary{color:#c9c4d8!important;border-radius:12px!important;margin:2px 10px!important;padding:11px 12px!important;text-decoration:none!important;display:flex!important;align-items:center!important;gap:10px!important}
.client-side>a:hover,.client-custom-link:hover,.client-custom-group>summary:hover{background:rgba(57,184,90,.08)!important;color:#fff!important}
.client-side>a.active{background:linear-gradient(90deg,rgba(57,184,90,.20),rgba(57,184,90,.06))!important;color:#fff!important;box-shadow:inset 2px 0 0 #39b85a!important}
.client-core-label{margin:14px 18px 6px;color:#746d84;font-size:10px;font-weight:900;letter-spacing:.12em}
.client-custom-group{margin:0!important}.client-custom-group>summary{list-style:none;cursor:pointer;position:relative;padding-right:34px!important}.client-custom-group>summary::-webkit-details-marker{display:none}.client-custom-group>summary:after{content:"";position:absolute;right:14px;width:8px;height:8px;border-right:1.5px solid #9188aa;border-bottom:1.5px solid #9188aa;transform:rotate(45deg) translateY(-2px);transition:.18s}.client-custom-group[open]>summary:after{transform:rotate(225deg) translate(-2px,-2px)}
.client-custom-children{display:grid;margin:0 12px 6px 34px;border-left:1px solid rgba(57,184,90,.16);padding-left:8px}.client-custom-children a{display:flex;gap:8px;align-items:center;color:#9f98b3;padding:9px 10px;border-radius:9px;text-decoration:none;font-size:13px}.client-custom-children a:hover{color:#fff;background:rgba(57,184,90,.07)}
.client-nav-icon{width:18px;display:inline-grid;place-items:center;color:#72d489;flex:0 0 18px}
.client-commerce-topbar,.topbar{background:rgba(5,5,8,.82)!important;border-bottom:1px solid rgba(57,184,90,.12)!important;backdrop-filter:blur(18px)!important}
.client-main .card,.buu-commerce-page .card,.checkout-card,.checkout-summary,.product-card{background:linear-gradient(180deg,rgba(15,13,22,.98),rgba(9,8,14,.98))!important;border:1px solid rgba(57,184,90,.15)!important;box-shadow:0 18px 50px rgba(0,0,0,.22)!important}
.btn.primary,.buu-panel-btn{background:linear-gradient(135deg,#39b85a,#39b85a)!important;border-color:rgba(114,212,137,.25)!important;color:#fff!important}
.btn.primary:hover{background:linear-gradient(135deg,#2f9e4e,#39b85a)!important}
.client-menu-preview{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card2)}
.client-menu-preview .client-custom-link,.client-menu-preview .client-custom-group>summary{margin:3px 0!important;border:1px solid var(--line)}
.client-menu-preview .client-custom-children{margin-left:24px}
@media(max-width:760px){.client-side{width:min(88vw,320px)!important}.client-shop-actions{display:none!important}.client-core-label{margin-left:16px}}

/* =========================================================
   BuuHost Client UI v16 — separate WordPress + panel shell
   Inspired by the information architecture of modern WHMCS
   client areas: top strip + grouped left sidebar.
   ========================================================= */
html[data-theme="dark"]{color-scheme:dark}
body.buu-store-app,body.buu-client-app{margin:0!important;background:#050507!important;color:#f8f7fb!important;min-height:100vh}
body.buu-store-app:before,body.buu-client-app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 8%,rgba(57,184,90,.10),transparent 28%),radial-gradient(circle at 38% 90%,rgba(91,33,182,.06),transparent 32%);z-index:0}
.buu-app-shell{--buu-side-w:258px;--buu-top-h:64px;min-height:100vh;position:relative;z-index:1}
.buu-topstrip{position:fixed;top:0;right:0;left:var(--buu-side-w);height:var(--buu-top-h);z-index:80;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(57,184,90,.14);background:rgba(7,7,11,.92);backdrop-filter:blur(18px)}
.buu-topstrip>strong{font-size:15px;letter-spacing:-.01em;color:#f8f7fb}
.buu-top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.buu-top-action{height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#bdb7ca;background:rgba(255,255,255,.025);font-size:12px;font-weight:700;position:relative}
.buu-top-action:hover{color:#fff;border-color:rgba(57,184,90,.26);background:rgba(57,184,90,.07)}
.buu-top-action .badge{position:static;margin-left:2px}
.buu-ui-icon{width:19px;height:19px;display:block;flex:0 0 19px}
.buu-sidebar-toggle{display:none;width:40px;height:40px;border:0;background:transparent;color:#ddd8e7;margin-right:10px;padding:9px;border-radius:9px}
.buu-sidebar-toggle:hover{background:rgba(57,184,90,.08)}
.buu-client-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--buu-side-w);z-index:90;background:linear-gradient(180deg,#08080c 0%,#09080e 55%,#07070a 100%);border-right:1px solid rgba(57,184,90,.14);display:flex;flex-direction:column;box-shadow:10px 0 35px rgba(0,0,0,.16)}
.buu-side-brand{height:64px;display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.05)}
.buu-side-brand>a{display:flex;align-items:center;text-decoration:none;max-width:172px}
.buu-side-brand .brand-logo{max-width:165px!important;max-height:42px!important;object-fit:contain}
.buu-client-identity{margin:14px 14px 7px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:rgba(255,255,255,.018)}
.buu-client-identity .avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#2f9e4e,#39b85a);color:#fff;font-weight:900;font-size:13px}
.buu-client-identity div{display:grid;min-width:0}.buu-client-identity strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buu-client-identity small{font-size:10px;color:#777083;margin-top:2px}
.buu-side-scroll{flex:1;overflow:auto;padding:10px 9px 18px;scrollbar-width:thin;scrollbar-color:#2d233d transparent}
.buu-side-link,.client-custom-link{min-height:39px;display:flex!important;align-items:center!important;gap:10px!important;padding:9px 11px!important;margin:2px 0!important;border-radius:9px!important;color:#a9a3b4!important;text-decoration:none!important;font-size:12.5px!important;font-weight:650!important;border:1px solid transparent!important;transition:.16s!important}
.buu-side-link:hover,.client-custom-link:hover{color:#fff!important;background:rgba(57,184,90,.07)!important}
.buu-side-link.active{color:#fff!important;background:linear-gradient(90deg,rgba(57,184,90,.17),rgba(57,184,90,.04))!important;border-color:rgba(57,184,90,.12)!important;box-shadow:inset 2px 0 0 #39b85a}
.buu-side-link .buu-ui-icon{width:18px;height:18px;color:#8e859d}
.buu-side-link.active .buu-ui-icon,.buu-side-link:hover .buu-ui-icon{color:#72d489}
.buu-side-section{margin:8px 0 3px}
.buu-section-toggle{width:100%;height:31px;border:0;background:transparent;color:#716a7b;padding:0 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:9.5px;font-weight:900;letter-spacing:.13em;text-align:left}
.buu-section-toggle .buu-ui-icon{width:13px;height:13px;color:#655e70;transition:transform .18s ease}
.buu-side-section.is-collapsed .buu-section-toggle .buu-ui-icon{transform:rotate(-90deg)}
.buu-side-section.is-collapsed .buu-section-body{display:none}
.buu-section-body{display:grid}
.buu-side-footer{padding:10px;border-top:1px solid rgba(255,255,255,.05)}
.buu-side-footer .buu-side-link{margin:0!important}
.buu-app-main{margin-left:var(--buu-side-w);padding-top:var(--buu-top-h);min-height:100vh;position:relative}
.buu-content-wrap{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:30px 0 56px}
.buu-public-content{width:min(1160px,calc(100% - 48px))}
.buu-sidebar-overlay{position:fixed;inset:0;z-index:85;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.2s}

/* custom links created from Admin > Menú del cliente */
.buu-client-sidebar .client-custom-group{margin:2px 0!important;border:0!important;background:transparent!important}
.buu-client-sidebar .client-custom-group>summary{min-height:39px;list-style:none;cursor:pointer;display:flex!important;align-items:center!important;gap:10px!important;color:#a9a3b4!important;padding:9px 31px 9px 11px!important;margin:0!important;border-radius:9px!important;position:relative;font-size:12.5px!important;font-weight:650!important}
.buu-client-sidebar .client-custom-group>summary::-webkit-details-marker{display:none}
.buu-client-sidebar .client-custom-group>summary:hover{background:rgba(57,184,90,.07)!important;color:#fff!important}
.buu-client-sidebar .client-custom-group>summary:after{content:"";position:absolute;right:13px;top:50%;width:6px;height:6px;border-right:1.5px solid #777083;border-bottom:1.5px solid #777083;transform:translateY(-70%) rotate(45deg);transition:.18s}
.buu-client-sidebar .client-custom-group[open]>summary:after{transform:translateY(-30%) rotate(225deg)}
.buu-client-sidebar .client-custom-children{display:grid;margin:0 0 5px 27px!important;padding:3px 0 3px 8px!important;border-left:1px solid rgba(57,184,90,.14)!important}
.buu-client-sidebar .client-custom-children a{min-height:34px;padding:7px 9px!important;color:#81798e!important;font-size:11.5px!important;border-radius:8px;text-decoration:none!important;display:flex;align-items:center;gap:8px}
.buu-client-sidebar .client-custom-children a:hover{color:#fff!important;background:rgba(57,184,90,.06)!important}

/* Authentication: intentionally compact, not stretched */
.buu-auth-card{width:min(430px,100%)!important;max-width:430px!important;margin:62px auto 0!important;padding:30px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(15,13,21,.98),rgba(9,8,13,.98))!important;border:1px solid rgba(57,184,90,.16)!important;box-shadow:0 30px 90px rgba(0,0,0,.30)!important}
.buu-auth-card h1{font-size:29px!important;margin:8px 0 24px!important;letter-spacing:-.035em!important}
.buu-auth-card label{font-size:11px!important;color:#a8a1b2!important;font-weight:750!important}
.buu-auth-card input{height:46px!important;border-radius:10px!important;background:#0b0a0f!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important}
.buu-auth-card input:focus{border-color:rgba(57,184,90,.48)!important;box-shadow:0 0 0 3px rgba(57,184,90,.08)!important}
.buu-auth-card .btn.primary{height:45px!important;width:100%!important;border-radius:10px!important}
.buu-auth-card p{text-align:center;margin:16px 0 0!important;font-size:12px!important}
.buu-register-card{max-width:780px!important;width:min(780px,100%)!important;margin-top:28px!important}

/* Store/cart pages feel like one client application */
.buu-store-app .store-page-head,.buu-store-app .cart-shell,.buu-store-app .checkout-shell,.buu-store-app .domain-store-card{margin-left:auto!important;margin-right:auto!important}
.buu-store-app .store-page-head{padding-top:10px!important}
.buu-store-app .store-page-head h1{font-size:clamp(30px,4vw,44px)!important;letter-spacing:-.04em!important}
.buu-store-app .product-card,.buu-store-app .card,.buu-client-app .card{border-radius:16px!important;background:linear-gradient(180deg,#0e0d14,#09080d)!important;border:1px solid rgba(57,184,90,.13)!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important}
.buu-store-app .btn,.buu-client-app .btn{border-radius:9px!important}
.buu-store-app .btn.primary,.buu-client-app .btn.primary{background:linear-gradient(135deg,#2b9148,#39b85a)!important;border-color:rgba(114,212,137,.16)!important}

@media(max-width:900px){
 .buu-app-shell{--buu-side-w:272px;--buu-top-h:60px}
 .buu-topstrip{left:0;padding:0 13px}.buu-sidebar-toggle{display:grid;place-items:center}
 .buu-client-sidebar{transform:translateX(-103%);transition:transform .22s ease;box-shadow:25px 0 60px rgba(0,0,0,.42)}
 body.buu-sidebar-open .buu-client-sidebar{transform:none}
 body.buu-sidebar-open .buu-sidebar-overlay{opacity:1;visibility:visible}
 .buu-app-main{margin-left:0}.buu-content-wrap,.buu-public-content{width:min(100% - 26px,1000px);padding-top:20px}
 .buu-top-action span{display:none}.buu-top-action{width:38px;padding:0;justify-content:center}
 .buu-auth-card{margin-top:24px!important}
}
@media(max-width:540px){
 .buu-topstrip>strong{max-width:52vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .buu-client-sidebar{width:min(86vw,300px)}
 .buu-content-wrap,.buu-public-content{width:calc(100% - 20px)}
 .buu-auth-card{padding:22px!important;border-radius:14px!important}
 .buu-register-card{margin-top:8px!important}
}


/* v17: categorías del catálogo + 3 tarjetas por fila */
.product-category-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--card) 92%,transparent)}
.product-category-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:12px;color:var(--muted);font-weight:800;border:1px solid transparent;transition:.18s}
.product-category-tabs a span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(57,184,90,.10);font-size:11px;color:#8dde9d}
.product-category-tabs a:hover,.product-category-tabs a.active{color:#fff;background:rgba(57,184,90,.12);border-color:rgba(57,184,90,.28)}
.product-category-block{margin:0 0 42px}.product-category-block>.section-head{margin-bottom:16px}.product-category-block>.section-head h2{margin:.15rem 0 0}
.hosting-catalog-page.three-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.hosting-catalog-page.three-card-grid .store-product-card{height:100%;display:flex;flex-direction:column}.hosting-catalog-page.three-card-grid .feature-list{flex:1}
@media(max-width:1050px){.hosting-catalog-page.three-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.hosting-catalog-page.three-card-grid{grid-template-columns:1fr!important}.product-category-tabs{display:grid;grid-template-columns:1fr 1fr}.product-category-tabs a{justify-content:space-between}}

/* v21 BuuHost green theme consistency */
.buu-store-app .btn.primary,.buu-client-app .btn.primary,
.buu-store-app button.primary,.buu-client-app button.primary,
.buu-store-app .banacart-btn-order,.buu-client-app .banacart-btn-order{
  color:#fff!important;background:linear-gradient(135deg,#2f9e4e 0%,#39b85a 45%,#39b85a 100%)!important;
  border:1px solid rgba(114,212,137,.30)!important;box-shadow:0 10px 28px rgba(57,184,90,.18)!important
}
.buu-store-app .btn.primary:hover,.buu-client-app .btn.primary:hover,
.buu-store-app button.primary:hover,.buu-client-app button.primary:hover{
  transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 14px 34px rgba(57,184,90,.25)!important
}
.buu-store-app .btn:not(.primary),.buu-client-app .btn:not(.primary){
  background:#0d0b12!important;border-color:rgba(57,184,90,.20)!important;color:#d9d2e8!important
}
.buu-store-app .btn:not(.primary):hover,.buu-client-app .btn:not(.primary):hover{
  border-color:rgba(57,184,90,.42)!important;background:rgba(57,184,90,.08)!important;color:#fff!important
}
.product-category-tabs a.active{background:linear-gradient(135deg,rgba(47,158,78,.26),rgba(57,184,90,.16))!important;border-color:rgba(114,212,137,.34)!important}
.buu-side-link.active{background:linear-gradient(90deg,rgba(47,158,78,.22),rgba(57,184,90,.06))!important;box-shadow:inset 2px 0 0 #39b85a!important}
.buu-top-action:hover{color:#fff!important;background:rgba(57,184,90,.08)!important;border-color:rgba(57,184,90,.22)!important}


/* v18 billing cycle switch */
.billing-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:236px;margin:14px 0 16px;padding:4px;border:1px solid rgba(57,184,90,.28);border-radius:999px;background:#0b0a12;isolation:isolate}
.billing-toggle button{position:relative;z-index:2;min-height:34px;border:0;border-radius:999px;background:transparent;color:#928aa5;font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:.2s ease}
.billing-toggle button.active{color:#fff;background:linear-gradient(135deg,#2f9e4e,#39b85a);box-shadow:0 8px 24px rgba(57,184,90,.25)}
.billing-toggle button:focus-visible{outline:2px solid #72d489;outline-offset:2px}
.cycle-product-card [data-cycle-price]{transition:.18s ease;color:#fff}
.cycle-product-card [data-cycle-label]{display:block;margin-top:3px;color:#a69cb7}

/* v20 - configurable VPS + free-domain cycle badge */
.cycle-domain-badge{margin:10px 0 0;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));background:color-mix(in srgb,var(--accent) 14%,transparent);color:#bfe9c8;font-size:12px;font-weight:800}.cycle-domain-badge[hidden]{display:none!important}.configurable-price{font-size:30px}.buu-vps-store{margin-top:18px}.buu-vps-store .buu-vps-summary{top:88px}


/* v21 — identidad verde BuuHost + dominio fluido */
:root{--buu-green:#39b85a;--buu-green-hover:#2f9e4e;--buu-green-dark:#1f6e38;--buu-green-soft:#72d489}
.buu-store-app,.buu-client-app{background:#070a08!important}
.buu-client-sidebar,.buu-store-sidebar{background:linear-gradient(180deg,#050806 0%,#07100a 100%)!important;border-right-color:rgba(57,184,90,.12)!important}
.buu-topstrip{background:rgba(5,8,6,.92)!important;border-bottom-color:rgba(57,184,90,.12)!important}
.buu-side-link.active{background:linear-gradient(90deg,rgba(57,184,90,.18),rgba(57,184,90,.035))!important;box-shadow:inset 2px 0 0 var(--buu-green)!important;color:#fff!important}
.buu-side-link:hover,.buu-top-action:hover{background:rgba(57,184,90,.07)!important;border-color:rgba(57,184,90,.20)!important}
.buu-section-toggle:hover,.buu-client-sidebar .client-custom-group>summary:hover{color:#fff!important;background:rgba(57,184,90,.055)!important}
.buu-client-sidebar .client-custom-children{border-left-color:rgba(57,184,90,.14)!important}
.buu-client-sidebar .client-custom-children a:hover{background:rgba(57,184,90,.055)!important}
.buu-auth-card,.buu-store-app .product-card,.buu-store-app .card,.buu-client-app .card{background:linear-gradient(180deg,#0b100d,#070a08)!important;border-color:rgba(57,184,90,.14)!important}
.buu-auth-card input:focus{border-color:rgba(57,184,90,.48)!important;box-shadow:0 0 0 3px rgba(57,184,90,.09)!important}
.buu-store-app .btn.primary,.buu-client-app .btn.primary,.buu-store-app button.primary,.buu-client-app button.primary,.buu-store-app .banacart-btn-order,.buu-client-app .banacart-btn-order{background:linear-gradient(135deg,#2f9e4e 0%,#39b85a 52%,#45c568 100%)!important;border-color:rgba(114,212,137,.28)!important;box-shadow:0 10px 28px rgba(57,184,90,.16)!important;color:#fff!important}
.buu-store-app .btn.primary:hover,.buu-client-app .btn.primary:hover,.buu-store-app button.primary:hover,.buu-client-app button.primary:hover{box-shadow:0 14px 34px rgba(57,184,90,.24)!important;filter:brightness(1.045)}
.buu-store-app .btn:not(.primary),.buu-client-app .btn:not(.primary){background:#0c120e!important;border-color:rgba(57,184,90,.18)!important;color:#d9e4dc!important}
.buu-store-app .btn:not(.primary):hover,.buu-client-app .btn:not(.primary):hover{background:rgba(57,184,90,.07)!important;border-color:rgba(57,184,90,.35)!important;color:#fff!important}
.product-category-tabs a span{background:rgba(57,184,90,.10)!important;color:#8dde9d!important}
.product-category-tabs a:hover,.product-category-tabs a.active{background:rgba(57,184,90,.10)!important;border-color:rgba(57,184,90,.25)!important}
.product-category-tabs a.active{background:linear-gradient(135deg,rgba(47,158,78,.24),rgba(57,184,90,.12))!important;border-color:rgba(114,212,137,.30)!important}
.billing-toggle{border-color:rgba(57,184,90,.25)!important;background:#08100b!important}
.billing-toggle button.active{background:linear-gradient(135deg,#2f9e4e,#39b85a)!important;box-shadow:0 8px 24px rgba(57,184,90,.20)!important}
.billing-toggle button:focus-visible{outline-color:#72d489!important}
.cycle-domain-badge{color:#bfe9c8!important}
.domain-search-pro select{max-width:132px!important;min-width:96px!important;flex:0 0 clamp(96px,11vw,132px)!important}
@media(max-width:700px){.domain-search-pro select{min-width:88px!important;max-width:102px!important;flex-basis:92px!important}}

/* v22 — encabezado móvil con marca + categorías sin opción global */
.buu-mobile-top-logo{display:none;align-items:center;min-width:0;text-decoration:none}
.buu-mobile-top-logo .brand-logo-wrap{display:flex;align-items:center;max-width:150px;overflow:hidden}
.buu-mobile-top-logo .brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:150px!important;max-height:38px!important;object-fit:contain!important;object-position:left center!important}

@media(max-width:820px){
  .buu-topstrip{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
  }
  .buu-topstrip-title{display:none!important}
  .buu-mobile-top-logo{display:flex!important;justify-self:start!important}
  .buu-mobile-top-logo .brand-logo-wrap{max-width:138px!important}
  .buu-mobile-top-logo .brand-logo{max-width:138px!important;max-height:34px!important}
  .buu-top-actions{justify-self:end!important}
}

@media(max-width:480px){
  .buu-mobile-top-logo .brand-logo-wrap{max-width:118px!important}
  .buu-mobile-top-logo .brand-logo{max-width:118px!important;max-height:31px!important}
  .buu-topstrip{gap:7px!important;padding-left:10px!important;padding-right:10px!important}
}


/* v24 — dark polish + professional domain search feedback */
:root{color-scheme:dark}
html,body,.buu-store-app,.buu-client-app{background:#060806!important;color:#eef5f0!important}
.notice.ok.free-domain-benefit,
.free-domain-benefit{
  color:#dff7e6!important;
  background:linear-gradient(145deg,rgba(18,48,29,.96),rgba(10,25,16,.98))!important;
  border:1px solid rgba(79,196,111,.34)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.free-domain-benefit strong{color:#ffffff!important;font-weight:850!important;letter-spacing:.01em}
.free-domain-benefit .free-domain-cycle-note{color:#9fe0ae!important}
.free-domain-benefit.free-domain-not-eligible{color:#e8d7aa!important;background:linear-gradient(145deg,rgba(55,43,14,.88),rgba(24,20,9,.96))!important;border-color:rgba(214,170,65,.30)!important}
.buu-store-app .notice,.buu-client-app .notice{border-radius:14px!important;line-height:1.55!important}
.domain-search-stage{margin:18px 0 4px;padding:18px 20px;border:1px solid rgba(57,184,90,.20);border-radius:16px;background:linear-gradient(145deg,rgba(57,184,90,.075),rgba(8,16,11,.95));box-shadow:0 18px 44px rgba(0,0,0,.18);overflow:hidden;position:relative}
.domain-search-stage::after{content:"";position:absolute;inset:0;transform:translateX(-110%);background:linear-gradient(90deg,transparent,rgba(114,212,137,.08),transparent)}
.domain-search-stage.is-loading::after{animation:buuDomainSweep 1.7s ease-in-out infinite}
.domain-search-loader{display:flex;align-items:center;gap:14px;min-height:48px}.domain-search-loader strong,.domain-search-loader small{display:block}.domain-search-loader strong{color:#f4fbf6;font-size:15px}.domain-search-loader small{color:#8fa899;margin-top:4px;font-size:12px}
.domain-loader-ring{width:34px;height:34px;border-radius:50%;border:3px solid rgba(57,184,90,.15);border-top-color:#50c66f;border-right-color:#8ade9d;animation:buuDomainSpin .85s linear infinite;box-shadow:0 0 0 5px rgba(57,184,90,.035)}
.domain-result-enter{animation:buuDomainEnter .42s cubic-bezier(.22,1,.36,1) both}
@keyframes buuDomainSpin{to{transform:rotate(360deg)}}
@keyframes buuDomainSweep{0%{transform:translateX(-115%)}100%{transform:translateX(115%)}}
@keyframes buuDomainEnter{0%{opacity:0;transform:translateY(9px) scale(.992)}100%{opacity:1;transform:none}}
.domain-result-clean{margin-top:18px!important;background:linear-gradient(180deg,#0c120e,#080b09)!important;border-color:rgba(57,184,90,.16)!important}
.domain-result-clean .domain-result-price>strong{color:#8ade9d!important}
.domain-result-clean .pill.health-ok{background:rgba(57,184,90,.12)!important;color:#a9e9b8!important;border-color:rgba(57,184,90,.26)!important}
.domain-result-clean .pill.health-error{background:rgba(239,68,68,.08)!important;color:#ffb4b4!important;border-color:rgba(239,68,68,.20)!important}
@media(max-width:700px){.domain-search-stage{padding:15px 16px}.domain-search-loader{gap:11px}.domain-loader-ring{width:30px;height:30px}}

/* v25 — selector TLD premium con búsqueda */
.tld-picker{position:relative;min-width:126px;flex:0 0 126px;z-index:25}
.tld-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.tld-picker-button{width:100%;height:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--card2);color:var(--text);font:inherit;font-weight:850;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
.tld-picker-button:hover,.tld-picker.is-open .tld-picker-button{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 6%,var(--card2));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.tld-picker-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s ease}
.tld-picker.is-open .tld-picker-button svg{transform:rotate(180deg)}
.tld-picker-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(330px,86vw);padding:10px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:16px;background:#0b100d;box-shadow:0 26px 70px rgba(0,0,0,.42);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:9999}
.tld-picker.is-open .tld-picker-menu{opacity:1;visibility:visible;transform:none}
.tld-picker-search-wrap{height:42px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #223129;border-radius:10px;background:#070a08;margin-bottom:8px}
.tld-picker-search-wrap svg{width:17px;height:17px;fill:none;stroke:#7f9285;stroke-width:1.8;flex:none}
.tld-picker-search{width:100%!important;height:auto!important;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#f5f8f6!important;font-size:13px!important}
.tld-picker-search::placeholder{color:#738178}
.tld-picker-options{max-height:300px;overflow:auto;display:grid;gap:3px;padding-right:2px;scrollbar-width:thin;scrollbar-color:#284333 transparent}
.tld-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 11px;border:0;border-radius:9px;background:transparent;color:#eaf2ed;text-align:left;cursor:pointer;font:inherit;transition:background .15s ease,color .15s ease}
.tld-picker-option:hover,.tld-picker-option.is-selected{background:#11271a;color:#fff}
.tld-picker-option.is-selected{box-shadow:inset 2px 0 0 var(--accent)}
.tld-picker-option span{font-weight:850;font-size:13px}
.tld-picker-option small{color:#8ba195;font-size:11px;white-space:nowrap}
.tld-picker-option[hidden]{display:none!important}
.tld-picker-empty{padding:16px 8px;text-align:center;color:#819188;font-size:12px}
.tld-quick-strip{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:12px auto 0;color:var(--muted);font-size:12px}
.tld-quick-strip>span{margin-right:2px}
.tld-quick-chip{border:1px solid #203629;border-radius:999px;background:#0b120e;color:#b8c5bd;padding:6px 10px;font-weight:800;font-size:11px;cursor:pointer;transition:.16s ease}
.tld-quick-chip:hover{border-color:#39b85a;color:#fff;background:#10291a;transform:translateY(-1px)}
.domain-search-pro{align-items:stretch}.domain-search-pro>.tld-picker{height:auto}.domain-search-pro .tld-picker-button{min-height:100%}
@media(max-width:700px){.domain-search-pro{grid-template-columns:minmax(0,1fr) 104px!important}.domain-search-pro .btn{grid-column:1/-1}.tld-picker{min-width:104px;flex-basis:104px}.tld-picker-menu{position:fixed;left:12px;right:12px;top:auto;bottom:16px;width:auto;max-height:70vh;transform:translateY(18px)}.tld-picker.is-open .tld-picker-menu{transform:none}.tld-picker-options{max-height:48vh}.tld-quick-strip{justify-content:flex-start}.tld-quick-strip>span{width:100%;margin-bottom:1px}}

/* BuuHost Panel v26 · Centro de Atención centralizado */
.support-hub-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.support-hub-head h1{margin:5px 0 7px;font-size:clamp(26px,3vw,38px)}.support-hub-head p{margin:0;color:var(--muted);max-width:720px;line-height:1.6}.support-live-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent) 9%,var(--card));border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.support-live-badge i,.support-sync i{width:8px;height:8px;border-radius:50%;background:#35d46f;box-shadow:0 0 0 4px rgba(53,212,111,.12)}
.support-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}.support-choice{display:grid;grid-template-columns:52px minmax(0,1fr);gap:15px;align-items:start;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,color-mix(in srgb,var(--card) 96%,#fff 4%),var(--card));text-decoration:none;color:var(--text);transition:.18s ease;box-shadow:0 14px 34px rgba(0,0,0,.08)}.support-choice:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.support-choice.featured{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 8%,var(--card)),var(--card))}.support-choice-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--card2));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));color:var(--accent);font-size:26px;font-weight:800}.support-choice h3{margin:4px 0 6px;font-size:18px}.support-choice p{margin:0 0 12px;color:var(--muted);line-height:1.55}.support-choice strong{color:var(--accent);font-size:13px}
.support-history-card{padding:20px}.support-empty{display:grid;place-items:center;text-align:center;padding:42px 20px;border:1px dashed var(--line);border-radius:18px;background:color-mix(in srgb,var(--card2) 55%,transparent)}.support-empty>span{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,var(--card2));color:var(--accent);font-size:24px}.support-empty strong{margin-top:12px;font-size:16px}.support-empty p{max-width:420px;margin:6px 0 0;color:var(--muted)}.support-conversation-list{display:grid;gap:10px}.support-conversation-row{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;gap:16px;align-items:center;padding:15px 16px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--text);background:var(--card2)}.support-conversation-row:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.support-conv-top{display:flex;align-items:center;gap:10px}.support-conv-top strong{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-conv-main>span,.support-conv-main>small{display:block}.support-conv-main>span{margin-top:4px;color:color-mix(in srgb,var(--accent) 75%,var(--text));font-size:12px;font-weight:700}.support-conv-main>small{margin-top:5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-conversation-row time{font-size:11px;color:var(--muted);white-space:nowrap}.support-conversation-row>b{font-size:23px;color:var(--muted)}
.support-new-card{max-width:880px}.support-form-mode{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);background:var(--card2);border-radius:16px;margin-bottom:18px}.support-form-mode .support-choice-icon{width:42px;height:42px;border-radius:13px;font-size:21px}.support-form-mode strong,.support-form-mode small{display:block}.support-form-mode small{margin-top:2px;color:var(--muted)}.support-form-actions{margin-top:18px}
.support-thread-page{min-height:calc(100vh - 150px);display:flex;flex-direction:column}.support-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.support-thread-head h1{margin:9px 0 4px;font-size:clamp(22px,3vw,32px)}.support-thread-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.support-sync{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.support-live-thread{padding:0;overflow:hidden;display:grid;grid-template-rows:minmax(360px,1fr) auto auto auto;min-height:580px;max-height:calc(100vh - 240px)}.support-messages{overflow:auto;padding:22px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin}.support-loading{margin:auto;color:var(--muted)}.support-msg{max-width:min(78%,760px);display:flex;flex-direction:column;gap:4px}.support-msg.client{align-self:flex-end;align-items:flex-end}.support-msg.operator{align-self:flex-start;align-items:flex-start}.support-msg-who{font-size:11px;color:var(--muted);font-weight:800;padding:0 3px}.support-msg-bubble{padding:12px 14px;border-radius:16px;background:var(--card2);border:1px solid var(--line);line-height:1.55;word-break:break-word}.support-msg.client .support-msg-bubble{background:color-mix(in srgb,var(--accent) 84%,#0b1710);border-color:color-mix(in srgb,var(--accent) 60%,var(--line));color:#fff;border-bottom-right-radius:5px}.support-msg.operator .support-msg-bubble{border-bottom-left-radius:5px}.support-msg-bubble p{margin:0;white-space:pre-wrap}.support-msg-bubble a{display:block;margin-top:8px;color:inherit;text-decoration:underline}.support-msg-bubble audio{max-width:min(320px,70vw)}.support-msg>small{font-size:10px;color:var(--muted);padding:0 3px}.support-typing{padding:6px 20px 0;color:var(--muted);font-size:11px}.support-closed-banner{margin:12px 18px;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--card2);display:flex;align-items:center;gap:12px}.support-closed-banner[hidden]{display:none}.support-closed-banner span{color:var(--muted);font-size:12px;flex:1}.support-composer{border-top:1px solid var(--line);padding:12px;background:var(--card)}.support-composer textarea{min-height:60px;max-height:150px;resize:vertical}.support-composer-row{display:flex;align-items:center;gap:10px;margin-top:9px}.support-attach-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:var(--card2);cursor:pointer;font-size:12px;font-weight:800}.support-file-name{min-width:0;flex:1;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-secret-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.support-flow-list{display:grid;gap:12px}.support-flow-list>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start}.support-flow-list b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--card2));color:var(--accent)}.support-flow-list strong,.support-flow-list small{display:block}.support-flow-list small{margin-top:2px;color:var(--muted);line-height:1.45}
@media(max-width:760px){.support-hub-head{display:block}.support-live-badge{margin-top:12px}.support-choice-grid{grid-template-columns:1fr}.support-choice{padding:16px;grid-template-columns:46px minmax(0,1fr)}.support-choice-icon{width:46px;height:46px;border-radius:14px}.support-history-card{padding:14px}.support-history-card .section-head{align-items:stretch}.support-history-card .section-head .btn{width:100%}.support-conversation-row{grid-template-columns:minmax(0,1fr) 18px;padding:14px}.support-conversation-row time{display:none}.support-thread-page{min-height:calc(100dvh - 92px)}.support-thread-head{display:block}.support-thread-actions{justify-content:flex-start;margin-top:12px}.support-live-thread{min-height:calc(100dvh - 250px);max-height:none;grid-template-rows:minmax(250px,1fr) auto auto auto}.support-messages{padding:14px 10px}.support-msg{max-width:92%}.support-composer{position:sticky;bottom:0;padding:9px 9px max(10px,env(safe-area-inset-bottom));z-index:3}.support-composer-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.support-closed-banner{display:grid;grid-template-columns:1fr;margin:10px}.support-closed-banner[hidden]{display:none}.support-secret-row{grid-template-columns:1fr}.support-admin-kpis{grid-template-columns:1fr}}


/* v26.2 — contraste alto, legibilidad y responsive Centro de Atención */
:root{
  --text:#f4f8f5;
  --muted:#a2b0a7;
  --line:#294534;
  --card:#0a110d;
  --card2:#0d1711;
  --btn-primary:#32ca61;
  --btn-primary-hover:#3ada6d;
  --btn-primary-text:#04130a;
}

/* Botones verdes con texto oscuro: evita blanco sobre verde pálido */
.btn.primary,
.buu-store-app .btn.primary,.buu-client-app .btn.primary,
.buu-store-app button.primary,.buu-client-app button.primary,
.buu-store-app .banacart-btn-order,.buu-client-app .banacart-btn-order{
  background:#32ca61!important;
  border-color:#32ca61!important;
  color:#04130a!important;
  text-shadow:none!important;
  font-weight:850!important;
}
.btn.primary:hover,
.buu-store-app .btn.primary:hover,.buu-client-app .btn.primary:hover{
  background:#3ada6d!important;
  border-color:#3ada6d!important;
  color:#031007!important;
}

/* Formularios oscuros aun con autofill del navegador */
input,select,textarea{
  background:#09120d!important;
  color:#f2f8f4!important;
  border-color:#2a4935!important;
}
input::placeholder,textarea::placeholder{color:#77887e!important;opacity:1}
select option{background:#09120d!important;color:#f2f8f4!important}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill{
  -webkit-text-fill-color:#f2f8f4!important;
  -webkit-box-shadow:0 0 0 1000px #09120d inset!important;
  box-shadow:0 0 0 1000px #09120d inset!important;
  caret-color:#7ee9a0!important;
}
input[readonly],input:disabled,select:disabled,textarea:disabled{
  background:#101a14!important;
  color:#a7b6ac!important;
  opacity:1!important;
}

/* Avisos: siempre oscuros y legibles en tema oscuro */
.buu-client-app .notice.ok,.buu-store-app .notice.ok,
.layout .notice.ok{background:#0f2a1b!important;color:#a6f0be!important;border-color:#286743!important}
.buu-client-app .notice.err,.buu-store-app .notice.err,
.layout .notice.err{background:#2a1212!important;color:#ffc2c2!important;border-color:#753737!important}
.buu-client-app .notice.info,.buu-store-app .notice.info,
.layout .notice.info{background:#101f2b!important;color:#b8dcff!important;border-color:#315a78!important}
.buu-client-app .notice.warn,.buu-store-app .notice.warn,
.layout .notice.warn{background:#2a210f!important;color:#f7d98b!important;border-color:#765c25!important}

/* Centro de atención */
.support-hub-head h1,.support-thread-head h1,.support-choice h3{color:#f5faf6!important}
.support-hub-head p,.support-choice p,.support-empty p,.support-form-mode small,
.support-thread-head p,.support-file-name{color:#9eafa4!important}
.support-choice{
  background:#0b1510!important;
  border-color:#294534!important;
}
.support-choice.featured{
  background:#0d1e14!important;
  border-color:#3c724d!important;
}
.support-choice:hover{background:#102219!important;border-color:#4c8a5e!important}
.support-choice-icon{
  background:#12331f!important;
  border-color:#326947!important;
  color:#85eda3!important;
}
.support-choice strong{color:#85eda3!important}
.support-live-badge{
  background:#10271a!important;
  color:#9bedb4!important;
  border-color:#356847!important;
}
.support-history-card,.support-new-card,.support-live-thread{
  background:#0a110d!important;
  border-color:#294534!important;
}
.support-empty{
  background:#0c1711!important;
  border-color:#2c4936!important;
}
.support-empty>span{background:#13331f!important;color:#86eda4!important}
.support-conversation-row{
  background:#0d1711!important;
  border-color:#294534!important;
  color:#f1f7f3!important;
}
.support-conversation-row:hover{background:#112219!important;border-color:#477c58!important}
.support-form-mode{
  background:#0d1711!important;
  border-color:#294534!important;
}
.support-msg.operator .support-msg-bubble{
  background:#101c15!important;
  border-color:#2b4936!important;
  color:#eef7f0!important;
}
.support-msg.client .support-msg-bubble{
  background:#31c760!important;
  color:#04130a!important;
  border-color:#31c760!important;
}
.support-msg-who,.support-msg>small,.support-typing{color:#91a499!important}
.support-composer{
  background:#09110d!important;
  border-color:#294534!important;
}
.support-attach-btn{
  background:#101a14!important;
  border-color:#2b4936!important;
  color:#dce8df!important;
}
.support-attach-btn:hover{background:#15271d!important;border-color:#477b58!important;color:#fff!important}
.support-sync{background:#0e1812!important;border-color:#294534!important;color:#a2b1a7!important}

/* Integración admin */
.support-secret-row .btn{min-height:44px}
.support-flow-list b{background:#14351f!important;color:#8aedaa!important}
.support-flow-list small{color:#9caea2!important}

/* Badges/health nunca blancos sobre gris claro */
.health-ok{background:#12341e!important;color:#9cf0b8!important;border:1px solid #2d6c43!important}
.health-warning{background:#2a210f!important;color:#f7d98b!important;border:1px solid #765c25!important}
.health-error{background:#2a1212!important;color:#ffc2c2!important;border:1px solid #753737!important}
.health-unknown{background:#172019!important;color:#b8c6bc!important;border:1px solid #354438!important}

/* Focus visible */
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid #6ae991!important;
  outline-offset:2px!important;
}

/* Responsive general Centro de Atención */
@media(max-width:900px){
  .support-hub-head{align-items:stretch!important}
  .support-choice-grid{grid-template-columns:1fr!important}
  .support-thread-head{align-items:stretch!important}
  .support-thread-actions{width:100%!important;justify-content:flex-start!important}
  .support-thread-actions .btn{flex:1 1 160px!important}
}

@media(max-width:760px){
  .buu-content-wrap{width:calc(100% - 18px)!important;padding-top:14px!important}
  .support-hub-head{display:block!important;margin-bottom:15px!important}
  .support-hub-head h1{font-size:27px!important;line-height:1.08!important}
  .support-hub-head p{font-size:13px!important;line-height:1.55!important}
  .support-live-badge{margin-top:12px!important;width:100%!important;justify-content:center!important}

  .support-choice-grid{gap:10px!important}
  .support-choice{
    grid-template-columns:44px minmax(0,1fr)!important;
    gap:12px!important;
    padding:15px!important;
    border-radius:15px!important;
  }
  .support-choice-icon{width:44px!important;height:44px!important;border-radius:13px!important}
  .support-choice h3{font-size:16px!important;line-height:1.25!important}
  .support-choice p{font-size:12px!important;line-height:1.5!important;margin-bottom:9px!important}

  .support-history-card{padding:13px!important}
  .support-history-card .section-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .support-history-card .section-head .btn{width:100%!important;min-height:44px!important}
  .support-conversation-row{
    grid-template-columns:minmax(0,1fr) 20px!important;
    gap:10px!important;
    padding:13px!important;
    border-radius:13px!important;
  }
  .support-conversation-row time{display:none!important}
  .support-conv-top{gap:7px!important}
  .support-conv-top strong{font-size:13px!important}
  .support-conv-main>span,.support-conv-main>small{font-size:11px!important}

  .support-new-card{padding:14px!important}
  .support-new-card .row,.support-new-card .row.three{grid-template-columns:1fr!important}
  .support-new-card input,.support-new-card select,.support-new-card textarea{min-height:46px!important;font-size:14px!important}
  .support-new-card textarea{min-height:110px!important}

  .support-thread-page{min-height:calc(100dvh - 78px)!important}
  .support-thread-head{display:block!important;margin-bottom:10px!important}
  .support-thread-head h1{font-size:22px!important}
  .support-thread-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin-top:10px!important;
  }
  .support-thread-actions .btn,.support-sync{min-height:42px!important;width:100%!important;justify-content:center!important}
  .support-live-thread{
    min-height:calc(100dvh - 220px)!important;
    max-height:none!important;
    border-radius:14px!important;
  }
  .support-messages{padding:14px 10px 20px!important}
  .support-msg{max-width:94%!important}
  .support-msg-bubble{font-size:13px!important;line-height:1.5!important;padding:11px 12px!important}
  .support-msg-who{font-size:10px!important}
  .support-composer{
    position:sticky!important;
    bottom:0!important;
    padding:9px 9px max(10px,env(safe-area-inset-bottom))!important;
  }
  .support-composer textarea{min-height:50px!important;font-size:14px!important}
  .support-composer-row{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:7px!important;
  }
  .support-attach-btn{min-height:42px!important;padding:8px 10px!important}
  .support-composer-row .btn{min-height:42px!important}

  .support-secret-row{grid-template-columns:1fr!important}
  .support-secret-row .btn{width:100%!important}
  .grid.two{grid-template-columns:1fr!important}
  .card{padding:16px!important}
}

@media(max-width:430px){
  .support-thread-actions{grid-template-columns:1fr!important}
  .support-composer-row{grid-template-columns:1fr auto!important}
  .support-file-name{grid-column:1/-1!important;order:3!important}
  .support-attach-btn{min-width:92px!important}
}

/* Tablas en móvil: scroll claro */
.table-wrap{
  scrollbar-color:#3b674a #08100b;
  -webkit-overflow-scrolling:touch;
}
.table-wrap::-webkit-scrollbar{height:8px}
.table-wrap::-webkit-scrollbar-thumb{background:#3b674a;border-radius:999px}


/* =========================================================
   BuuHost Panel 26.3 · Soporte técnico compacto
   ========================================================= */

/* Menú de cliente: secciones contraídas hasta que el usuario las abra. */
.buu-side-section.is-collapsed{margin-bottom:2px!important}
.buu-section-toggle{height:29px!important}
.buu-side-link,.client-custom-link{min-height:36px!important;padding:7px 10px!important}
.buu-side-scroll{padding-top:7px!important}

/* Soporte del cliente: una sola ruta clara, sin asesoría comercial. */
.support-hub-head,.support-choice-grid,.support-history-card,
.support-new-head,.support-new-card,.support-thread-page{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.support-only-grid{
  grid-template-columns:minmax(0,720px)!important;
  justify-content:start!important;
  gap:10px!important;
  margin-bottom:14px!important;
}
.support-choice{padding:15px!important;border-radius:15px!important}
.support-choice-icon{width:44px!important;height:44px!important;border-radius:13px!important;font-size:21px!important}
.support-choice h3{font-size:16px!important;margin:2px 0 4px!important}
.support-choice p{font-size:12px!important;line-height:1.45!important;margin-bottom:7px!important}
.support-history-card{padding:15px!important}
.support-history-card .section-head{margin-bottom:10px!important}
.support-conversation-row{padding:11px 12px!important;border-radius:12px!important}
.support-conv-main>small{margin-top:3px!important}

/* Formulario de soporte más corto. */
.support-new-card{max-width:780px!important;padding:16px!important}
.support-new-card label{margin-top:10px!important}
.support-new-card input,.support-new-card select{min-height:41px!important}
.support-new-card textarea{min-height:92px!important}

/* Conversación compacta en escritorio. */
.support-thread-page{min-height:0!important}
.support-thread-head{
  margin-bottom:9px!important;
  align-items:center!important;
}
.support-thread-head h1{
  font-size:clamp(20px,2.2vw,26px)!important;
  margin:6px 0 2px!important;
  line-height:1.15!important;
}
.support-thread-head .eyebrow{font-size:9px!important}
.support-thread-actions{
  flex-wrap:nowrap!important;
  gap:6px!important;
}
.support-sync{
  padding:6px 8px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
.support-thread-actions .btn{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}
.support-live-thread{
  height:clamp(430px,64dvh,600px)!important;
  min-height:0!important;
  max-height:none!important;
  grid-template-rows:minmax(0,1fr) auto auto auto!important;
  border-radius:15px!important;
}
.support-messages{
  padding:13px 14px!important;
  gap:8px!important;
}
.support-msg{max-width:min(72%,620px)!important;gap:3px!important}
.support-msg-who{font-size:9px!important}
.support-msg-bubble{
  padding:9px 11px!important;
  border-radius:13px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.support-msg>small{font-size:8.5px!important}
.support-typing{padding:4px 13px 0!important;font-size:9px!important}
.support-closed-banner{
  margin:8px 10px!important;
  padding:9px 10px!important;
  gap:8px!important;
}
.support-closed-banner span{font-size:10px!important}
.support-composer{padding:8px 9px!important}
.support-composer textarea{
  min-height:42px!important;
  max-height:88px!important;
  padding:9px 10px!important;
  font-size:12px!important;
}
.support-composer-row{margin-top:6px!important;gap:6px!important}
.support-attach-btn{padding:7px 9px!important;font-size:10px!important}
.support-composer-row .btn{min-height:36px!important;padding:7px 12px!important;font-size:10px!important}

@media(max-width:760px){
  .buu-content-wrap{padding-top:9px!important}
  .support-hub-head h1{font-size:23px!important}
  .support-hub-head p{font-size:12px!important}
  .support-choice{grid-template-columns:40px minmax(0,1fr)!important;padding:12px!important}
  .support-choice-icon{width:40px!important;height:40px!important}
  .support-history-card{padding:11px!important}
  .support-conversation-row{padding:10px!important}

  .support-thread-page{min-height:0!important}
  .support-thread-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    margin-bottom:7px!important;
  }
  .support-thread-head h1{font-size:19px!important}
  .support-thread-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
    width:100%!important;
    margin-top:0!important;
  }
  .support-thread-actions .btn,.support-sync{
    min-height:34px!important;
    width:100%!important;
    font-size:9px!important;
    padding:6px!important;
    justify-content:center!important;
  }
  .support-live-thread{
    height:calc(100dvh - 190px)!important;
    min-height:390px!important;
    max-height:none!important;
    border-radius:12px!important;
  }
  .support-messages{padding:10px 8px 12px!important;gap:7px!important}
  .support-msg{max-width:91%!important}
  .support-msg-bubble{font-size:12.5px!important;padding:8px 10px!important}
  .support-composer{padding:7px 7px max(8px,env(safe-area-inset-bottom))!important}
  .support-composer textarea{min-height:40px!important;max-height:76px!important;font-size:13px!important}
  .support-composer-row{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:5px!important;
  }
  .support-attach-btn,.support-composer-row .btn{min-height:36px!important;font-size:9px!important}
}

@media(max-width:430px){
  .support-thread-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .support-sync{font-size:8px!important}
  .support-composer-row{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .support-file-name{
    grid-column:auto!important;
    order:initial!important;
    max-width:70px!important;
  }
  .support-attach-btn{min-width:0!important}
}

/* 26.4 · accesibilidad y soporte minimalista */
.support-hub-head,.support-new-head{margin-bottom:14px!important}
.support-choice.featured{box-shadow:none!important;border:1px solid #31503a!important}
.support-choice.featured:hover{border-color:#70d58d!important}
.support-conversation-row{box-shadow:none!important}
.support-new-card input:focus-visible,.support-new-card textarea:focus-visible,.support-new-card select:focus-visible,.support-composer textarea:focus-visible{outline:2px solid #6cdb8c!important;outline-offset:2px}
.support-msg-bubble{overflow-wrap:anywhere}
@media(max-width:760px){.support-only-grid{grid-template-columns:minmax(0,1fr)!important}.support-choice{max-width:100%!important}.support-thread-actions{overflow:visible!important}}


/* =========================================================
   BuuHost Panel 26.5 · Tipografía Poppins + Tickets Live
   ========================================================= */
html,body,button,input,select,textarea,.btn,table{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body{font-size:14px;line-height:1.55}
button,input,select,textarea{font-size:13px}
h1,h2,h3,h4,strong{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}

.ticket-hub-head{
  max-width:1080px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px
}
.ticket-hub-head h1{margin:5px 0 7px;font-size:clamp(28px,3vw,38px);line-height:1.12}
.ticket-hub-head p{max-width:760px;margin:0;color:var(--muted);font-size:13.5px;line-height:1.65}
.ticket-list-card{max-width:1080px;margin:0 auto;padding:18px}
.ticket-list-simple{display:grid;gap:9px}
.ticket-list-row{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;
  padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--card) 94%,var(--bg));
  transition:.16s ease
}
.ticket-list-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));background:color-mix(in srgb,var(--accent) 5%,var(--card))}
.ticket-list-id{font-weight:800;color:var(--accent);font-size:12px}
.ticket-list-main{min-width:0;display:grid;gap:3px}
.ticket-list-title{display:flex;gap:9px;align-items:center;min-width:0}
.ticket-list-title strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-list-main>span,.ticket-list-main>small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ticket-list-meta{display:grid;justify-items:end;gap:5px}
.ticket-list-meta time{font-size:9.5px;color:var(--muted)}
.ticket-list-row>b{font-size:22px;color:var(--muted)}
.ticket-new-reply{display:inline-flex;padding:3px 7px;border-radius:999px;background:rgba(57,184,90,.12);color:#7ee59b;font-size:9px;font-weight:700;white-space:nowrap}
.ticket-empty{text-align:center;padding:38px 18px;color:var(--muted)}
.ticket-empty>span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:16px;background:rgba(57,184,90,.08);color:#6dde8b;font-size:25px}
.ticket-empty strong{display:block;color:var(--text);font-size:17px}
.ticket-empty p{margin:5px 0 15px}

.ticket-new-head,.ticket-form-layout,.ticket-detail-head,.ticket-live-card{max-width:1080px;margin-left:auto!important;margin-right:auto!important}
.ticket-new-head h1{margin:7px 0 5px;font-size:clamp(27px,3vw,36px)}
.ticket-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}
.ticket-form-easy{padding:21px}
.ticket-form-easy label{font-size:12px;color:#bcc8c0;margin-top:13px}
.ticket-form-easy label small{font-weight:500;color:var(--muted)}
.ticket-form-easy input,.ticket-form-easy select,.ticket-form-easy textarea{background:#0b1728;border-color:#29405d;min-height:44px}
.ticket-form-easy textarea{min-height:130px;line-height:1.6}
.ticket-submit-note{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:12px 13px;border-radius:12px;border:1px solid rgba(57,184,90,.22);background:rgba(57,184,90,.055)}
.ticket-submit-note>span{display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:rgba(57,184,90,.15);color:#6fe18e;font-weight:800}
.ticket-submit-note strong,.ticket-submit-note small{display:block}
.ticket-submit-note strong{font-size:11.5px;color:var(--text)}
.ticket-submit-note small{margin-top:2px;font-size:10.5px;line-height:1.5;color:var(--muted)}
.ticket-form-actions{margin-top:16px}
.ticket-help-card{position:sticky;top:90px;padding:18px}
.ticket-help-card h3{font-size:16px;margin:4px 0 12px}
.ticket-help-card ul{padding-left:18px;margin:0;display:grid;gap:8px;color:#bcc7c0;font-size:11.5px;line-height:1.5}

.ticket-detail-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px!important}
.ticket-detail-head h1{font-size:clamp(24px,3vw,34px);margin:6px 0 4px;line-height:1.18}
.ticket-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ticket-live-indicator{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid rgba(57,184,90,.2);background:rgba(57,184,90,.055);border-radius:999px;color:#8bdba0;font-size:9.5px;font-weight:700}
.ticket-live-indicator i{width:7px;height:7px;border-radius:50%;background:#56df7e;box-shadow:0 0 0 4px rgba(86,223,126,.08)}
.ticket-live-card{padding:0;overflow:hidden}
.ticket-live-messages{max-height:58dvh;min-height:280px;overflow:auto;padding:18px;background:color-mix(in srgb,var(--bg) 52%,var(--card))}
.ticket-msg{max-width:78%;margin:8px 0;padding:12px 13px;border-radius:15px}
.ticket-msg.admin-msg{margin-left:auto}
.ticket-msg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}
.ticket-msg-head strong{font-size:10.5px}
.ticket-msg-head small{float:none!important;font-size:9px}
.ticket-msg p{font-size:12.5px;line-height:1.6;margin:0}
.ticket-attachment{display:inline-flex;margin-top:8px;padding:6px 8px;border-radius:8px;border:1px solid var(--line);font-size:10px}
.ticket-reply-form{padding:15px;border-top:1px solid var(--line);background:var(--card)}
.ticket-reply-form>label{margin-top:0}
.ticket-reply-form textarea{min-height:86px;background:#0b1728;border-color:#29405d}
.ticket-reply-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:8px}
.ticket-reply-row input[type=file]{min-height:42px}
.ticket-closed-note{margin:14px}
.ticket-admin-live .ticket-live-messages{max-height:52dvh}
.admin-ticket-messages .ticket-msg{max-width:82%}

@media(max-width:860px){
  .ticket-hub-head,.ticket-detail-head{display:grid;align-items:start}
  .ticket-hub-head .btn{width:100%}
  .ticket-form-layout{grid-template-columns:1fr}
  .ticket-help-card{position:static}
  .ticket-list-row{grid-template-columns:auto minmax(0,1fr) auto}
  .ticket-list-meta{grid-column:2;grid-row:2;justify-items:start;display:flex;align-items:center;gap:8px}
  .ticket-list-row>b{grid-column:3;grid-row:1/3}
  .ticket-head-actions{justify-content:flex-start}
  .ticket-msg{max-width:92%}
}
@media(max-width:560px){
  .ticket-hub-head h1{font-size:27px}
  .ticket-form-easy{padding:15px!important}
  .ticket-form-easy .row{grid-template-columns:1fr!important;gap:0}
  .ticket-list-card{padding:11px!important}
  .ticket-list-row{padding:11px;gap:9px}
  .ticket-list-title{display:grid;gap:4px}
  .ticket-list-main>span{white-space:normal}
  .ticket-live-messages{min-height:260px;max-height:54dvh;padding:10px}
  .ticket-msg{max-width:96%;padding:10px 11px}
  .ticket-msg p{font-size:12px}
  .ticket-reply-form{padding:10px}
  .ticket-reply-row{grid-template-columns:1fr}
  .ticket-reply-row .btn{width:100%}
}

/* =========================================================
   BuuHost Panel 26.6 · Cliente Pro + Poppins + Seguridad
   ========================================================= */
html,body,button,input,select,textarea,.btn,table{font-family:"Poppins",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
body{font-size:14px!important;line-height:1.55}
label{font-size:12.5px!important;letter-spacing:0!important}
input,select,textarea{font-size:13.5px!important}
.side a,.client-side a{font-size:13.5px!important}

/* Shell del cliente */
.buu-client-app{--buu-side-w:256px;--buu-top-h:66px;background:#060806!important}
.buu-client-app .buu-topstrip{height:var(--buu-top-h);background:rgba(5,8,6,.94)!important;border-bottom:1px solid rgba(57,184,90,.12)!important;padding:0 22px}
.buu-client-app .buu-topstrip-title{font-size:14px!important;font-weight:600!important;color:#dfe8e2!important}
.buu-client-app .buu-client-sidebar{width:var(--buu-side-w);background:linear-gradient(180deg,#050806 0%,#07100a 100%)!important;border-right:1px solid rgba(57,184,90,.12)!important;box-shadow:8px 0 32px rgba(0,0,0,.15)!important}
.buu-client-app .buu-side-brand{height:66px;padding:0 19px!important}
.buu-client-app .buu-side-brand .brand-logo{max-width:154px!important;max-height:40px!important}
.buu-client-app .buu-side-scroll{padding:14px 11px 18px!important}
.buu-client-app .buu-side-link{min-height:44px!important;padding:10px 12px!important;margin:3px 0!important;border-radius:11px!important;color:#aeb9b1!important;font-size:13.5px!important;font-weight:550!important;letter-spacing:-.01em}
.buu-client-app .buu-side-link .buu-ui-icon{width:19px!important;height:19px!important;color:#87968b!important}
.buu-client-app .buu-side-link:hover{color:#fff!important;background:rgba(57,184,90,.07)!important}
.buu-client-app .buu-side-link.active{color:#fff!important;background:linear-gradient(90deg,rgba(57,184,90,.19),rgba(57,184,90,.045))!important;border-color:rgba(57,184,90,.13)!important;box-shadow:inset 2px 0 0 #55d978!important;font-weight:650!important}
.buu-client-app .buu-side-section{margin:4px 0!important}
.buu-client-app .buu-section-toggle{height:44px!important;border-radius:11px!important;padding:0 12px!important;color:#aeb9b1!important;font-size:13.5px!important;font-weight:550!important;letter-spacing:-.01em!important;text-transform:none!important}
.buu-client-app .buu-section-toggle>span{display:flex;align-items:center;gap:10px}
.buu-client-app .buu-section-toggle>span .buu-ui-icon{width:19px;height:19px;color:#87968b}
.buu-client-app .buu-section-toggle>.buu-ui-icon{width:14px!important;height:14px!important}
.buu-client-app .buu-section-toggle:hover,.buu-client-app .is-active-group>.buu-section-toggle{background:rgba(57,184,90,.055)!important;color:#fff!important}
.buu-client-app .buu-section-body{padding-left:14px;margin-left:20px;border-left:1px solid rgba(57,184,90,.13)}
.buu-client-app .buu-section-body .buu-side-link{min-height:38px!important;padding:8px 10px!important;font-size:12.5px!important}
.buu-client-app .buu-section-body .buu-side-link .buu-ui-icon{width:16px!important;height:16px!important}
.buu-client-app .buu-side-footer{padding:12px 11px!important;border-top:1px solid rgba(255,255,255,.055)!important}
.buu-client-app .buu-shop-footer .buu-side-link{background:rgba(57,184,90,.06)!important;border:1px solid rgba(57,184,90,.12)!important;color:#d9e8dd!important}
.buu-client-app .buu-shop-footer .buu-side-link:hover{border-color:rgba(57,184,90,.26)!important;background:rgba(57,184,90,.10)!important}

/* Topbar y perfil estilo portal profesional */
.buu-top-actions{gap:10px!important}
.buu-notification-link{height:40px!important;font-size:12.5px!important}
.buu-account-wrap{position:relative}
.buu-account-button{height:44px;min-width:210px;max-width:300px;padding:5px 9px 5px 6px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(255,255,255,.025);color:#f3f7f4;display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;transition:.16s ease}
.buu-account-button:hover,.buu-account-button[aria-expanded="true"]{background:rgba(57,184,90,.065);border-color:rgba(57,184,90,.20)}
.buu-account-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2f9e4e,#45c568);color:#fff;font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(57,184,90,.16)}
.buu-account-avatar.lg{width:42px;height:42px;flex-basis:42px;border-radius:13px;font-size:15px}
.buu-account-copy{display:grid;min-width:0;flex:1}.buu-account-copy strong{font-size:11.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buu-account-copy small{font-size:9.5px;color:#849187;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.buu-account-button>.buu-ui-icon{width:14px;height:14px;color:#6f7d73;flex:0 0 14px}
.buu-account-menu{position:absolute;top:52px;right:0;width:310px;padding:8px;border:1px solid rgba(255,255,255,.085);border-radius:15px;background:#0a0f0c;box-shadow:0 24px 70px rgba(0,0,0,.52);opacity:0;visibility:hidden;transform:translateY(-5px) scale(.985);transform-origin:top right;transition:.16s ease;z-index:140}
.buu-account-menu.is-open{opacity:1;visibility:visible;transform:none}
.buu-account-head{display:flex;align-items:center;gap:11px;padding:11px 10px 13px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:5px}.buu-account-head div{min-width:0}.buu-account-head strong,.buu-account-head small{display:block}.buu-account-head strong{font-size:13px;color:#fff}.buu-account-head small{font-size:10.5px;color:#849187;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buu-account-menu>a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:10px;color:#c6d0c9;text-decoration:none}.buu-account-menu>a:hover{background:rgba(57,184,90,.065);color:#fff}.buu-account-menu>a>.buu-ui-icon{width:18px;height:18px;color:#829188;flex:0 0 18px}.buu-account-menu>a>span{display:grid;flex:1}.buu-account-menu>a strong{font-size:11.5px}.buu-account-menu>a small{font-size:9.5px;color:#7e8a82;margin-top:2px}.buu-account-menu .danger-link:hover{background:rgba(239,68,68,.07);color:#ffb4b4}.buu-account-separator{height:1px;background:rgba(255,255,255,.055);margin:5px 3px}

/* Tipografía y encabezados del área cliente */
.buu-client-app .buu-content-wrap{width:min(1240px,calc(100% - 54px));padding:34px 0 64px!important}
.client-page-heading,.client-dashboard-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.client-page-heading h1,.client-dashboard-hero h1{font-size:clamp(30px,3.2vw,42px)!important;line-height:1.08;margin:5px 0 7px!important;letter-spacing:-.045em}.client-page-heading p,.client-dashboard-hero p{margin:0;color:#93a097;font-size:13.5px;line-height:1.65;max-width:720px}
.client-dashboard-hero{align-items:center;padding:6px 0 2px}.client-dashboard-hero .btn{min-height:42px}

/* Dashboard único BuuHost */
.client-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.client-kpi{min-height:118px;padding:17px;border-radius:16px;border:1px solid rgba(57,184,90,.12);background:linear-gradient(180deg,#0b100d,#080c09);display:flex;align-items:center;gap:13px;transition:.17s ease;box-shadow:0 15px 35px rgba(0,0,0,.12)}
.client-kpi:hover{transform:translateY(-2px);border-color:rgba(57,184,90,.26);background:linear-gradient(180deg,#0d1510,#09100b)}
.client-kpi-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:rgba(57,184,90,.08);color:#66dc84}.client-kpi-icon .buu-ui-icon{width:21px;height:21px}.client-kpi>div{display:grid;min-width:0;flex:1}.client-kpi>div>strong{font-size:26px;line-height:1;font-weight:700;color:#fff;letter-spacing:-.04em}.client-kpi>div>span{font-size:11.5px;color:#aeb9b1;margin-top:6px}.client-kpi>div>small{font-size:9.5px;color:#6f7c73;margin-top:2px}.client-kpi>b{font-size:21px;color:#56645a;font-weight:400}
.client-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px;align-items:start}.client-dashboard-grid>.card{margin:0!important}
.dashboard-service-list{display:grid}.dashboard-service-item{display:flex;align-items:center;gap:12px;padding:13px 5px;border-top:1px solid rgba(255,255,255,.055);transition:.15s}.dashboard-service-item:first-child{border-top:0}.dashboard-service-item:hover{padding-left:9px;background:rgba(57,184,90,.025)}.dashboard-service-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(57,184,90,.07);color:#6adf88;flex:0 0 36px}.dashboard-service-icon .buu-ui-icon{width:18px;height:18px}.dashboard-service-item>div{display:grid;min-width:0;flex:1}.dashboard-service-item>div strong{font-size:12.5px}.dashboard-service-item>div small{font-size:10.5px;color:#7f8d83;margin-top:2px}.dashboard-service-item>b{color:#556158;font-size:20px}.dashboard-service-item .pill{font-size:9px!important}
.client-quick-actions>h3{margin-bottom:3px!important}.client-quick-actions>p{margin-top:0}.client-quick-actions>a{display:flex;align-items:center;gap:11px;padding:11px 3px;border-top:1px solid rgba(255,255,255,.055)}.client-quick-actions>a:first-of-type{margin-top:11px}.client-quick-actions>a>.buu-ui-icon{width:19px;height:19px;color:#69dd87;flex:0 0 19px}.client-quick-actions>a>span{display:grid;flex:1}.client-quick-actions>a strong{font-size:11.5px}.client-quick-actions>a small{font-size:9.5px;color:#7c8980}.client-quick-actions>a>b{font-size:19px;color:#556158}.client-quick-actions>a:hover strong{color:#77e594}
.client-empty-state{text-align:center;padding:34px 18px}.client-empty-state>.buu-ui-icon{width:35px;height:35px;color:#63da81;margin:0 auto 10px}.client-empty-state h3{margin:0 0 4px!important}.client-empty-state p{margin:0 0 15px;color:#829087;font-size:12px}

/* Perfil y seguridad */
.buu-profile-card{padding:24px!important}.profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px}.profile-form-divider{height:1px;background:rgba(255,255,255,.06);margin:22px 0 8px}.profile-actions{display:flex;justify-content:flex-end;margin-top:18px}.profile-actions .btn{min-width:160px}.login-remember{margin-top:14px!important;padding:11px 12px;border:1px solid rgba(57,184,90,.11);border-radius:11px;background:rgba(57,184,90,.035)}.login-remember span{display:grid;text-align:left}.login-remember strong{font-size:11px}.login-remember small{font-size:9.5px;color:#7f8d83;margin-top:2px}.buu-login-pro>p.muted{text-align:left!important;margin:-15px 0 18px!important;line-height:1.6}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.security-card{margin:0!important}.security-card-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:rgba(57,184,90,.08);color:#6bdf88;margin-bottom:13px}.security-card-icon .buu-ui-icon{width:22px;height:22px}.security-card h3{margin-bottom:4px!important}.security-card>div>p{font-size:11.5px;line-height:1.6}.security-form{margin-top:15px}.security-form .btn{margin-top:13px}.security-note{margin-top:15px;padding:11px 12px;border-radius:10px;background:rgba(57,184,90,.035);border:1px solid rgba(57,184,90,.10);color:#87958b;font-size:10.5px;line-height:1.55}.recent-logins{margin-top:16px!important}.client-simple-form{max-width:680px}

/* Mejor lectura general cliente + administrador */
.buu-client-app .card{padding:22px!important}.buu-client-app .card h3{font-size:16px!important;letter-spacing:-.02em}.buu-client-app .muted{color:#93a097!important}.buu-client-app table td{font-size:12.5px}.buu-client-app table th{font-size:9.5px}.buu-client-app .btn{font-size:11.5px!important;font-weight:600!important}.side a{font-weight:550!important}.admin-system-brand+.side-scroll a{font-size:13px!important}

@media(max-width:1050px){.client-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-dashboard-grid{grid-template-columns:1fr}}
@media(max-width:900px){
 .buu-client-app .buu-topstrip{left:0!important;padding:0 10px!important}.buu-account-button{min-width:0;width:42px;height:42px;padding:5px}.buu-account-copy,.buu-account-button>.buu-ui-icon{display:none}.buu-account-avatar{width:32px;height:32px}.buu-account-menu{position:fixed;right:10px;top:60px;width:min(330px,calc(100vw - 20px))}.buu-notification-link{width:40px!important;height:40px!important;padding:0!important;justify-content:center}.buu-notification-link>span{display:none!important}.buu-client-app .buu-content-wrap{width:calc(100% - 24px)!important;padding-top:24px!important}.client-page-heading,.client-dashboard-hero{align-items:flex-start}.buu-client-app .buu-client-sidebar{width:min(86vw,310px)}
}
@media(max-width:620px){
 .client-kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.client-kpi{min-height:98px;padding:12px;gap:9px}.client-kpi-icon{width:34px;height:34px;flex-basis:34px}.client-kpi>div>strong{font-size:21px}.client-kpi>div>span{font-size:10.5px}.client-kpi>b{display:none}.client-dashboard-hero,.client-page-heading{display:grid;gap:12px}.client-dashboard-hero .btn,.client-page-heading .btn{width:100%}.profile-form-grid,.security-grid{grid-template-columns:1fr}.buu-profile-card{padding:16px!important}.profile-actions .btn{width:100%}.client-dashboard-grid{gap:12px}.buu-client-app .card{padding:16px!important}
}

/* 26.6.0 · legibilidad final */
.side .side-scroll>a,.side .side-group a{font-size:13.5px!important;line-height:1.4!important}
.buu-client-app .buu-section-body .buu-side-link{font-size:13px!important}
.buu-account-menu>a strong{font-size:12.5px!important}
.buu-account-menu>a small{font-size:10.5px!important}
.ticket-form-easy label,.ticket-reply-form label{font-size:13px!important}
.ticket-form-easy input,.ticket-form-easy select,.ticket-form-easy textarea,.ticket-reply-form textarea{font-size:14px!important}