/* Agendei: estilo dos sites dos comércios. Tudo fica dentro de .site;
   as cores vêm de variáveis (--s-*) definidas pelo modelo escolhido.
   Usa container queries para se adaptar à largura (celular ou computador). */
.site{container-type:inline-size;background:var(--s-bg);color:var(--s-fg);font:400 16px/1.6 var(--s-body);-webkit-font-smoothing:antialiased}
.site *{box-sizing:border-box}
.site h1,.site h2,.site h3{margin:0;font-family:var(--s-display);line-height:1.12;text-wrap:balance}
.site p{margin:0}
.site img{max-width:100%;display:block}
.site a{color:inherit}
.s-wrap{max-width:1080px;margin-inline:auto;padding-inline:20px}
.s-eyebrow{font:600 12px/1.2 var(--s-body);text-transform:uppercase;letter-spacing:.14em;color:var(--s-accent)}
.s-label{font:600 12px/1 var(--s-body);text-transform:uppercase;letter-spacing:.12em;color:var(--s-muted)}
.s-empty{font-size:14px;font-style:italic;color:var(--s-muted);padding:18px;border:1.5px dashed var(--s-line);border-radius:12px}

.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--s-accent);color:var(--s-on)!important;border:2px solid var(--s-accent);border-radius:var(--s-radius);padding:13px 22px;font:600 15px/1 var(--s-body);text-decoration:none;white-space:nowrap}
.s-btn--ghost{background:transparent;color:var(--s-fg)!important;border-color:var(--s-line)}
.s-btn--sm{padding:10px 16px;font-size:14px}
.s-link{display:inline-block;margin-top:10px;font-weight:600;color:var(--s-accent)!important;text-decoration:none}

/* Topo */
.s-head{position:sticky;top:0;z-index:5;background:var(--s-bg);border-bottom:1px solid var(--s-line)}
.s-head-in{display:flex;align-items:center;gap:20px;padding-block:12px}
.s-brand{display:flex;align-items:center;gap:10px;font:700 18px/1.1 var(--s-display);text-decoration:none;min-width:0;margin-right:auto}
.s-brand > span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.s-logo{width:42px;height:42px;flex:none;border-radius:50%;background:var(--s-accent);color:var(--s-on);display:grid;place-items:center;font:700 15px/1 var(--s-display);overflow:hidden}
.s-logo img{width:100%;height:100%;object-fit:cover}
.s-nav{display:flex;gap:22px}
.s-nav a{text-decoration:none;font-size:15px;color:var(--s-muted)}
@container (max-width:760px){.s-nav{display:none}}

/* Início */
.s-hero{padding-block:72px;background:var(--s-bg)}
.s-hero-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:48px;align-items:center}
.s-hero-txt{display:grid;gap:18px;justify-items:start}
.s-hero h1{font-size:clamp(34px,6cqi,62px);font-weight:600}
.s-hero-txt p{font-size:18px;color:var(--s-muted);max-width:34em}
.s-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.s-hero-card{display:grid;gap:4px;padding:24px;border-radius:18px;background:var(--s-bg2);border:1px solid var(--s-line)}
.s-hero-card .s-label{margin-bottom:6px}
.s-hero-card .s-btn{margin-top:14px}
.s-mini{display:flex;justify-content:space-between;gap:12px;padding-block:10px;border-bottom:1px solid var(--s-line)}
.s-mini small{display:block;font-size:13px;color:var(--s-muted)}
.s-mini b{white-space:nowrap}
@container (max-width:760px){.s-hero{padding-block:44px}.s-hero-in{grid-template-columns:1fr;gap:32px}}

/* Seções */
.s-sec{padding-block:72px}
.s-sec:nth-of-type(odd){background:var(--s-bg2)}
.s-sec-head{display:grid;gap:10px;margin-bottom:32px}
.s-sec h2{font-size:clamp(28px,4.4cqi,42px);font-weight:600}
@container (max-width:760px){.s-sec{padding-block:52px}}

.s-svcs{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.s-svc{flex:0 1 250px;min-width:0;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:16px;background:var(--s-bg);border:1px solid var(--s-line)}
.s-svc h3{font-size:20px}
.s-svc p{font-size:15px;color:var(--s-muted)}
.s-svc-foot{display:flex;justify-content:space-between;margin-top:auto;padding-top:10px;color:var(--s-muted);font-size:14px}
.s-svc-foot b{color:var(--s-fg);font-size:17px}

.s-about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center}
.s-about--solo{grid-template-columns:minmax(0,1fr);max-width:720px}
.s-about h2{margin-block:10px 18px}
.s-about-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:20px}
.s-prose{display:grid;gap:14px;color:var(--s-muted);font-size:17px}
@container (max-width:760px){.s-about{grid-template-columns:1fr;gap:28px}.s-about-img{aspect-ratio:4/3}}

.s-team{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.s-person{flex:0 1 200px;min-width:0;display:grid;justify-items:center;text-align:center;gap:4px;padding:22px 14px;border-radius:16px;background:var(--s-bg);border:1px solid var(--s-line)}
.s-person span{font-size:14px;color:var(--s-muted)}
.s-avatar{width:96px;height:96px;border-radius:50%;margin-bottom:10px;background:var(--s-bg2);color:var(--s-accent);display:grid;place-items:center;font:700 28px/1 var(--s-display);overflow:hidden;border:2px solid var(--s-line)}
.s-avatar img{width:100%;height:100%;object-fit:cover}

.s-quotes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.s-quote{margin:0;padding:24px;border-radius:16px;background:var(--s-bg);border:1px solid var(--s-line);display:grid;gap:16px}
.s-quote p{font-size:16px}
.s-quote footer{display:grid;font-size:14px}
.s-quote footer span{color:var(--s-muted)}

.s-faq{display:grid;gap:10px;max-width:760px}
.s-faq details{background:var(--s-bg);border:1px solid var(--s-line);border-radius:14px;padding:0 20px}
.s-faq summary{cursor:pointer;font-weight:600;padding-block:16px}
.s-faq details p{padding-bottom:16px;color:var(--s-muted)}

.s-contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.s-contact h3{font-size:18px;margin-bottom:8px}
.s-contact p{color:var(--s-muted)}
@container (max-width:760px){.s-contact{grid-template-columns:1fr}}

.s-foot{padding-block:28px;font-size:14px;color:var(--s-muted);border-top:1px solid var(--s-line)}

/* Variações por modelo */
.site[data-modelo="bemestar"] .s-hero{background:var(--s-bg2)}
.site[data-modelo="bemestar"] .s-sec:nth-of-type(odd){background:var(--s-bg)}
.site[data-modelo="bemestar"] .s-sec:nth-of-type(even){background:var(--s-bg2)}
.site[data-modelo="bemestar"] .s-hero h1{font-style:italic;font-weight:600}
.site[data-modelo="bemestar"] .s-hero-card,.site[data-modelo="bemestar"] .s-svc,.site[data-modelo="bemestar"] .s-person{border-radius:24px}

.site[data-modelo="classico"] .s-hero h1,.site[data-modelo="classico"] .s-sec h2{text-transform:uppercase;letter-spacing:.01em;font-weight:800}
.site[data-modelo="classico"] .s-hero{border-bottom:1px solid var(--s-line)}
.site[data-modelo="classico"] .s-eyebrow{letter-spacing:.24em}
.site[data-modelo="classico"] .s-svc,.site[data-modelo="classico"] .s-person,.site[data-modelo="classico"] .s-quote,.site[data-modelo="classico"] .s-hero-card{border-radius:6px}

.site[data-modelo="moderno"] .s-hero h1{font-weight:700;letter-spacing:-.02em}
.site[data-modelo="moderno"] .s-sec h2{font-weight:700;letter-spacing:-.01em}
.site[data-modelo="moderno"] .s-hero-card{background:var(--s-accent);color:var(--s-on);border-color:transparent}
.site[data-modelo="moderno"] .s-hero-card .s-label,.site[data-modelo="moderno"] .s-hero-card small{color:inherit;opacity:.8}
.site[data-modelo="moderno"] .s-hero-card .s-mini{border-color:color-mix(in srgb,var(--s-on) 25%,transparent)}
.site[data-modelo="moderno"] .s-hero-card .s-btn{background:var(--s-on);color:var(--s-accent)!important;border-color:var(--s-on)}