.hub{width:min(1150px,calc(100% - 32px));margin:35px auto 64px;color:#193b33}.hub h1{font-size:clamp(2.3rem,6vw,4.6rem);line-height:1.05;margin:12px 0 18px}.hub h2{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 16px}.hub p{line-height:1.6;max-width:75ch}.hub .eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700}.hub-nav,.hub-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hub-nav{position:sticky;top:0;z-index:3;padding:12px;background:#f3f7f4;border:1px solid #dce7df;border-radius:15px;margin:24px 0}.hub-nav a,.hub-link,.hub button{border-radius:10px;padding:11px 15px;background:#e5efea;color:#194d3e;text-decoration:none;font-weight:650;border:0;cursor:pointer}.hub button,.hub .hub-primary{background:#174c3c;color:#fff}.hub-card,.hub-hero{padding:clamp(18px,4vw,36px);background:white;border:1px solid #dce7df;border-radius:20px;margin:18px 0;scroll-margin-top:105px}.hub-hero{background:#e9f1eb}.hub-hero img{width:min(155px,35%);max-height:86px;object-fit:contain;object-position:left}.hub-grid,.hub-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.hub figure{margin:0;background:#f4f7f4;border-radius:12px;overflow:hidden;border:1px solid #dce7df}.hub figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#eef2ee}.hub figcaption{padding:13px;font-weight:650}.hub label{display:block;font-weight:650;margin:8px 0}.hub input:not([type=checkbox]),.hub textarea,.hub select{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid #aabfb4;border-radius:8px;font:inherit;background:white;color:inherit}.hub .hub-check{display:flex;gap:10px;align-items:center;padding:10px 0}.hub input[type=checkbox]{width:20px;height:20px;accent-color:#174c3c}.hub :focus-visible{outline:3px solid #947441;outline-offset:3px}.hub button:disabled{opacity:.6}.hub-top{display:flex;justify-content:space-between;align-items:center;width:min(1150px,calc(100% - 32px));margin:20px auto;gap:15px}.hub-top a{color:#194d3e;text-decoration:none;font-weight:700}.hub-top img{width:120px;height:auto}.hub small{display:block;margin-top:10px}

/* MRBASE-BARBEARIA-LAYOUT-V1 */
main.hub:has(> form.hub-row) {
  display: block;
  position: static;
  transform: none;
  width: min(1150px, calc(100% - 32px));
  height: auto;
  margin: 28px auto 64px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
main.hub:has(> form.hub-row)::before,
main.hub:has(> form.hub-row)::after {
  content: none;
}
main.hub:has(> form.hub-row) > h1 {
  font-size: clamp(1.9rem, 4vw, 3rem);
}
main.hub > form.hub-row {
  align-items: end;
}
main.hub > form.hub-row > label {
  flex: 0 1 340px;
  min-width: 0;
  margin: 0;
}
#barber-profile .hub-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#barber-profile .hub-fields > label {
  min-width: 0;
}
@media (max-width: 900px) {
  #barber-profile .hub-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  main.hub > form.hub-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  #barber-profile .hub-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}