/* Shared GET3D appearance. Loaded last; page layouts remain in their own stylesheets. */
:root{--bg:#f7f9fa;--surface:#fff;--surface-soft:#f1f5f7;--text:#17212a;--text-muted:#54626e;--border:#dce2e7;--border-focus:#426783;--primary:#17212a;--primary-hover:#304858;--ink:var(--text);--muted:var(--text-muted);--line:var(--border);--paper:var(--bg);--radius-sm:10px;--radius:16px;--radius-lg:20px;--shadow:0 4px 18px #17212a06}
html,body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{line-height:1.55}h1,h2,h3{color:var(--text);letter-spacing:-.025em}button,input,select,textarea{font:inherit}
.card,.shop-card,.recovery-card,.process-grid li,.material-card{border-color:var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}
.btn{min-height:46px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;line-height:1.4;padding:12px 18px;transition:background .15s,border-color .15s}
.btn-primary,.hero-actions .btn{background:var(--primary);color:#fff}.btn-primary:hover,.hero-actions .btn:hover{background:var(--primary-hover);color:#fff}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-soft);border-color:#a8b8c3}.btn-danger{color:#fff;background:var(--danger)}
.form-control,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea{border:1px solid #bdc9d2;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:10px 12px;min-height:46px;max-width:100%;font-size:16px}
input[type=checkbox],input[type=radio]{accent-color:var(--primary)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #427796;outline-offset:3px}
.site-header,.home-header{background:var(--surface);border-bottom:1px solid var(--border)}.site-header nav a,.home-header nav a{font-size:13px;font-weight:600;text-decoration:none}.brand-logo,.home-brand img{width:180px;height:65px;object-fit:contain}
.auth-card .brand img,.account-logo img,.admin-logo img{display:block;width:180px;max-width:100%;height:65px;object-fit:contain}.auth-card{max-width:480px;border-radius:var(--radius)}.auth-subtitle,.form-help{line-height:1.65}
.account-sidebar,.admin-sidebar{background:var(--surface);color:var(--text);border-right:1px solid var(--border)}.admin-logo span{display:block;font-size:12px;letter-spacing:.08em;color:var(--text-muted);opacity:1;margin-top:4px}.account-nav a,.admin-nav a{color:var(--text-muted);border-radius:var(--radius-sm);font-size:14px}.account-nav a:hover,.account-nav a.active,.admin-nav a:hover,.admin-nav a.active{background:#eaf0f4;color:var(--text)}.account-logout,.admin-logout{color:var(--text-muted);font-size:14px;min-height:44px}
.notice,.alert,.model-progress,.selection-summary{border-radius:var(--radius)}table th{color:var(--text-muted);font-weight:600}table td,table th{border-color:var(--border)}
.privacy-footer,.home-footer{color:var(--text-muted)}
@media(max-width:650px){.auth-page{padding:20px 16px}.auth-card{padding:24px 20px}.brand-logo,.home-brand img{width:160px;height:56px}.site-header nav{flex-wrap:wrap}.account-content,.admin-content{min-width:0}.btn{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Full-width storefront navigation and consistent contact links. */
.home-header.wrap{max-width:none;width:100%;padding-inline:max(40px,calc((100% - 1184px)/2))}
a.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;border:1px solid #c5e5d3;border-radius:12px;background:#edf8f1;color:#12643b;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;min-height:44px;white-space:nowrap;width:fit-content}
a.whatsapp-button:hover{background:#dcefe3;border-color:#83bd9b;color:#104e30}a.whatsapp-button:focus-visible{outline:3px solid #287a4e;outline-offset:3px}.whatsapp-button img{width:20px;height:20px;flex-shrink:0}
.footer-contact{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px}
.privacy-footer{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 24px;padding:24px;line-height:1.6}.privacy-footer a{text-decoration:none}.privacy-footer a:hover{text-decoration:underline}.privacy-footer a.whatsapp-button:hover{text-decoration:none}
.home-footer .footer-bottom{align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:8px}
@media(max-width:950px){.home-header.wrap{padding-inline:26px}}@media(max-width:700px){.home-header.wrap{padding-inline:20px}.footer-contact{align-items:flex-start;flex-direction:column}}

.final-cta h2{color:#fff}

button[data-auto-refresh]{display:none!important}

/* Full-width navigation on every public page. */
.site-header{width:100%;max-width:none;margin-inline:0;padding-inline:clamp(20px,4vw,64px);box-sizing:border-box}.site-header:before{display:none}
@media(max-width:650px){.site-header{padding-inline:16px}}

/* Quiet utility footer; prominent contact buttons elsewhere stay unchanged. */
.privacy-footer{gap:10px 22px;padding:22px 20px;font-size:12px;color:#6d7b75}
.privacy-footer>a{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:5px 0;color:inherit;text-decoration:none;font-weight:400;line-height:1.5}
.privacy-footer>a:hover{color:#234d3b;text-decoration:underline;text-underline-offset:4px}
.privacy-footer>a.whatsapp-button{min-height:36px;padding:5px 0;background:transparent;border:0;border-radius:4px;font-size:12px;font-weight:400;color:inherit;gap:7px}
.privacy-footer>a.whatsapp-button:hover{background:transparent;border:0;color:#21734e;text-decoration:underline;text-underline-offset:4px}
.privacy-footer .whatsapp-button img{width:17px;height:17px;opacity:.8}
.privacy-footer>a:focus-visible{outline:2px solid #718e7e;outline-offset:5px;border-radius:3px}
@media(max-width:540px){.privacy-footer{gap:8px 18px;font-size:11px}.privacy-footer>a.whatsapp-button{font-size:11px}}

/* Shared interaction details for public pages and both portals. */
.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
button:disabled,.btn:disabled{cursor:not-allowed;opacity:.6}
.privacy-footer>a,.privacy-footer>a.whatsapp-button{min-height:44px}
@media(max-width:650px){
.privacy-footer{gap:6px 18px}
input[type=checkbox],input[type=radio]{min-width:18px;min-height:18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
