/* ==========================================================================
   perfil.css — Redesign da pagina de perfil da acompanhante (clean/claro)
   Carregado apenas nas paginas de perfil (via <link> no acompanhante.php).
   Antes era CSS inline no proprio acompanhante.php; movido para ca.
   ========================================================================== */
.slider-acompanhante, .acompanhante-body{ background:transparent !important; float:none !important; width:auto !important; max-width:1000px !important; margin-left:auto !important; margin-right:auto !important; }
#body, body#body{ background-color:#e7e9ee !important; background-image:linear-gradient(to bottom,#060606 0,#060606 110px,#e7e9ee 110px) !important; background-repeat:no-repeat !important; }
#body header.header_section, #body .header_section{ background-color:#060606 !important; }
.slider-acompanhante .overlay-bg{ display:none !important; }
#comentarios .list{ background:rgba(197,45,37,.85) !important; }
.slider-acompanhante{ padding:26px 20px 14px !important; }
.acompanhante-body{ padding:6px 20px 34px !important; }
.slider-acompanhante .adapta{ max-width:100% !important; width:auto !important; margin:0 auto !important; background:#fff !important; border:1px solid #e6e8ee !important; border-radius:16px !important; box-shadow:0 10px 30px rgba(20,20,30,.08) !important; overflow:hidden !important; padding:0 0 12px !important; }
.slider-acompanhante .adapta > *{ float:none !important; width:auto !important; }
#body .slider-acompanhante .h1Title{ text-align:center !important; color:#7b8290 !important; font-size:16px !important; font-weight:600 !important; letter-spacing:.2px; margin:0 !important; padding:24px 24px 0 !important; background:none !important; line-height:1.35 !important; text-transform:none !important; }
#body .slider-acompanhante .h1.WhatsTitle, #body .slider-acompanhante h2.h1, #body .slider-acompanhante h1.h1.WhatsTitle{ text-align:center !important; color:#1f2430 !important; font-size:34px !important; font-weight:800 !important; letter-spacing:.5px; margin:0 !important; padding:3px 22px 2px !important; background:none !important; line-height:1.08 !important; }
#body .slider-acompanhante .h1.WhatsTitle a, #body .slider-acompanhante h2.h1 a, #body .slider-acompanhante .h1Title a{ color:#1f2430 !important; text-decoration:none !important; }
.slider-acompanhante .perfil-verificado-badge{ text-align:center !important; padding:8px 0 0 !important; margin:0 !important; }
.slider-acompanhante .selo-verificado-perfil{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:#0f7a43; background:#e6f6ec; border:1px solid #bfe6cd; padding:4px 12px; border-radius:999px; }
.slider-acompanhante .divWhats{ display:flex !important; justify-content:center !important; width:auto !important; padding:14px 24px 6px !important; }
.slider-acompanhante .divWhats .tel{ display:inline-flex !important; align-items:center; gap:10px; width:auto !important; max-width:100% !important; flex:0 0 auto !important; background:#25D366 !important; color:#fff !important; padding:14px 30px !important; border-radius:14px !important; font-size:17px !important; font-weight:700 !important; text-decoration:none !important; box-shadow:0 10px 22px rgba(37,211,102,.30) !important; transition:transform .12s ease, box-shadow .12s ease; }
.slider-acompanhante .divWhats .tel:hover{ transform:translateY(-1px) !important; box-shadow:0 14px 26px rgba(37,211,102,.38) !important; }
.slider-acompanhante .divWhats .tel::before{ content:'' !important; display:inline-block; width:22px; height:22px; flex:0 0 auto; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15l-1.3 4.9 5-1.3A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8 8 0 1 1 12 20zm4.6-6c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.5 6.5 0 0 1-3.2-2.8c-.2-.4.2-.4.6-1.2.1-.2 0-.3 0-.5s-.6-1.5-.8-2-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3A2.8 2.8 0 0 0 6 8.7a5 5 0 0 0 1 2.6 11 11 0 0 0 4.4 3.9c1.6.6 1.6.4 1.9.4a2.5 2.5 0 0 0 1.6-1.1 2 2 0 0 0 .1-1.1c0-.1-.2-.2-.4-.3z'/%3E%3C/svg%3E") center/contain no-repeat; }
.slider-acompanhante .telefone-acompanhante, .slider-acompanhante .chamar, .slider-acompanhante .shared{ display:none !important; }
.slider-acompanhante .como-acompanhante{ padding:0 !important; margin:0 !important; }
.slider-acompanhante .tb-atendimento{ padding:4px 22px 12px !important; }
.pi2card{ padding:18px 24px 6px; }
.pi2-title{ font-size:12px; letter-spacing:.6px; text-transform:uppercase; color:#9aa0ac; font-weight:600; margin-bottom:12px; }
.pi2-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:16px; }
.pi2-stat{ background:#f7f8fa; border:1px solid #eef0f3; border-radius:12px; padding:12px 6px; text-align:center; }
.pi2-num{ display:block; font-size:22px; font-weight:700; color:#1f2430; line-height:1.1; }
.pi2-num small{ font-size:13px; font-weight:500; }
.pi2-cap{ display:block; font-size:11.5px; color:#8a909c; margin-top:3px; }
.pi2-list{ list-style:none !important; margin:0 !important; padding:0 !important; }
.pi2-list li{ display:flex; align-items:center; gap:12px; padding:11px 2px; border-bottom:1px solid #f2f3f6; background:none; }
.pi2-list li:last-child{ border-bottom:0; }
.pi2-ico{ flex:0 0 auto; width:34px; height:34px; border-radius:9px; background:#fbe9f0; color:#c2185b; display:flex; align-items:center; justify-content:center; }
.pi2-ico svg{ width:18px; height:18px; }
.pi2-list li > span:last-child{ font-size:14.5px; color:#3a4150; }
.pi2-list li b{ font-weight:600; color:#1f2430; }
.pi2-idiom img{ height:16px; vertical-align:-3px; margin-left:4px; }
.slider-acompanhante .detalhes-acompanhante{ padding:16px 26px 22px !important; background:#fff !important; }
.slider-acompanhante .detalhes-acompanhante, .slider-acompanhante .detalhes-acompanhante p, .slider-acompanhante .detalhes-acompanhante div, .slider-acompanhante .detalhes-acompanhante span{ color:#4a5160 !important; font-size:14.5px !important; line-height:1.7 !important; }
.slider-acompanhante .detalhes-acompanhante .face_acompanhante{ text-align:center; margin-top:12px; }
.slider-acompanhante .viajando{ background:#fff5f5 !important; color:#b0392c !important; border:1px solid #f5c6cb; border-radius:10px; padding:10px 14px !important; margin-bottom:12px; }
.acompanhante-body .adapta{ max-width:100% !important; width:auto !important; margin:0 auto !important; }
.acompanhante-fotos{ float:none !important; width:100% !important; }
.minhas-fotos{ background:transparent !important; color:#1f2430 !important; font-weight:700 !important; text-align:center !important; font-size:16px !important; margin:6px 0 16px !important; }
.acompanhante-fotos img{ border-radius:12px !important; max-width:100% !important; height:auto !important; }
.wa-fixed{ display:none; }
@media (max-width:768px){
  .slider-acompanhante, .acompanhante-body{ max-width:none !important; padding-left:10px !important; padding-right:10px !important; }
  .wa-fixed{ display:flex !important; position:fixed !important; left:12px; right:12px; bottom:12px; z-index:99990; align-items:center; justify-content:center; gap:10px; background:#25D366; color:#fff !important; padding:15px; border-radius:14px; font-size:16px; font-weight:700; text-decoration:none; box-shadow:0 10px 26px rgba(0,0,0,.35); }
  .wa-fixed svg{ width:22px; height:22px; }
  .acompanhante-body{ padding-bottom:96px !important; }
}
@media (max-width:520px){
  .slider-acompanhante, .acompanhante-body{ padding-left:10px !important; padding-right:10px !important; }
  #body .slider-acompanhante .h1.WhatsTitle, #body .slider-acompanhante h2.h1{ font-size:30px !important; }
  #body .slider-acompanhante .h1Title{ font-size:15px !important; }
  .pi2card{ padding:16px 14px 4px; }
  .pi2-stats{ gap:7px; }
  .pi2-stat{ padding:10px 3px; }
  .pi2-num{ font-size:19px; }
  .pi2-cap{ font-size:11px; }
  .slider-acompanhante .detalhes-acompanhante{ padding:14px 16px 20px !important; }
}