@import url('/assets/css/public-profile-reference-base-20260830.css?v=20260830-1');

/* Functional styles shared by the public hiring dialogs and the reference layout. */
.public-input{width:100%;min-height:3.25rem;border:1px solid #dbe4e1;border-radius:1rem;background:#fff;padding:.8rem 1rem;font-size:16px;font-weight:600;outline:none;transition:border-color .18s ease,box-shadow .18s ease}
.public-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.public-search .public-input{padding-left:2.65rem;border-radius:999px}
.public-service-media{display:none!important}
.public-modal{overflow-y:auto;overscroll-behavior:contain;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}
.public-modal-panel{max-height:calc(100dvh - 2rem);min-height:0;overscroll-behavior:contain}
#leadDialog .public-modal-panel,#bookingDialog .public-modal-panel{display:flex;flex-direction:column;overflow:hidden}
#leadDialog .public-modal-panel>form,#bookingDialog .public-modal-panel>form{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#chatDialog .public-modal-panel>div:first-child>div:first-child>p:first-child{display:none}
#chatDialog .public-modal-panel{height:min(38rem,calc(100dvh - 2rem))}
.public-slot[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}
.public-toast{animation:public-toast-in .24s ease-out}
@keyframes public-toast-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* The Digital Secretary is a Premium feature and must remain visibly discoverable
   while still belonging to the same visual system as the main public-page CTA. */
.public-hero-actions .public-digital-secretary-cta{display:inline-flex!important;width:100%;min-height:54px;margin-top:14px;align-items:center;justify-content:center;gap:10px;border:1px solid color-mix(in srgb,var(--primary) 38%,#dbe4e1);border-radius:16px;background:#fff;padding:13px 20px;color:var(--primary);font-size:16px;font-weight:780;line-height:1.2;text-align:center;box-shadow:none;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.public-hero-actions .public-digital-secretary-cta:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 58%,#cbd5e1);background:color-mix(in srgb,var(--primary) 4%,#fff);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 10%,transparent)}
.public-hero-actions .public-digital-secretary-cta:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}
.public-digital-secretary-cta svg{width:20px;height:20px;flex:0 0 auto}
.public-digital-secretary-contact-entry{background:var(--primary)!important;box-shadow:0 16px 40px color-mix(in srgb,var(--primary) 26%,transparent)!important}
.public-contact-trigger-label.is-persistent{max-width:8.75rem!important}
body>button[onclick="openChat()"]{background:var(--primary)!important;box-shadow:0 18px 55px color-mix(in srgb,var(--primary) 30%,transparent)!important}

/* Public profile hardening: long business descriptions and sticky actions must
   never increase the viewport width. Saved line breaks in the bio stay visible. */
.public-identity-copy,.public-hero-name-row,.public-bio-preview{min-width:0;max-width:100%}
.public-bio-preview{width:100%;white-space:pre-line;overflow-wrap:anywhere;word-break:break-word;text-wrap:pretty}
.public-mobile-bar{box-sizing:border-box;min-width:0}
.public-mobile-bar>*{min-width:0;max-width:100%}
.public-mobile-bar>.public-cta-primary:first-child:last-child{grid-column:1/-1;width:100%}
.public-mobile-bar>.public-mobile-solo-action{grid-column:1/-1;width:100%}

/* Public profile footer: keep ContrataAê acquisition present, but deliberately
   quieter than the professional's own conversion actions. */
.public-footer{width:min(980px,calc(100% - 24px));margin:18px auto 0;padding:0 0 104px;color:#7b858f;font-size:13px;text-align:center}
.public-footer-inner{display:flex;flex-direction:column;align-items:center;border-top:1px solid rgba(15,23,42,.08);padding:28px 16px 0}
.public-footer-branding{display:flex;flex-direction:column;align-items:center}
.public-footer-business{margin:0;color:#26323a;font-size:14px;font-weight:760;line-height:1.4}
.public-footer-business a{color:var(--primary);font-weight:850;text-decoration:none}
.public-footer-invite{max-width:520px;margin:8px auto 0;color:#6b7280;font-size:13px;line-height:1.55;text-wrap:balance}
.public-footer-cta{display:inline-flex;min-height:38px;align-items:center;justify-content:center;margin-top:13px;border:1px solid color-mix(in srgb,var(--primary) 32%,#dbe4e1);border-radius:999px;background:color-mix(in srgb,var(--primary) 4%,#fff);padding:8px 16px;color:var(--primary)!important;font-size:12.5px;font-weight:820!important;line-height:1.2;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.public-footer-cta:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 52%,#cbd5e1);background:color-mix(in srgb,var(--primary) 7%,#fff)}
.public-footer-cta:focus-visible{outline:0;box-shadow:0 0 0 4px var(--primary-soft)}
.public-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin-top:20px}
.public-footer-links a{color:#64707b;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s ease}
.public-footer-links a:hover{color:var(--primary)}
.public-footer-copyright{margin:12px 0 0;color:#98a1aa;font-size:11px;line-height:1.4}

@media(max-width:767px){
  .public-offer-toolbar{display:none}
  .public-hero-actions .public-digital-secretary-cta{min-height:54px;margin-top:12px;padding:13px 16px;border-radius:16px;font-size:16px}
  body>button[onclick="openChat()"]{bottom:5.6rem!important;right:.75rem!important;width:auto!important;max-width:calc(100vw - 1.5rem)!important;height:3.25rem!important;min-height:3.25rem!important;padding:0 .95rem!important;justify-content:center!important;gap:.45rem!important}
  body>button[onclick="openChat()"] span:last-child{display:inline!important;font-size:.7rem!important;white-space:nowrap!important}
  .public-modal{align-items:flex-end!important;padding:0!important}
  .public-modal-panel{width:100%;max-height:calc(100dvh - max(.5rem,env(safe-area-inset-top)))!important;border-radius:1.5rem 1.5rem 0 0!important}
  #leadDialog .public-modal-panel,#bookingDialog .public-modal-panel,#chatDialog .public-modal-panel{height:auto;max-height:calc(100dvh - max(.5rem,env(safe-area-inset-top)))!important}
  .public-mobile-bar{left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));width:auto;max-width:none;overflow:hidden}
  .public-mobile-bar .public-cta-primary,.public-mobile-bar .public-cta-secondary{box-sizing:border-box;min-width:0;max-width:100%}
  .public-mobile-bar .public-cta-primary{width:100%;white-space:normal;text-align:center;overflow-wrap:anywhere}
  .public-mobile-bar .public-cta-secondary{flex:none}
  .public-footer{width:min(100% - 20px,980px);margin-top:14px;padding-bottom:112px}
  .public-footer-inner{padding:24px 10px 0}
  .public-footer-links{max-width:320px;gap:10px 14px;margin-top:18px}
}

@media(min-width:768px){
  .public-footer{padding-bottom:40px}
}

@media(prefers-reduced-motion:reduce){
  .public-hero-actions .public-digital-secretary-cta,.public-footer-cta{transition:none!important}
}