:root{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--line:#e7e8ee;--muted:#727887;--ink:#242334;--accent:#7157b8;--green:#14794d;font-family:'Segoe UI',sans-serif}body{background:var(--bg);color:var(--ink)}.topbar{max-width:none;background:#fff;border-bottom:1px solid var(--line);height:96px;padding:20px max(24px,calc((100vw - 1104px)/2))}.brand img{width:160px;height:60px}nav{align-items:center;gap:32px}nav a:first-child{font-weight:600;color:var(--accent)}nav a:last-child{display:flex;align-items:center;gap:8px}.icon{flex-shrink:0;vertical-align:middle}main{padding-top:48px}.directory-header{text-align:center;max-width:720px;margin:0 auto 38px}.eyebrow{display:inline-flex;align-items:center;gap:8px;letter-spacing:1.8px;font-size:11px;margin-bottom:18px;color:var(--accent)}.eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(32px,4vw,48px);font-weight:650;letter-spacing:-1.7px;line-height:1.14}.directory-header h1{max-width:none;margin-bottom:16px}.intro{font-size:15px;line-height:1.75;color:var(--muted)}.directory-header .intro{margin:auto;max-width:540px}.toolbar{margin:0 0 25px;padding-top:25px;border-top:1px solid var(--line)}.search-wrap{position:relative;width:350px;max-width:100%;color:var(--muted)}.search-wrap>.icon{position:absolute;left:16px;top:15px;pointer-events:none;width:19px;height:19px}.search{background:#fff;color:var(--ink);padding:14px 16px 14px 46px;width:100%;border:1px solid #dfe2e9;border-radius:10px;font-size:14px}.count{font-size:12px}.grid{gap:25px;grid-template-columns:repeat(3,1fr)}.seller-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 5px 22px #25233405;transition:box-shadow .25s,transform .25s}.seller-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #2523340d}.seller-photo{display:block;position:relative;background:#ebe7f4;padding:20px;overflow:hidden}.seller-photo .avatar{width:100%;height:240px;border-radius:12px;object-fit:contain;background:#ece7f5;font-size:64px}.seller-photo .photo-label{position:absolute;left:33px;bottom:33px;display:flex;align-items:center;gap:6px;color:#fff;background:#28203ccc;backdrop-filter:blur(8px);padding:6px 10px;border-radius:8px;font-size:10px;font-weight:600}.photo-label .icon{width:13px;height:13px}.seller-body{padding:23px}.seller-body h2{font-size:23px;font-weight:650;margin:0 0 7px;letter-spacing:-.5px}.seller-body .role{font-size:13px;font-weight:500;color:var(--accent);margin-bottom:15px}.seller-body .bio{font-size:13px;line-height:1.7;margin-bottom:23px;min-height:44px}.seller-actions{display:flex;gap:9px}.seller-actions .button{flex:1;padding:12px 8px;font-size:12px;white-space:nowrap}.seller-actions .icon{height:18px;width:18px}.button{background:#fff;border:1px solid #dde0e8;color:var(--ink);border-radius:10px;gap:9px;padding:15px 19px;font-size:14px;min-height:50px;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{background:#f5f3fa;transform:translateY(-2px);box-shadow:0 4px 12px #25233408}.button:active{transform:scale(.98)}.button.primary{background:var(--accent);color:#fff}.button.whatsapp{background:#e8f6ee;color:#14794d;border:1px solid #d8eddf}.button.whatsapp:hover{background:#dcf1e5}.button.danger{color:#ba3e4b}.back{display:inline-flex;align-items:center;gap:8px;font-size:13px;margin-bottom:25px}.back .icon{height:18px;width:18px}.profile{background:#fff;padding:0;grid-template-columns:390px 1fr;gap:0;overflow:hidden;border:1px solid var(--line);box-shadow:0 15px 55px #28203a07;border-radius:24px}.profile-visual{padding:32px;background:linear-gradient(160deg,#f0ecf8,#e4dcef);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.portrait{border-radius:17px;width:100%;aspect-ratio:1;object-fit:contain;background:#e5deef;font-size:85px;box-shadow:0 10px 30px #3d235312}.visual-caption{text-transform:uppercase;color:#87769b;letter-spacing:2px;font-size:10px;display:flex;align-items:center;gap:8px}.visual-caption:before,.visual-caption:after{content:'';width:20px;height:1px;background:#bcafcf}.profile-info{padding:40px}.badge{display:inline-flex;align-items:center;gap:6px;background:#f2edf9;color:var(--accent);border-radius:6px;padding:7px 10px;font-weight:600;font-size:10px;letter-spacing:.3px}.badge .icon{height:13px;width:13px}.profile h1{font-size:40px;margin:18px 0 9px;letter-spacing:-1.3px}.profile .role{font-size:15px;margin-bottom:18px}.profile .bio{font-size:14px;margin:0;line-height:1.8}.profile .actions{margin:24px 0;gap:10px}.contact-actions>.button{flex:1}.contact-actions .whatsapp{background:#198754;color:#fff;border-color:#198754}.contact-actions .whatsapp:hover{background:#126e43}.details{border-top:1px solid var(--line);padding-top:19px;gap:10px;font-size:13px}.details a{display:flex;align-items:center;gap:12px;min-height:35px}.details .icon{color:var(--accent);height:18px;width:18px}.details a:hover{color:var(--accent)}.socials{margin-top:21px;gap:9px}.socials a{border:1px solid var(--line);border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.socials a:hover{background:#f5f2fa}.socials .icon{height:18px;width:18px}.utility-actions{border-top:1px solid var(--line);padding-top:22px;margin-bottom:0!important}.utility-actions .button{font-size:12px;min-height:46px;flex:1;padding:12px 9px}.utility-actions .icon{height:18px;width:18px}footer{max-width:1104px;margin:0 auto;color:#8a8d98;padding-left:0;padding-right:0;font-size:11px}footer a{color:var(--accent)}input,textarea{background:#fff;border-color:#dfe2e9;color:var(--ink)}.editor,.admin-row{background:#fff}.notice{background:#fff}.error{color:#bc3949}.admin-row .avatar{background:#ebe7f4}.admin-heading h1{font-size:36px}#toast{background:#272335;color:#fff;box-shadow:0 6px 25px #0002}dialog{background:#fff;color:var(--ink)}@media(max-width:950px){.grid{grid-template-columns:repeat(2,1fr)}.profile{grid-template-columns:320px 1fr}.profile-info{padding:30px}.profile-visual{padding:24px}.contact-actions{flex-direction:column}.profile h1{font-size:34px}}@media(max-width:600px){.topbar{height:80px;padding:15px 20px}.brand img{width:125px;height:50px}nav{gap:18px;font-size:11px}nav .icon{display:none}main{padding:32px 20px 45px}.directory-header{margin-bottom:26px}.directory-header h1{font-size:35px;letter-spacing:-1px}.directory-header .intro{font-size:14px}.toolbar{gap:14px;padding-top:21px}.search-wrap{width:100%}.grid{grid-template-columns:1fr;gap:20px}.seller-photo .avatar{height:280px}.seller-body{padding:23px}.seller-actions .button{font-size:13px;min-height:49px}.profile{grid-template-columns:1fr;border-radius:20px}.profile-visual{padding:25px;gap:16px}.portrait{max-width:320px}.profile-info{padding:26px}.profile h1{font-size:34px}.contact-actions{flex-direction:row}.contact-actions>.button{padding:14px 10px;font-size:13px;min-height:53px}.utility-actions{flex-wrap:wrap}.utility-actions>.button{min-width:120px}.profile .bio{font-size:14px}footer{margin:0 20px;padding-top:22px;padding-bottom:24px}.admin-heading h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.seller-card:hover,.button:hover,.button:active{transform:none}}

.brand img{filter:brightness(0) saturate(100%) invert(22%) sepia(15%) saturate(1723%) hue-rotate(218deg) brightness(88%) contrast(90%)}
/* Navy palette and stronger text contrast. */
:root{--ink:#102b4e;--accent:#16385f;--muted:#405670;--line:#dce4ed}
h1,h2,.seller-body h2,.button,.socials a{color:var(--ink)}
.intro,.bio,.details,.back,.count,.hint,footer,nav a:last-child{color:#405670}
.role,.profile .role,.eyebrow,.details .icon,footer a{color:#16385f}
.profile .role{font-weight:600}.profile .bio,.profile .details{font-weight:400}
.seller-photo,.seller-photo .avatar,.portrait,.admin-row .avatar{background:#e6edf5}
.profile-visual{background:linear-gradient(160deg,#eef3f8,#dbe6f1)}
.visual-caption{color:#334e6f;font-weight:600}.visual-caption:before,.visual-caption:after{background:#8296b0}
.badge{background:#e9f0f8;color:#16385f}.button.primary{background:#16385f;color:#fff}.button.primary:hover{background:#102b4e}
.button:hover,.socials a:hover{background:#edf2f8}.button.whatsapp{color:#14794d}.contact-actions .whatsapp{color:#fff}
.brand img{filter:brightness(0) saturate(100%) invert(15%) sepia(28%) saturate(1563%) hue-rotate(176deg) brightness(92%) contrast(99%)}
/* Personal digital cards: public site only. */
body:not([data-admin]){background:radial-gradient(ellipse at 80% 0,#e6eff7,transparent 48%),#f6f8fb}
body:not([data-admin]) .directory-header{margin-bottom:30px}
body:not([data-admin]) .directory-header h1{font-size:clamp(33px,4vw,47px);font-weight:700}
body:not([data-admin]) .directory-header .eyebrow{letter-spacing:1.1px}
body:not([data-admin]) .seller-card{border:1px solid #e2eaf3;border-radius:27px;box-shadow:0 8px 28px #16385f08;overflow:hidden}
body:not([data-admin]) .seller-photo{height:175px;overflow:visible;padding:0;background:radial-gradient(circle at 95% 10%,#62c2cc55,transparent 46%),linear-gradient(125deg,#102b4e,#24577d);position:relative}
body:not([data-admin]) .seller-photo:before{content:'';position:absolute;height:110px;width:110px;border:1px solid #ffffff15;border-radius:50%;top:18px;right:15px}
body:not([data-admin]) .seller-photo:after{content:'';position:absolute;top:28px;left:25px;height:8px;width:8px;background:#ffb298;border-radius:50%;box-shadow:15px 0 0 #ffffff26,30px 0 0 #ffffff18}
body:not([data-admin]) .seller-photo .avatar{height:150px;width:150px;position:absolute;bottom:-36px;left:50%;transform:translateX(-50%);border-radius:50%;border:6px solid #fff;background:#e6edf5;object-fit:cover;box-shadow:0 7px 20px #102b4e16;font-size:46px}
body:not([data-admin]) .photo-label{display:none}
body:not([data-admin]) .seller-body{padding:57px 26px 27px;text-align:center}
body:not([data-admin]) .seller-body h2{font-size:25px;font-weight:700;letter-spacing:-.8px}
body:not([data-admin]) .seller-body .role{color:#405670;font-size:13px;margin-bottom:15px}
body:not([data-admin]) .seller-body .bio{font-size:13px;min-height:44px;margin-bottom:20px}
body:not([data-admin]) .seller-actions{flex-direction:column;gap:9px}
body:not([data-admin]) .seller-actions .button{min-height:47px;border-radius:14px;font-size:13px}
body:not([data-admin]) .seller-actions .whatsapp{order:-1;background:#198754;color:white;border:1px solid #198754}
body:not([data-admin]) .seller-actions .whatsapp:hover{background:#116e43}
body:not([data-admin]) .seller-actions .primary{background:#edf3f9;color:#16385f;border:1px solid #e2eaf3}
body.profile-page main{max-width:570px;padding:28px 24px 48px;min-height:0}
body.profile-page .topbar{height:81px;background:#ffffffd9}
body.profile-page .back{font-size:12px;margin-bottom:20px}
body.profile-page .profile{display:flex;flex-direction:column;max-width:490px;margin:0 auto;border:1px solid #e0e8f2;border-radius:30px;overflow:hidden;box-shadow:0 18px 65px #16385f0d}
body.profile-page .profile-visual{height:235px;min-height:235px;padding:0;display:block;position:relative;background:radial-gradient(circle at 100% 0,#64c7d266,transparent 50%),linear-gradient(130deg,#102b4e,#255a7e);isolation:isolate}
body.profile-page .profile-visual:before{content:'';position:absolute;height:180px;width:180px;right:-25px;top:-30px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03;pointer-events:none}
body.profile-page .profile-visual:after{content:'';position:absolute;top:32px;left:32px;width:10px;height:10px;background:#ffb298;border-radius:50%;box-shadow:20px 0 0 #ffffff28,40px 0 0 #ffffff18}
body.profile-page .portrait{height:190px;width:190px;aspect-ratio:1;position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);border-radius:50%;border:7px solid #fff;object-fit:cover;box-shadow:0 8px 30px #16385f18;font-size:60px;background:#e6edf5}
body.profile-page .visual-caption{position:absolute;right:27px;top:31px;color:#e7f1fb;font-size:9px;letter-spacing:1px;font-weight:500}
body.profile-page .visual-caption:before,body.profile-page .visual-caption:after{display:none}
body.profile-page .profile-info{padding:65px 31px 29px;text-align:center;width:100%}
body.profile-page .profile-info>.badge{display:none}
body.profile-page .profile h1{font-size:34px;margin:0 0 8px;line-height:1.13;font-weight:750;letter-spacing:-1px}
body.profile-page .profile .role{font-size:14px;font-weight:500;color:#405670;margin-bottom:18px;line-height:1.6}
body.profile-page .profile .bio{font-size:14px;line-height:1.8;color:#405670;max-width:350px;margin:0 auto}
body.profile-page .contact-actions{display:grid;grid-template-columns:1fr;margin:24px 0 20px;gap:10px}
body.profile-page .contact-actions .button{min-height:54px;border-radius:15px;font-size:14px}
body.profile-page .contact-actions .whatsapp{min-height:58px;font-size:15px;box-shadow:0 5px 16px #19875418}
body.profile-page .contact-actions .button:not(.whatsapp){border-color:#dce6f1;background:#edf3f9;color:#16385f}
body.profile-page .details{border-top:0;padding:0;gap:4px;text-align:left;margin:0 0 18px}
body.profile-page .details a{padding:10px 13px;border-radius:11px;font-size:12px;min-height:40px;background:#fafbfd;color:#405670;justify-content:center}
body.profile-page .details a:hover{background:#eef3f9}
body.profile-page .socials{justify-content:center;margin:18px 0 0;gap:10px;flex-wrap:wrap}
body.profile-page .socials a{border-radius:13px;background:#fff;min-height:46px;font-size:12px;padding:12px 15px}
body.profile-page .socials .icon-instagram{color:#a94768}
body.profile-page .socials .icon-facebook{color:#245fa0}
body.profile-page .utility-actions{gap:10px;padding-top:20px;margin-top:23px;display:grid;grid-template-columns:1fr 1fr}
body.profile-page .utility-actions .button{border:0;background:transparent;box-shadow:none;font-size:11px;display:flex;flex-direction:column;gap:8px;min-width:0;min-height:61px;padding:6px;line-height:1.5}
body.profile-page .utility-actions .button .icon{width:23px;height:23px;color:#16385f}
body.profile-page .utility-actions .button:hover{background:#f1f5fa;border-radius:12px}
body.profile-page footer{max-width:490px;margin:auto;text-align:center;justify-content:center;flex-wrap:wrap;border-top:0;padding:0 25px 25px;gap:12px;font-size:10px}
@media(max-width:600px){body.profile-page main{padding:20px 16px 32px}body.profile-page .profile{border-radius:26px}body.profile-page .profile-visual{height:210px;min-height:210px}body.profile-page .portrait{height:174px;width:174px;bottom:-39px}body.profile-page .profile-info{padding:61px 24px 25px}body.profile-page .profile h1{font-size:32px}body.profile-page .profile .role{font-size:13px}body.profile-page .visual-caption{font-size:8px;top:28px;right:24px}body.profile-page .profile-visual:after{top:28px;left:25px;width:8px;height:8px}body:not([data-admin]) .seller-photo .avatar{height:156px;width:156px}body:not([data-admin]) .seller-photo{height:175px}body:not([data-admin]) .seller-body{padding-top:57px}body:not([data-admin]) .grid{max-width:410px;margin:auto}}