{"id":5,"date":"2026-05-26T13:55:20","date_gmt":"2026-05-26T13:55:20","guid":{"rendered":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/?page_id=5"},"modified":"2026-07-06T14:34:03","modified_gmt":"2026-07-06T14:34:03","slug":"home","status":"publish","type":"page","link":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5\" class=\"elementor elementor-5\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7b10f8 e-flex e-con-boxed e-con e-parent\" data-id=\"e7b10f8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ca68ed e-con-full e-flex e-con e-child\" data-id=\"1ca68ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dde7c07 elementor-widget elementor-widget-html\" data-id=\"dde7c07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hero-content {\r\n    font-family: 'DM Sans', sans-serif;\r\n    padding: 20px 10px 20px 0;\r\n    max-width: 560px;\r\n  }\r\n\r\n  \/* \u2500\u2500 TAG TOPO \u2500\u2500 *\/\r\n  .hero-tag {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background-color: #afac8b20;\r\n    border: 1px solid #afac8b;\r\n    border-radius: 50px;\r\n    padding: 6px 16px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .hero-tag span {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #51563b;\r\n  }\r\n\r\n  .hero-tag .dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    background-color: #bc7f64;\r\n    border-radius: 50%;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* \u2500\u2500 T\u00cdTULO PRINCIPAL \u2500\u2500 *\/\r\n  .hero-title {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 44px;\r\n    font-weight: 700;\r\n    line-height: 1.15;\r\n    color: #3a2222;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .hero-title .highlight {\r\n    font-style: italic;\r\n    color: #51563b;\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n\r\n  .hero-title .highlight::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 2px;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #bc7f64, #e8c3ae);\r\n    border-radius: 2px;\r\n  }\r\n\r\n  .hero-title .salmon {\r\n    color: #bc7f64;\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* \u2500\u2500 SUBT\u00cdTULO \u2500\u2500 *\/\r\n  .hero-subtitle {\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    color: #6b5b4e;\r\n    line-height: 1.7;\r\n    margin-bottom: 28px;\r\n    max-width: 460px;\r\n  }\r\n\r\n  \/* \u2500\u2500 DIVISOR \u2500\u2500 *\/\r\n  .divider {\r\n    width: 50px;\r\n    height: 3px;\r\n    background: linear-gradient(90deg, #51563b, #bc7f64);\r\n    border-radius: 2px;\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  \/* \u2500\u2500 BENEF\u00cdCIOS \u2500\u2500 *\/\r\n  .benefits-list {\r\n    list-style: none;\r\n    margin-bottom: 32px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .benefits-list li {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    color: #4a3f35;\r\n  }\r\n\r\n  .benefits-list li .icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    background-color: #51563b;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .benefits-list li .icon svg {\r\n    width: 11px;\r\n    height: 11px;\r\n    stroke: #fcf3e8;\r\n    fill: none;\r\n    stroke-width: 2.5;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n  }\r\n\r\n  \/* \u2500\u2500 BOT\u00d5ES \u2500\u2500 *\/\r\n  .btn-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 36px;\r\n  }\r\n\r\n  .btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    background-color: #51563b;\r\n    color: #fcf3e8;\r\n    text-decoration: none;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    padding: 16px 28px;\r\n    border-radius: 50px;\r\n    transition: all 0.3s ease;\r\n    border: 2px solid #51563b;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn-primary:hover {\r\n    background-color: #3d4029;\r\n    border-color: #3d4029;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(81, 86, 59, 0.35);\r\n  }\r\n\r\n  .btn-primary .whatsapp-icon {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: #fcf3e8;\r\n  }\r\n\r\n  .btn-secondary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    background-color: transparent;\r\n    color: #51563b;\r\n    text-decoration: none;\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    padding: 16px 24px;\r\n    border-radius: 50px;\r\n    border: 2px solid #afac8b;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .btn-secondary:hover {\r\n    background-color: #afac8b20;\r\n    border-color: #51563b;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* \u2500\u2500 SOCIAL PROOF \u2500\u2500 *\/\r\n  .social-proof {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 20px;\r\n    padding: 18px 22px;\r\n    background: linear-gradient(135deg, #fcf3e8, #f5e8d8);\r\n    border-radius: 16px;\r\n    border-left: 4px solid #bc7f64;\r\n    flex-wrap: wrap;\r\n    gap: 16px;\r\n  }\r\n\r\n  .proof-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  .proof-number {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 22px;\r\n    font-weight: 700;\r\n    color: #51563b;\r\n    line-height: 1;\r\n  }\r\n\r\n  .proof-label {\r\n    font-size: 11px;\r\n    font-weight: 400;\r\n    color: #8a7060;\r\n    margin-top: 3px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .proof-divider {\r\n    width: 1px;\r\n    height: 36px;\r\n    background-color: #e0cfc0;\r\n  }\r\n\r\n  .stars-row {\r\n    display: flex;\r\n    gap: 3px;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .stars-row svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    fill: #bc7f64;\r\n  }\r\n\r\n  \/* \u2500\u2500 RESPONSIVO \u2500\u2500 *\/\r\n  @media (max-width: 768px) {\r\n    .hero-content {\r\n      text-align: center;\r\n      padding: 20px 16px;\r\n      max-width: 100%;\r\n    }\r\n\r\n    .hero-title {\r\n      font-size: 32px;\r\n    }\r\n\r\n    \/* Centraliza a tag *\/\r\n    .hero-tag {\r\n      display: inline-flex;\r\n    }\r\n\r\n    \/* Centraliza o divisor *\/\r\n    .divider {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n\r\n    \/* Subt\u00edtulo sem max-width limitando *\/\r\n    .hero-subtitle {\r\n      max-width: 100%;\r\n    }\r\n\r\n    \/* Benef\u00edcios centralizados *\/\r\n    .benefits-list li {\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Bot\u00f5es centralizados *\/\r\n    .btn-group {\r\n      flex-direction: column;\r\n      align-items: center;\r\n    }\r\n\r\n    .btn-primary,\r\n    .btn-secondary {\r\n      width: 100%;\r\n      justify-content: center;\r\n    }\r\n\r\n    \/* Social proof centralizado *\/\r\n    .social-proof {\r\n      justify-content: center;\r\n      border-left: none;\r\n      border-top: 4px solid #bc7f64;\r\n    }\r\n\r\n    .proof-divider {\r\n      display: none;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"hero-content\">\r\n\r\n  <!-- TAG TOPO -->\r\n  <div class=\"hero-tag\">\r\n    <span class=\"dot\"><\/span>\r\n    <span>Dra. Anna Beatriz Chagas \u00b7 CRN 0000<\/span>\r\n  <\/div>\r\n\r\n  <!-- T\u00cdTULO -->\r\n  <h1 class=\"hero-title\">\r\n    Recupere sua sa\u00fade com<br>\r\n    um plano alimentar<br>\r\n    <span class=\"highlight\">feito para voc\u00ea.<\/span>\r\n  <\/h1>\r\n\r\n  <!-- DIVISOR -->\r\n  <div class=\"divider\"><\/div>\r\n\r\n  <!-- SUBT\u00cdTULO -->\r\n  <p class=\"hero-subtitle\">\r\n    Nutri\u00e7\u00e3o cl\u00ednica baseada em ci\u00eancia e personalizada para a sua rotina. \r\n    Resultados reais com acompanhamento cont\u00ednuo e protocolos exclusivos.\r\n  <\/p>\r\n\r\n  <!-- BENEF\u00cdCIOS -->\r\n  <ul class=\"benefits-list\">\r\n    <li>\r\n      <span class=\"icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n      <\/span>\r\n      Atendimento 100% personalizado e humanizado\r\n    <\/li>\r\n    <li>\r\n      <span class=\"icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n      <\/span>\r\n      Plano alimentar adaptado \u00e0 sua rotina e objetivos\r\n    <\/li>\r\n    <li>\r\n      <span class=\"icon\">\r\n        <svg viewBox=\"0 0 24 24\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\r\n      <\/span>\r\n      Acompanhamento cont\u00ednuo para garantir seus resultados\r\n    <\/li>\r\n  <\/ul>\r\n\r\n  <!-- BOT\u00d5ES -->\r\n  <div class=\"btn-group\">\r\n    <a href=\"https:\/\/wa.me\/5567998611031?text=Ol\u00e1! Gostaria de agendar uma consulta.\"  class=\"btn-primary\" target=\"_blank\">\r\n      <svg class=\"whatsapp-icon\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n        <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/>\r\n      <\/svg>\r\n      Agendar Consulta\r\n    <\/a>\r\n\r\n    <a href=\"#servicos\" class=\"btn-secondary\">\r\n      Conhecer Servi\u00e7os \u2192\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <!-- SOCIAL PROOF -->\r\n  <div class=\"social-proof\">\r\n    <div class=\"proof-item\">\r\n      <span class=\"proof-number\">+500<\/span>\r\n      <span class=\"proof-label\">Pacientes atendidas<\/span>\r\n    <\/div>\r\n    <div class=\"proof-divider\"><\/div>\r\n    <div class=\"proof-item\">\r\n      <span class=\"proof-number\">8+<\/span>\r\n      <span class=\"proof-label\">Anos de experi\u00eancia<\/span>\r\n    <\/div>\r\n    <div class=\"proof-divider\"><\/div>\r\n    <div class=\"proof-item\">\r\n      <div class=\"stars-row\">\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/><\/svg>\r\n      <\/div>\r\n      <span class=\"proof-label\">+1000 avalia\u00e7\u00f5es Google<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ce6ffb5 e-con-full e-flex e-con e-child\" data-id=\"ce6ffb5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f0b45 elementor-widget elementor-widget-image\" data-id=\"f3f0b45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"960\" src=\"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/Design-sem-nome-43-853x1024.png\" class=\"attachment-large size-large wp-image-42\" alt=\"\" srcset=\"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/Design-sem-nome-43-853x1024.png 853w, https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/Design-sem-nome-43-250x300.png 250w, https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/Design-sem-nome-43-768x922.png 768w, https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/Design-sem-nome-43.png 1000w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92a92cb e-con-full e-flex e-con e-parent\" data-id=\"92a92cb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3eb7a66 elementor-widget elementor-widget-html\" data-id=\"3eb7a66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500&family=Playfair+Display:ital@0;1&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  * {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .ticker-wrapper {\r\n    width: 100%;\r\n    background: linear-gradient(90deg, #3d4229 0%, #51563b 30%, #6b7050 50%, #51563b 70%, #3d4229 100%);\r\n    padding: 14px 0;\r\n    overflow: hidden;\r\n    position: relative;\r\n    border-top: 1px solid rgba(175, 172, 139, 0.3);\r\n    border-bottom: 1px solid rgba(175, 172, 139, 0.3);\r\n  }\r\n\r\n  \/* Sombra nas bordas para efeito fade *\/\r\n  .ticker-wrapper::before,\r\n  .ticker-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    width: 120px;\r\n    height: 100%;\r\n    z-index: 2;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ticker-wrapper::before {\r\n    left: 0;\r\n    background: linear-gradient(90deg, #3d4229 0%, transparent 100%);\r\n  }\r\n\r\n  .ticker-wrapper::after {\r\n    right: 0;\r\n    background: linear-gradient(270deg, #3d4229 0%, transparent 100%);\r\n  }\r\n\r\n  .ticker-track {\r\n    display: flex;\r\n    width: max-content;\r\n    animation: ticker-scroll 35s linear infinite;\r\n  }\r\n\r\n  .ticker-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  .ticker-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0;\r\n  }\r\n\r\n  .ticker-item {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 0 28px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .ticker-text {\r\n    font-family: 'DM Sans', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 500;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #fcf3e8;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  .ticker-text.italic {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-size: 13px;\r\n    letter-spacing: 1px;\r\n    text-transform: none;\r\n    color: #e8c3ae;\r\n    opacity: 1;\r\n  }\r\n\r\n  .ticker-separator {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #bc7f64;\r\n    font-size: 14px;\r\n    opacity: 0.8;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Estrela SVG decorativa *\/\r\n  .ticker-separator svg {\r\n    width: 12px;\r\n    height: 12px;\r\n    fill: #bc7f64;\r\n  }\r\n\r\n  @keyframes ticker-scroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n    100% {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .ticker-text {\r\n      font-size: 10px;\r\n      letter-spacing: 1.5px;\r\n    }\r\n\r\n    .ticker-item {\r\n      padding: 0 20px;\r\n    }\r\n\r\n    .ticker-wrapper::before,\r\n    .ticker-wrapper::after {\r\n      width: 60px;\r\n    }\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"ticker-wrapper\">\r\n  <div class=\"ticker-track\">\r\n\r\n    <!-- GRUPO 1 -->\r\n    <div class=\"ticker-group\">\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\r\n          <svg viewBox=\"0 0 24 24\"><path d=\"M12 2l2.4 7.4H22l-6.2 4.5 2.4 7.4L12 17l-6.2 4.3 2.4-7.4L2 9.4h7.6z\"\/><\/svg>\r\n        <\/span>\r\n        <span class=\"ticker-text\">Nutri\u00e7\u00e3o Cl\u00ednica<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Emagrecimento saud\u00e1vel<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Sa\u00fade Intestinal<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Resultados reais<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Ganho de Massa<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Plano personalizado<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Controle Hormonal<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Bem-estar e qualidade de vida<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Reeduca\u00e7\u00e3o Alimentar<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Dra. Anna Beatriz Chagas<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Sa\u00fade da Mulher<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Protocolos exclusivos<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Diabetes e Hipertens\u00e3o<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Acompanhamento cont\u00ednuo<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- GRUPO 2 \u2014 c\u00f3pia exata para loop infinito suave -->\r\n    <div class=\"ticker-group\">\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Nutri\u00e7\u00e3o Cl\u00ednica<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Emagrecimento saud\u00e1vel<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Sa\u00fade Intestinal<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Resultados reais<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Ganho de Massa<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Plano personalizado<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Controle Hormonal<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Bem-estar e qualidade de vida<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Reeduca\u00e7\u00e3o Alimentar<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Dra. Anna Beatriz Chagas<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Sa\u00fade da Mulher<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Protocolos exclusivos<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text\">Diabetes e Hipertens\u00e3o<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"ticker-item\">\r\n        <span class=\"ticker-separator\">\u2726<\/span>\r\n        <span class=\"ticker-text italic\">Acompanhamento cont\u00ednuo<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c9ade3 e-con-full e-flex e-con e-parent\" data-id=\"5c9ade3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d61068 elementor-widget elementor-widget-html\" data-id=\"7d61068\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Sobre Mim \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #f9f7f4;\r\n      color: #3a3a3a;\r\n    }\r\n\r\n    .sobre-section {\r\n      padding: 90px 20px;\r\n      background: linear-gradient(160deg, #f9f7f4 60%, #eef3e8 100%);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .sobre-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.12) 0%, transparent 70%);\r\n      top: -100px; left: -150px;\r\n      pointer-events: none;\r\n    }\r\n    .sobre-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(107,112,80,0.10) 0%, transparent 70%);\r\n      bottom: -80px; right: -100px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .sobre-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    .foto-wrapper {\r\n      position: relative;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n    }\r\n\r\n    .foto-ring {\r\n      position: absolute;\r\n      width: 420px; height: 420px;\r\n      border-radius: 50%;\r\n      border: 2px dashed rgba(132,167,95,0.45);\r\n      animation: girar 18s linear infinite;\r\n    }\r\n    .foto-ring-2 {\r\n      width: 460px; height: 460px;\r\n      border: 1px solid rgba(132,167,95,0.20);\r\n      animation: girar 28s linear infinite reverse;\r\n    }\r\n\r\n    @keyframes girar {\r\n      from { transform: rotate(0deg); }\r\n      to   { transform: rotate(360deg); }\r\n    }\r\n\r\n    .foto-dra {\r\n      width: 370px;\r\n      height: 370px;\r\n      object-fit: cover;\r\n      object-position: top center;\r\n      border-radius: 50%;\r\n      border: 6px solid #fff;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.15);\r\n      position: relative;\r\n      z-index: 2;\r\n      transition: transform 0.4s ease;\r\n    }\r\n    .foto-dra:hover { transform: scale(1.03); }\r\n\r\n    .badge-crn {\r\n      position: absolute;\r\n      bottom: 20px; right: 10px;\r\n      background: #fff;\r\n      border-left: 4px solid #84a75f;\r\n      border-radius: 12px;\r\n      padding: 10px 16px;\r\n      box-shadow: 0 8px 25px rgba(0,0,0,0.12);\r\n      z-index: 3;\r\n      animation: floatBadge 3s ease-in-out infinite;\r\n    }\r\n    .badge-crn p { font-size: 11px; color: #888; margin: 0; }\r\n    .badge-crn strong { font-size: 14px; color: #4a5e30; }\r\n\r\n    @keyframes floatBadge {\r\n      0%, 100% { transform: translateY(0); }\r\n      50%       { transform: translateY(-6px); }\r\n    }\r\n\r\n    .badge-exp {\r\n      position: absolute;\r\n      top: 20px; left: 0px;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      border-radius: 14px;\r\n      padding: 12px 18px;\r\n      box-shadow: 0 8px 25px rgba(132,167,95,0.35);\r\n      z-index: 3;\r\n      animation: floatBadge 3.5s ease-in-out infinite 0.5s;\r\n      text-align: center;\r\n    }\r\n    .badge-exp .num  { font-size: 26px; font-weight: 700; display: block; line-height: 1; }\r\n    .badge-exp .txt  { font-size: 11px; opacity: 0.9; }\r\n\r\n    .sobre-texto { padding: 10px 0; }\r\n\r\n    .tag-sobre {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.15);\r\n      color: #5a7a35;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 2px;\r\n      text-transform: uppercase;\r\n      padding: 6px 16px;\r\n      border-radius: 20px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .sobre-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 38px;\r\n      color: #2d3a1e;\r\n      line-height: 1.2;\r\n      margin-bottom: 8px;\r\n    }\r\n    .sobre-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .sobre-subtitulo {\r\n      font-size: 15px;\r\n      color: #84a75f;\r\n      font-weight: 600;\r\n      margin-bottom: 20px;\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    .sobre-desc {\r\n      font-size: 15px;\r\n      color: #555;\r\n      line-height: 1.85;\r\n      margin-bottom: 28px;\r\n    }\r\n\r\n    .tabs-wrapper { margin-bottom: 30px; }\r\n\r\n    .tabs-nav {\r\n      display: flex;\r\n      gap: 6px;\r\n      margin-bottom: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .tab-btn {\r\n      padding: 8px 20px;\r\n      border: 2px solid #dde8d0;\r\n      border-radius: 25px;\r\n      background: transparent;\r\n      color: #6b7050;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      cursor: pointer;\r\n      transition: all 0.3s;\r\n      font-family: 'DM Sans', sans-serif;\r\n    }\r\n    .tab-btn:hover,\r\n    .tab-btn.active {\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      border-color: transparent;\r\n      color: #fff;\r\n      box-shadow: 0 4px 14px rgba(132,167,95,0.35);\r\n    }\r\n\r\n    .tab-panel { display: none; animation: fadeIn 0.4s ease; }\r\n    .tab-panel.active { display: block; }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; transform: translateY(8px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .lista-form li {\r\n      list-style: none;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      margin-bottom: 14px;\r\n      font-size: 14px;\r\n      color: #555;\r\n    }\r\n    .lista-form li i {\r\n      color: #84a75f;\r\n      margin-top: 3px;\r\n      flex-shrink: 0;\r\n      font-size: 16px;\r\n    }\r\n    .lista-form li strong { color: #2d3a1e; display: block; }\r\n\r\n    .pills {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n    }\r\n    .pill {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: #fff;\r\n      border: 1.5px solid #dde8d0;\r\n      border-radius: 30px;\r\n      padding: 8px 16px;\r\n      font-size: 13px;\r\n      color: #4a5e30;\r\n      font-weight: 500;\r\n      transition: all 0.3s;\r\n      cursor: default;\r\n    }\r\n    .pill:hover {\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      border-color: transparent;\r\n      transform: translateY(-2px);\r\n      box-shadow: 0 6px 18px rgba(132,167,95,0.3);\r\n    }\r\n    .pill i { font-size: 14px; }\r\n\r\n    .conquistas-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 12px;\r\n    }\r\n    .conquista-card {\r\n      background: #fff;\r\n      border-radius: 14px;\r\n      padding: 16px;\r\n      border-left: 4px solid #84a75f;\r\n      box-shadow: 0 4px 15px rgba(0,0,0,0.06);\r\n      transition: transform 0.3s, box-shadow 0.3s;\r\n    }\r\n    .conquista-card:hover {\r\n      transform: translateY(-4px);\r\n      box-shadow: 0 10px 30px rgba(132,167,95,0.2);\r\n    }\r\n    .conquista-card .icone { font-size: 22px; margin-bottom: 6px; }\r\n    .conquista-card strong { display: block; font-size: 20px; color: #4a5e30; }\r\n    .conquista-card span { font-size: 12px; color: #888; }\r\n\r\n    .cta-wrapper {\r\n      display: flex;\r\n      gap: 14px;\r\n      flex-wrap: wrap;\r\n      margin-top: 8px;\r\n    }\r\n\r\n    .btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      padding: 14px 28px;\r\n      border-radius: 50px;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 20px rgba(132,167,95,0.4);\r\n      transition: all 0.3s;\r\n    }\r\n    .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 10px 30px rgba(132,167,95,0.5);\r\n    }\r\n\r\n    .btn-secondary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: transparent;\r\n      color: #6b7050;\r\n      padding: 14px 28px;\r\n      border-radius: 50px;\r\n      border: 2px solid #84a75f;\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      transition: all 0.3s;\r\n    }\r\n    .btn-secondary:hover {\r\n      background: #84a75f;\r\n      color: #fff;\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    @media(max-width: 768px) {\r\n      .sobre-container {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        text-align: center;\r\n      }\r\n      .foto-ring  { width: 300px; height: 300px; }\r\n      .foto-ring-2{ width: 340px; height: 340px; }\r\n      .foto-dra   { width: 270px; height: 270px; }\r\n      .sobre-titulo { font-size: 28px; }\r\n      .badge-exp  { left: 20px; }\r\n      .badge-crn  { right: 20px; }\r\n      .conquistas-grid { grid-template-columns: 1fr 1fr; }\r\n      .cta-wrapper { justify-content: center; }\r\n      .pills { justify-content: center; }\r\n      .tabs-nav  { justify-content: center; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"sobre-section\">\r\n  <div class=\"sobre-container\">\r\n\r\n    <!-- \u2500\u2500 FOTO \u2500\u2500 -->\r\n    <div class=\"foto-wrapper\">\r\n      <div class=\"foto-ring foto-ring-2\"><\/div>\r\n      <div class=\"foto-ring\"><\/div>\r\n\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/05\/gen_3EH6aGWqSJ9a9EqQh342kyT0BnE.png\"\r\n        alt=\"Dra. Anna Beatriz \u2013 Nutricionista\"\r\n        class=\"foto-dra\"\r\n      \/>\r\n\r\n      <div class=\"badge-exp\">\r\n        <span class=\"num\">8+<\/span>\r\n        <span class=\"txt\">Anos de<br>Experi\u00eancia<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"badge-crn\">\r\n        <p>Registro Profissional<\/p>\r\n        <strong>CRN-8 \u00b7 12.847<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 TEXTO \u2500\u2500 -->\r\n    <div class=\"sobre-texto\">\r\n      <span class=\"tag-sobre\">\u2726 Sobre Mim<\/span>\r\n\r\n      <h2 class=\"sobre-titulo\">\r\n        Ol\u00e1, sou a <span>Dra. Anna Beatriz<\/span>\r\n      <\/h2>\r\n      <p class=\"sobre-subtitulo\">Nutricionista Cl\u00ednica & Funcional \u00b7 CRN-8 12.847<\/p>\r\n\r\n      <p class=\"sobre-desc\">\r\n        Acredito que a alimenta\u00e7\u00e3o vai muito al\u00e9m de calorias \u2014 ela \u00e9 a base\r\n        da nossa energia, do nosso humor e da nossa sa\u00fade. Minha miss\u00e3o \u00e9\r\n        transformar a sua rela\u00e7\u00e3o com a comida de forma <strong>humanizada,\r\n        cient\u00edfica e sustent\u00e1vel<\/strong>, respeitando a sua individualidade\r\n        e o seu ritmo de vida.\r\n      <\/p>\r\n\r\n      <!-- TABS -->\r\n      <div class=\"tabs-wrapper\">\r\n        <div class=\"tabs-nav\">\r\n          <button class=\"tab-btn active\" onclick=\"abrirTab(event,'formacao')\">\ud83d\udcda Forma\u00e7\u00e3o<\/button>\r\n          <button class=\"tab-btn\"        onclick=\"abrirTab(event,'especialidades')\">\ud83c\udf3f Especialidades<\/button>\r\n          <button class=\"tab-btn\"        onclick=\"abrirTab(event,'conquistas')\">\ud83c\udfc6 Conquistas<\/button>\r\n        <\/div>\r\n\r\n        <!-- TAB 1 \u2013 FORMA\u00c7\u00c3O -->\r\n        <div class=\"tab-panel active\" id=\"formacao\">\r\n          <ul class=\"lista-form\">\r\n            <li>\r\n              <i class=\"fas fa-graduation-cap\"><\/i>\r\n              <div>\r\n                <strong>Gradua\u00e7\u00e3o em Nutri\u00e7\u00e3o<\/strong>\r\n                Universidade Federal do Paran\u00e1 (UFPR) \u00b7 2016\r\n              <\/div>\r\n            <\/li>\r\n            <li>\r\n              <i class=\"fas fa-certificate\"><\/i>\r\n              <div>\r\n                <strong>Especializa\u00e7\u00e3o em Nutri\u00e7\u00e3o Funcional<\/strong>\r\n                VP Consultoria Nutricional \u00b7 2018\r\n              <\/div>\r\n            <\/li>\r\n            <li>\r\n              <i class=\"fas fa-certificate\"><\/i>\r\n              <div>\r\n                <strong>P\u00f3s-gradua\u00e7\u00e3o em Nutri\u00e7\u00e3o Esportiva<\/strong>\r\n                GANEP Nutri\u00e7\u00e3o Humana \u00b7 2020\r\n              <\/div>\r\n            <\/li>\r\n            <li>\r\n              <i class=\"fas fa-book-open\"><\/i>\r\n              <div>\r\n                <strong>Curso de Nutri\u00e7\u00e3o Comportamental<\/strong>\r\n                Instituto Nutri\u00e7\u00e3o Comportamental \u00b7 2022\r\n              <\/div>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- TAB 2 \u2013 ESPECIALIDADES -->\r\n        <div class=\"tab-panel\" id=\"especialidades\">\r\n          <div class=\"pills\">\r\n            <div class=\"pill\"><i class=\"fas fa-weight-scale\"><\/i> Emagrecimento Saud\u00e1vel<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-venus\"><\/i> Sa\u00fade da Mulher<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-dumbbell\"><\/i> Nutri\u00e7\u00e3o Esportiva<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-brain\"><\/i> Nutri\u00e7\u00e3o Comportamental<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-seedling\"><\/i> Alimenta\u00e7\u00e3o Plant-Based<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-baby\"><\/i> Nutri\u00e7\u00e3o Materno-Infantil<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-heart-pulse\"><\/i> Doen\u00e7as Cr\u00f4nicas<\/div>\r\n            <div class=\"pill\"><i class=\"fas fa-flask\"><\/i> Nutri\u00e7\u00e3o Funcional<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- TAB 3 \u2013 CONQUISTAS -->\r\n        <div class=\"tab-panel\" id=\"conquistas\">\r\n          <div class=\"conquistas-grid\">\r\n            <div class=\"conquista-card\">\r\n              <div class=\"icone\">\ud83d\udc69\u200d\u2695\ufe0f<\/div>\r\n              <strong>+1.200<\/strong>\r\n              <span>Pacientes atendidos<\/span>\r\n            <\/div>\r\n            <div class=\"conquista-card\">\r\n              <div class=\"icone\">\u2b50<\/div>\r\n              <strong>98%<\/strong>\r\n              <span>Satisfa\u00e7\u00e3o dos pacientes<\/span>\r\n            <\/div>\r\n            <div class=\"conquista-card\">\r\n              <div class=\"icone\">\ud83d\udcc5<\/div>\r\n              <strong>8 Anos<\/strong>\r\n              <span>De experi\u00eancia cl\u00ednica<\/span>\r\n            <\/div>\r\n            <div class=\"conquista-card\">\r\n              <div class=\"icone\">\ud83c\udf93<\/div>\r\n              <strong>4 P\u00f3s<\/strong>\r\n              <span>Especializa\u00e7\u00f5es<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CTA -->\r\n      <div class=\"cta-wrapper\">\r\n        <a href=\"#consulta\" class=\"btn-primary\">\r\n          <i class=\"fas fa-calendar-check\"><\/i> Agendar Consulta\r\n        <\/a>\r\n        <a href=\"#contato\" class=\"btn-secondary\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> Falar no WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  function abrirTab(event, id) {\r\n    document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\r\n    document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));\r\n    event.currentTarget.classList.add('active');\r\n    document.getElementById(id).classList.add('active');\r\n  }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ee7808 e-con-full e-flex e-con e-parent\" data-id=\"1ee7808\" data-element_type=\"container\" data-e-type=\"container\" id=\"servicos\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92288b8 elementor-widget elementor-widget-html\" data-id=\"92288b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Servi\u00e7os \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #f9f7f4;\r\n      color: #3a3a3a;\r\n    }\r\n\r\n    .servicos-section {\r\n      padding: 100px 20px;\r\n      background: #1e2416;\r\n      color: #f0ece4;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .servicos-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 600px; height: 600px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.08) 0%, transparent 70%);\r\n      top: -150px; left: -200px;\r\n      pointer-events: none;\r\n    }\r\n    .servicos-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.06) 0%, transparent 70%);\r\n      bottom: -100px; right: -150px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .servicos-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    .servicos-header {\r\n      text-align: center;\r\n      margin-bottom: 64px;\r\n    }\r\n\r\n    .tag-servicos {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.15);\r\n      color: #84a75f;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      padding: 6px 20px;\r\n      border-radius: 20px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n    }\r\n\r\n    .servicos-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 42px;\r\n      color: #f0ece4;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n    .servicos-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .servicos-subtitulo {\r\n      font-size: 15px;\r\n      color: rgba(240,236,228,0.55);\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .divisor {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n    .divisor::before,\r\n    .divisor::after {\r\n      content: '';\r\n      width: 60px;\r\n      height: 1px;\r\n      background: rgba(132,167,95,0.4);\r\n    }\r\n    .divisor i {\r\n      color: #84a75f;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .servicos-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    .servico-card {\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 20px;\r\n      padding: 36px 28px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: all 0.4s ease;\r\n      cursor: default;\r\n    }\r\n\r\n    .servico-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 20px;\r\n      background: linear-gradient(135deg, rgba(132,167,95,0.08) 0%, transparent 60%);\r\n      opacity: 0;\r\n      transition: opacity 0.4s ease;\r\n    }\r\n\r\n    .servico-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, #84a75f, #6b7050);\r\n      border-radius: 20px 20px 0 0;\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.4s ease;\r\n    }\r\n\r\n    .servico-card:hover {\r\n      background: rgba(255,255,255,0.07);\r\n      border-color: rgba(132,167,95,0.35);\r\n      transform: translateY(-8px);\r\n      box-shadow:\r\n        0 20px 60px rgba(0,0,0,0.3),\r\n        0 0 40px rgba(132,167,95,0.08);\r\n    }\r\n    .servico-card:hover::before { opacity: 1; }\r\n    .servico-card:hover::after  { transform: scaleX(1); }\r\n\r\n    .card-icone-wrap {\r\n      width: 64px;\r\n      height: 64px;\r\n      border-radius: 16px;\r\n      background: rgba(132,167,95,0.12);\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin-bottom: 24px;\r\n      transition: all 0.4s ease;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .card-icone-wrap i {\r\n      font-size: 26px;\r\n      color: #84a75f;\r\n      transition: all 0.4s ease;\r\n    }\r\n    .servico-card:hover .card-icone-wrap {\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      border-color: transparent;\r\n      box-shadow: 0 8px 25px rgba(132,167,95,0.35);\r\n    }\r\n    .servico-card:hover .card-icone-wrap i {\r\n      color: #fff;\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .card-numero {\r\n      position: absolute;\r\n      top: 20px; right: 24px;\r\n      font-size: 52px;\r\n      font-weight: 700;\r\n      color: rgba(132,167,95,0.07);\r\n      font-family: 'Playfair Display', serif;\r\n      line-height: 1;\r\n      transition: color 0.4s;\r\n      pointer-events: none;\r\n    }\r\n    .servico-card:hover .card-numero {\r\n      color: rgba(132,167,95,0.13);\r\n    }\r\n\r\n    .card-titulo {\r\n      font-size: 18px;\r\n      font-weight: 700;\r\n      color: #f0ece4;\r\n      margin-bottom: 12px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .card-texto {\r\n      font-size: 14px;\r\n      color: rgba(240,236,228,0.60);\r\n      line-height: 1.75;\r\n      margin-bottom: 22px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .card-tags {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 7px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    .card-tag {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: #84a75f;\r\n      background: rgba(132,167,95,0.10);\r\n      border: 1px solid rgba(132,167,95,0.20);\r\n      border-radius: 20px;\r\n      padding: 4px 12px;\r\n      letter-spacing: 0.3px;\r\n      transition: all 0.3s;\r\n    }\r\n    .servico-card:hover .card-tag {\r\n      background: rgba(132,167,95,0.18);\r\n      border-color: rgba(132,167,95,0.40);\r\n    }\r\n\r\n    .card-link {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: #84a75f;\r\n      margin-top: 18px;\r\n      opacity: 0;\r\n      transform: translateX(-6px);\r\n      transition: all 0.3s ease;\r\n      position: relative;\r\n      z-index: 1;\r\n      cursor: pointer;\r\n      text-decoration: none;\r\n    }\r\n    .card-link i { font-size: 11px; }\r\n    .servico-card:hover .card-link {\r\n      opacity: 1;\r\n      transform: translateX(0);\r\n    }\r\n\r\n    .servicos-footer {\r\n      text-align: center;\r\n      margin-top: 60px;\r\n    }\r\n    .btn-cta-servicos {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      padding: 16px 36px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      box-shadow: 0 8px 25px rgba(132,167,95,0.35);\r\n      transition: all 0.3s;\r\n    }\r\n    .btn-cta-servicos:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 14px 35px rgba(132,167,95,0.5);\r\n    }\r\n\r\n    @media(max-width: 900px) {\r\n      .servicos-grid { grid-template-columns: repeat(2, 1fr); }\r\n      .servicos-titulo { font-size: 32px; }\r\n    }\r\n    @media(max-width: 560px) {\r\n      .servicos-grid { grid-template-columns: 1fr; }\r\n      .servicos-titulo { font-size: 26px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"servicos-section\">\r\n  <div class=\"servicos-container\">\r\n\r\n    <div class=\"servicos-header\">\r\n      <span class=\"tag-servicos\">\u2726 O que ofere\u00e7o<\/span>\r\n      <h2 class=\"servicos-titulo\">\r\n        Cuidado <span>personalizado<\/span><br>para cada etapa da sua vida\r\n      <\/h2>\r\n      <p class=\"servicos-subtitulo\">\r\n        Cada atendimento \u00e9 \u00fanico \u2014 desenvolvido com base na ci\u00eancia,\r\n        na escuta ativa e no respeito ao seu corpo e \u00e0s suas necessidades.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"servicos-grid\">\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">01<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Avalia\u00e7\u00e3o Nutricional<\/h3>\r\n        <p class=\"card-texto\">\r\n          An\u00e1lise completa do seu estado nutricional, h\u00e1bitos alimentares,\r\n          composi\u00e7\u00e3o corporal e exames laboratoriais para tra\u00e7ar o melhor\r\n          plano para voc\u00ea.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">Anamnese<\/span>\r\n          <span class=\"card-tag\">Bioimped\u00e2ncia<\/span>\r\n          <span class=\"card-tag\">Exames<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">02<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-utensils\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Plano Alimentar Personalizado<\/h3>\r\n        <p class=\"card-texto\">\r\n          Card\u00e1pios 100% individualizados, criados de acordo com sua rotina,\r\n          prefer\u00eancias e objetivos \u2014 sem dietas restritivas ou gen\u00e9ricas.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">Personalizado<\/span>\r\n          <span class=\"card-tag\">Flex\u00edvel<\/span>\r\n          <span class=\"card-tag\">Sustent\u00e1vel<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">03<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-weight-scale\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Emagrecimento Saud\u00e1vel<\/h3>\r\n        <p class=\"card-texto\">\r\n          Protocolo focado em perda de gordura com preserva\u00e7\u00e3o muscular,\r\n          sem efeito sanfona, com reeduca\u00e7\u00e3o alimentar real e duradoura.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">Sem restri\u00e7\u00e3o extrema<\/span>\r\n          <span class=\"card-tag\">Resultados reais<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">04<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-venus\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Sa\u00fade Hormonal Feminina<\/h3>\r\n        <p class=\"card-texto\">\r\n          Nutri\u00e7\u00e3o voltada para o equil\u00edbrio hormonal da mulher em todas as\r\n          fases \u2014 TPM, gesta\u00e7\u00e3o, amamenta\u00e7\u00e3o, menopausa e s\u00edndrome do ov\u00e1rio polic\u00edstico.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">SOP<\/span>\r\n          <span class=\"card-tag\">Gesta\u00e7\u00e3o<\/span>\r\n          <span class=\"card-tag\">Menopausa<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">05<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-dumbbell\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Nutri\u00e7\u00e3o Esportiva<\/h3>\r\n        <p class=\"card-texto\">\r\n          Estrat\u00e9gias nutricionais para potencializar sua performance,\r\n          acelerar a recupera\u00e7\u00e3o muscular e melhorar sua composi\u00e7\u00e3o\r\n          corporal de forma segura.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">Performance<\/span>\r\n          <span class=\"card-tag\">Hipertrofia<\/span>\r\n          <span class=\"card-tag\">Recupera\u00e7\u00e3o<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n      <div class=\"servico-card\">\r\n        <span class=\"card-numero\">06<\/span>\r\n        <div class=\"card-icone-wrap\"><i class=\"fas fa-brain\"><\/i><\/div>\r\n        <h3 class=\"card-titulo\">Nutri\u00e7\u00e3o Comportamental<\/h3>\r\n        <p class=\"card-texto\">\r\n          Abordagem que une ci\u00eancia e comportamento para transformar\r\n          sua rela\u00e7\u00e3o com a comida, trabalhando a fome emocional,\r\n          a compuls\u00e3o e os gatilhos alimentares.\r\n        <\/p>\r\n        <div class=\"card-tags\">\r\n          <span class=\"card-tag\">Mindful Eating<\/span>\r\n          <span class=\"card-tag\">Fome Emocional<\/span>\r\n        <\/div>\r\n        <a class=\"card-link\">Saiba mais <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"servicos-footer\">\r\n      <a href=\"#consulta\" class=\"btn-cta-servicos\">\r\n        <i class=\"fas fa-calendar-check\"><\/i>\r\n        Agendar minha consulta\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24047af e-con-full e-flex e-con e-parent\" data-id=\"24047af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3ac06b elementor-widget elementor-widget-html\" data-id=\"d3ac06b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Por que me Escolher \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #f9f7f4;\r\n      color: #3a3a3a;\r\n    }\r\n\r\n    \/* \u2500\u2500 SE\u00c7\u00c3O \u2500\u2500 *\/\r\n    .porque-section {\r\n      padding: 110px 20px;\r\n      background: #f9f7f4;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* blobs decorativos *\/\r\n    .porque-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.10) 0%, transparent 70%);\r\n      top: -100px; right: -150px;\r\n      pointer-events: none;\r\n    }\r\n    .porque-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.08) 0%, transparent 70%);\r\n      bottom: -80px; left: -120px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .porque-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n    .porque-header {\r\n      text-align: center;\r\n      margin-bottom: 72px;\r\n    }\r\n\r\n    .tag-porque {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.12);\r\n      color: #84a75f;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      padding: 6px 20px;\r\n      border-radius: 20px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n    }\r\n\r\n    .porque-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 42px;\r\n      color: #1e2416;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n    .porque-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .porque-subtitulo {\r\n      font-size: 15px;\r\n      color: rgba(58,58,58,0.60);\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .divisor {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n    .divisor::before,\r\n    .divisor::after {\r\n      content: '';\r\n      width: 60px; height: 1px;\r\n      background: rgba(132,167,95,0.4);\r\n    }\r\n    .divisor i { color: #84a75f; font-size: 14px; }\r\n\r\n    \/* \u2500\u2500 LAYOUT PRINCIPAL \u2500\u2500 *\/\r\n    .porque-layout {\r\n      display: grid;\r\n      grid-template-columns: 1fr 420px;\r\n      gap: 60px;\r\n      align-items: center;\r\n    }\r\n\r\n    \/* \u2500\u2500 GRID DE DIFERENCIAIS \u2500\u2500 *\/\r\n    .diferenciais-grid {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 20px;\r\n    }\r\n\r\n    .diferencial-card {\r\n      background: #fff;\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 20px;\r\n      padding: 28px 24px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: all 0.35s ease;\r\n    }\r\n\r\n    .diferencial-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0; left: 0; right: 0;\r\n      height: 3px;\r\n      background: linear-gradient(90deg, #84a75f, #6b7050);\r\n      border-radius: 20px 20px 0 0;\r\n      transform: scaleX(0);\r\n      transform-origin: left;\r\n      transition: transform 0.35s ease;\r\n    }\r\n\r\n    .diferencial-card:hover {\r\n      border-color: rgba(132,167,95,0.35);\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 16px 40px rgba(132,167,95,0.12);\r\n    }\r\n    .diferencial-card:hover::after { transform: scaleX(1); }\r\n\r\n    \/* card destaque (maior) *\/\r\n    .diferencial-card.destaque {\r\n      grid-column: span 2;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 24px;\r\n      padding: 32px 28px;\r\n      background: linear-gradient(135deg, #1e2416 0%, #2c3520 100%);\r\n      border-color: transparent;\r\n    }\r\n    .diferencial-card.destaque .dc-icone-wrap {\r\n      background: rgba(132,167,95,0.20);\r\n      border-color: rgba(132,167,95,0.35);\r\n      flex-shrink: 0;\r\n      width: 72px; height: 72px;\r\n      border-radius: 18px;\r\n    }\r\n    .diferencial-card.destaque .dc-icone-wrap i { color: #84a75f; font-size: 28px; }\r\n    .diferencial-card.destaque .dc-titulo { color: #f0ece4; }\r\n    .diferencial-card.destaque .dc-texto  { color: rgba(240,236,228,0.60); }\r\n    .diferencial-card.destaque::after { background: linear-gradient(90deg, #84a75f, #b8d48a); }\r\n\r\n    .dc-icone-wrap {\r\n      width: 52px; height: 52px;\r\n      border-radius: 14px;\r\n      background: rgba(132,167,95,0.10);\r\n      border: 1px solid rgba(132,167,95,0.22);\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-bottom: 18px;\r\n      transition: all 0.35s ease;\r\n    }\r\n    .dc-icone-wrap i {\r\n      font-size: 22px;\r\n      color: #84a75f;\r\n      transition: all 0.35s ease;\r\n    }\r\n    .diferencial-card:hover .dc-icone-wrap {\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      border-color: transparent;\r\n      box-shadow: 0 6px 20px rgba(132,167,95,0.35);\r\n    }\r\n    .diferencial-card:hover .dc-icone-wrap i { color: #fff; }\r\n\r\n    .dc-titulo {\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #1e2416;\r\n      margin-bottom: 8px;\r\n    }\r\n    .dc-texto {\r\n      font-size: 13.5px;\r\n      color: rgba(58,58,58,0.62);\r\n      line-height: 1.7;\r\n    }\r\n\r\n    \/* \u2500\u2500 COLUNA DIREITA \u2500\u2500 *\/\r\n    .porque-direita {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 28px;\r\n    }\r\n\r\n    \/* foto com badge *\/\r\n    .foto-wrap {\r\n      position: relative;\r\n      border-radius: 24px;\r\n      overflow: hidden;\r\n      box-shadow: 0 24px 60px rgba(30,36,22,0.18);\r\n    }\r\n    .foto-wrap img {\r\n      width: 100%;\r\n      display: block;\r\n      object-fit: cover;\r\n      height: 340px;\r\n      filter: brightness(0.92);\r\n      transition: transform 0.5s ease;\r\n    }\r\n    .foto-wrap:hover img { transform: scale(1.04); }\r\n\r\n    .foto-overlay {\r\n      position: absolute;\r\n      inset: 0;\r\n      background: linear-gradient(to top, rgba(30,36,22,0.55) 0%, transparent 60%);\r\n    }\r\n\r\n    .foto-badge {\r\n      position: absolute;\r\n      bottom: 20px; left: 20px;\r\n      background: rgba(255,255,255,0.12);\r\n      backdrop-filter: blur(12px);\r\n      border: 1px solid rgba(255,255,255,0.20);\r\n      border-radius: 14px;\r\n      padding: 12px 18px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 12px;\r\n    }\r\n    .badge-icone {\r\n      width: 40px; height: 40px;\r\n      border-radius: 10px;\r\n      background: #84a75f;\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .badge-icone i { color: #fff; font-size: 16px; }\r\n    .badge-texto strong {\r\n      display: block;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n    }\r\n    .badge-texto span {\r\n      font-size: 12px;\r\n      color: rgba(255,255,255,0.70);\r\n    }\r\n\r\n    \/* n\u00fameros \/ estat\u00edsticas *\/\r\n    .stats-row {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 16px;\r\n    }\r\n    .stat-item {\r\n      background: #fff;\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 16px;\r\n      padding: 20px 14px;\r\n      text-align: center;\r\n      transition: all 0.3s;\r\n    }\r\n    .stat-item:hover {\r\n      border-color: rgba(132,167,95,0.35);\r\n      box-shadow: 0 8px 24px rgba(132,167,95,0.10);\r\n      transform: translateY(-4px);\r\n    }\r\n    .stat-numero {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 30px;\r\n      font-weight: 700;\r\n      color: #84a75f;\r\n      line-height: 1;\r\n      margin-bottom: 6px;\r\n    }\r\n    .stat-label {\r\n      font-size: 12px;\r\n      color: rgba(58,58,58,0.55);\r\n      line-height: 1.4;\r\n    }\r\n\r\n    \/* \u2500\u2500 RESPONSIVO \u2500\u2500 *\/\r\n    @media(max-width: 960px) {\r\n      .porque-layout { grid-template-columns: 1fr; }\r\n      .porque-direita { order: -1; }\r\n      .porque-titulo { font-size: 32px; }\r\n    }\r\n    @media(max-width: 560px) {\r\n      .diferenciais-grid { grid-template-columns: 1fr; }\r\n      .diferencial-card.destaque { grid-column: span 1; flex-direction: column; }\r\n      .porque-titulo { font-size: 26px; }\r\n      .stats-row { grid-template-columns: repeat(3, 1fr); gap: 10px; }\r\n      .stat-numero { font-size: 24px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"porque-section\">\r\n  <div class=\"porque-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"porque-header\">\r\n      <span class=\"tag-porque\">\u2726 Meus diferenciais<\/span>\r\n      <h2 class=\"porque-titulo\">\r\n        Por que me <span>escolher?<\/span>\r\n      <\/h2>\r\n      <p class=\"porque-subtitulo\">\r\n        Mais do que um plano alimentar \u2014 um acompanhamento humano,\r\n        cient\u00edfico e feito sob medida para a sua vida real.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <!-- LAYOUT -->\r\n    <div class=\"porque-layout\">\r\n\r\n      <!-- ESQUERDA: diferenciais -->\r\n      <div class=\"diferenciais-grid\">\r\n\r\n        <div class=\"diferencial-card destaque\">\r\n          <div class=\"dc-icone-wrap\">\r\n            <i class=\"fas fa-heart-pulse\"><\/i>\r\n          <\/div>\r\n          <div>\r\n            <h3 class=\"dc-titulo\">Atendimento 100% individualizado<\/h3>\r\n            <p class=\"dc-texto\">\r\n              Cada paciente \u00e9 \u00fanico. Por isso, nenhum plano \u00e9 igual ao outro \u2014\r\n              tudo \u00e9 constru\u00eddo com base na sua rotina, seu corpo e seus objetivos reais.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diferencial-card\">\r\n          <div class=\"dc-icone-wrap\"><i class=\"fas fa-microscope\"><\/i><\/div>\r\n          <h3 class=\"dc-titulo\">Baseado em evid\u00eancias<\/h3>\r\n          <p class=\"dc-texto\">\r\n            Condutas fundamentadas na ci\u00eancia mais atual da nutri\u00e7\u00e3o cl\u00ednica e funcional.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"diferencial-card\">\r\n          <div class=\"dc-icone-wrap\"><i class=\"fas fa-comments\"><\/i><\/div>\r\n          <h3 class=\"dc-titulo\">Escuta ativa e acolhedora<\/h3>\r\n          <p class=\"dc-texto\">\r\n            Aqui voc\u00ea n\u00e3o \u00e9 julgada. Cada consulta \u00e9 um espa\u00e7o seguro para falar sobre sua rela\u00e7\u00e3o com a comida.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"diferencial-card\">\r\n          <div class=\"dc-icone-wrap\"><i class=\"fas fa-rotate\"><\/i><\/div>\r\n          <h3 class=\"dc-titulo\">Acompanhamento cont\u00ednuo<\/h3>\r\n          <p class=\"dc-texto\">\r\n            Evolu\u00e7\u00e3o monitorada de perto, com ajustes sempre que necess\u00e1rio para garantir seus resultados.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"diferencial-card\">\r\n          <div class=\"dc-icone-wrap\"><i class=\"fas fa-ban\"><\/i><\/div>\r\n          <h3 class=\"dc-titulo\">Sem dietas restritivas<\/h3>\r\n          <p class=\"dc-texto\">\r\n            Acredito em uma alimenta\u00e7\u00e3o prazerosa e sustent\u00e1vel \u2014 sem listas proibidas ou sofrimento.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- DIREITA: foto + stats -->\r\n      <div class=\"porque-direita\">\r\n\r\n        <div class=\"foto-wrap\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559757148-5c350d0d3c56?w=500&q=80\"\r\n               alt=\"Dra. Anna Beatriz \u2013 Nutricionista\" \/>\r\n          <div class=\"foto-overlay\"><\/div>\r\n          <div class=\"foto-badge\">\r\n            <div class=\"badge-icone\"><i class=\"fas fa-star\"><\/i><\/div>\r\n            <div class=\"badge-texto\">\r\n              <strong>CRN Ativo<\/strong>\r\n              <span>Nutricionista Certificada<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"stats-row\">\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-numero\">+500<\/div>\r\n            <div class=\"stat-label\">Pacientes atendidas<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-numero\">5+<\/div>\r\n            <div class=\"stat-label\">Anos de experi\u00eancia<\/div>\r\n          <\/div>\r\n          <div class=\"stat-item\">\r\n            <div class=\"stat-numero\">98%<\/div>\r\n            <div class=\"stat-label\">Satisfa\u00e7\u00e3o<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6eda020 e-con-full e-flex e-con e-parent\" data-id=\"6eda020\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-593942e elementor-widget elementor-widget-html\" data-id=\"593942e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Como Funciona \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #1e2416;\r\n      color: #f0ece4;\r\n    }\r\n\r\n    \/* \u2500\u2500 SE\u00c7\u00c3O \u2500\u2500 *\/\r\n    .como-section {\r\n      padding: 110px 20px;\r\n      background: #1e2416;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* blobs decorativos *\/\r\n    .como-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 600px; height: 600px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.07) 0%, transparent 70%);\r\n      top: -150px; left: -200px;\r\n      pointer-events: none;\r\n    }\r\n    .como-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.06) 0%, transparent 70%);\r\n      bottom: -100px; right: -150px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .como-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n    .como-header {\r\n      text-align: center;\r\n      margin-bottom: 80px;\r\n    }\r\n\r\n    .tag-como {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.12);\r\n      color: #84a75f;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      padding: 6px 20px;\r\n      border-radius: 20px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n    }\r\n\r\n    .como-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 42px;\r\n      color: #f0ece4;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n    .como-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .como-subtitulo {\r\n      font-size: 15px;\r\n      color: rgba(240,236,228,0.55);\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .divisor {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n    .divisor::before,\r\n    .divisor::after {\r\n      content: '';\r\n      width: 60px; height: 1px;\r\n      background: rgba(132,167,95,0.4);\r\n    }\r\n    .divisor i { color: #84a75f; font-size: 14px; }\r\n\r\n    \/* \u2500\u2500 TIMELINE \u2500\u2500 *\/\r\n    .timeline {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n      position: relative;\r\n    }\r\n\r\n    \/* linha vertical central *\/\r\n    .timeline::before {\r\n      content: '';\r\n      position: absolute;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      top: 40px;\r\n      bottom: 40px;\r\n      width: 2px;\r\n      background: linear-gradient(to bottom,\r\n        transparent 0%,\r\n        rgba(132,167,95,0.4) 10%,\r\n        rgba(132,167,95,0.4) 90%,\r\n        transparent 100%\r\n      );\r\n    }\r\n\r\n    \/* \u2500\u2500 ITEM DA TIMELINE \u2500\u2500 *\/\r\n    .tl-item {\r\n      display: grid;\r\n      grid-template-columns: 1fr 80px 1fr;\r\n      align-items: center;\r\n      gap: 0;\r\n      position: relative;\r\n    }\r\n\r\n    \/* alterna lados *\/\r\n    .tl-item:nth-child(even) .tl-card  { grid-column: 3; }\r\n    .tl-item:nth-child(even) .tl-vazio { grid-column: 1; grid-row: 1; }\r\n    .tl-item:nth-child(even) .tl-centro { grid-column: 2; }\r\n\r\n    .tl-item:nth-child(odd) .tl-card  { grid-column: 1; }\r\n    .tl-item:nth-child(odd) .tl-vazio { grid-column: 3; grid-row: 1; }\r\n    .tl-item:nth-child(odd) .tl-centro { grid-column: 2; }\r\n\r\n    \/* \u2500\u2500 CENTRO (bolinha + n\u00famero) \u2500\u2500 *\/\r\n    .tl-centro {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 0;\r\n      position: relative;\r\n      z-index: 2;\r\n      padding: 28px 0;\r\n    }\r\n\r\n    .tl-bolinha {\r\n      width: 56px; height: 56px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      display: flex; align-items: center; justify-content: center;\r\n      box-shadow: 0 0 0 6px rgba(132,167,95,0.12), 0 8px 24px rgba(132,167,95,0.30);\r\n      transition: all 0.35s ease;\r\n      cursor: default;\r\n    }\r\n    .tl-bolinha:hover {\r\n      transform: scale(1.12);\r\n      box-shadow: 0 0 0 10px rgba(132,167,95,0.15), 0 12px 30px rgba(132,167,95,0.45);\r\n    }\r\n    .tl-bolinha span {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      line-height: 1;\r\n    }\r\n\r\n    \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n    .tl-card {\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 20px;\r\n      padding: 32px 28px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: all 0.35s ease;\r\n      margin: 16px 24px;\r\n    }\r\n\r\n    .tl-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 20px;\r\n      background: linear-gradient(135deg, rgba(132,167,95,0.07) 0%, transparent 60%);\r\n      opacity: 0;\r\n      transition: opacity 0.35s ease;\r\n    }\r\n\r\n    .tl-card:hover {\r\n      background: rgba(255,255,255,0.07);\r\n      border-color: rgba(132,167,95,0.35);\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 16px 48px rgba(0,0,0,0.25), 0 0 30px rgba(132,167,95,0.08);\r\n    }\r\n    .tl-card:hover::before { opacity: 1; }\r\n\r\n    \/* seta apontando para o centro *\/\r\n    .tl-item:nth-child(odd) .tl-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%; right: -10px;\r\n      transform: translateY(-50%);\r\n      width: 0; height: 0;\r\n      border-top: 10px solid transparent;\r\n      border-bottom: 10px solid transparent;\r\n      border-left: 10px solid rgba(132,167,95,0.20);\r\n      transition: border-left-color 0.35s;\r\n    }\r\n    .tl-item:nth-child(odd) .tl-card:hover::after {\r\n      border-left-color: rgba(132,167,95,0.40);\r\n    }\r\n\r\n    .tl-item:nth-child(even) .tl-card::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%; left: -10px;\r\n      transform: translateY(-50%);\r\n      width: 0; height: 0;\r\n      border-top: 10px solid transparent;\r\n      border-bottom: 10px solid transparent;\r\n      border-right: 10px solid rgba(132,167,95,0.20);\r\n      transition: border-right-color 0.35s;\r\n    }\r\n    .tl-item:nth-child(even) .tl-card:hover::after {\r\n      border-right-color: rgba(132,167,95,0.40);\r\n    }\r\n\r\n    \/* \u00edcone *\/\r\n    .card-icone {\r\n      width: 48px; height: 48px;\r\n      border-radius: 12px;\r\n      background: rgba(132,167,95,0.12);\r\n      border: 1px solid rgba(132,167,95,0.22);\r\n      display: flex; align-items: center; justify-content: center;\r\n      margin-bottom: 18px;\r\n      transition: all 0.35s ease;\r\n      position: relative; z-index: 1;\r\n    }\r\n    .card-icone i { font-size: 20px; color: #84a75f; transition: all 0.35s; }\r\n    .tl-card:hover .card-icone {\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      border-color: transparent;\r\n      box-shadow: 0 6px 18px rgba(132,167,95,0.35);\r\n    }\r\n    .tl-card:hover .card-icone i { color: #fff; }\r\n\r\n    \/* etiqueta de tempo *\/\r\n    .card-tempo {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n      background: rgba(132,167,95,0.10);\r\n      border: 1px solid rgba(132,167,95,0.20);\r\n      border-radius: 20px;\r\n      padding: 4px 12px;\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      color: #84a75f;\r\n      letter-spacing: 0.3px;\r\n      margin-bottom: 12px;\r\n      position: relative; z-index: 1;\r\n    }\r\n    .card-tempo i { font-size: 10px; }\r\n\r\n    .card-titulo {\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      color: #f0ece4;\r\n      margin-bottom: 10px;\r\n      position: relative; z-index: 1;\r\n    }\r\n\r\n    .card-texto {\r\n      font-size: 13.5px;\r\n      color: rgba(240,236,228,0.58);\r\n      line-height: 1.75;\r\n      position: relative; z-index: 1;\r\n    }\r\n\r\n    \/* lista de itens dentro do card *\/\r\n    .card-lista {\r\n      margin-top: 14px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 7px;\r\n      position: relative; z-index: 1;\r\n    }\r\n    .card-lista li {\r\n      list-style: none;\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 8px;\r\n      font-size: 13px;\r\n      color: rgba(240,236,228,0.55);\r\n      line-height: 1.5;\r\n    }\r\n    .card-lista li i {\r\n      color: #84a75f;\r\n      font-size: 11px;\r\n      margin-top: 3px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    \/* \u2500\u2500 RODAP\u00c9 CTA \u2500\u2500 *\/\r\n    .como-footer {\r\n      text-align: center;\r\n      margin-top: 80px;\r\n    }\r\n\r\n    .footer-box {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 32px;\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(132,167,95,0.20);\r\n      border-radius: 24px;\r\n      padding: 32px 48px;\r\n      flex-wrap: wrap;\r\n      justify-content: center;\r\n    }\r\n\r\n    .footer-texto h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 22px;\r\n      color: #f0ece4;\r\n      margin-bottom: 6px;\r\n    }\r\n    .footer-texto p {\r\n      font-size: 14px;\r\n      color: rgba(240,236,228,0.55);\r\n    }\r\n\r\n    .btn-cta {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      padding: 16px 36px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      box-shadow: 0 8px 25px rgba(132,167,95,0.35);\r\n      transition: all 0.3s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-cta:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 14px 35px rgba(132,167,95,0.50);\r\n    }\r\n    .btn-cta i { font-size: 16px; }\r\n\r\n    \/* \u2500\u2500 RESPONSIVO \u2500\u2500 *\/\r\n    @media(max-width: 768px) {\r\n      .timeline::before { left: 28px; }\r\n\r\n      .tl-item {\r\n        grid-template-columns: 56px 1fr;\r\n        grid-template-rows: auto;\r\n      }\r\n\r\n      .tl-item:nth-child(odd) .tl-card,\r\n      .tl-item:nth-child(even) .tl-card  { grid-column: 2; grid-row: 1; }\r\n\r\n      .tl-item:nth-child(odd) .tl-centro,\r\n      .tl-item:nth-child(even) .tl-centro { grid-column: 1; grid-row: 1; }\r\n\r\n      .tl-item:nth-child(odd) .tl-vazio,\r\n      .tl-item:nth-child(even) .tl-vazio  { display: none; }\r\n\r\n      .tl-card { margin: 12px 0 12px 12px; }\r\n\r\n      .tl-item:nth-child(odd) .tl-card::after,\r\n      .tl-item:nth-child(even) .tl-card::after {\r\n        top: 32px; left: -10px; right: auto;\r\n        border-right: 10px solid rgba(132,167,95,0.20);\r\n        border-left: none;\r\n        border-top: 10px solid transparent;\r\n        border-bottom: 10px solid transparent;\r\n        transform: none;\r\n      }\r\n\r\n      .tl-centro { padding: 24px 0; justify-content: flex-start; }\r\n      .como-titulo { font-size: 32px; }\r\n      .footer-box { padding: 28px 24px; gap: 20px; }\r\n    }\r\n\r\n    @media(max-width: 480px) {\r\n      .como-titulo { font-size: 26px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"como-section\">\r\n  <div class=\"como-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"como-header\">\r\n      <span class=\"tag-como\">\u2726 Passo a passo<\/span>\r\n      <h2 class=\"como-titulo\">\r\n        Como funciona o <span>atendimento?<\/span>\r\n      <\/h2>\r\n      <p class=\"como-subtitulo\">\r\n        Um processo simples, acolhedor e pensado em cada detalhe\r\n        para que voc\u00ea se sinta segura desde o primeiro contato.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <!-- TIMELINE -->\r\n    <div class=\"timeline\">\r\n\r\n      <!-- PASSO 1 -->\r\n      <div class=\"tl-item\">\r\n        <div class=\"tl-card\">\r\n          <div class=\"card-icone\"><i class=\"fas fa-calendar-check\"><\/i><\/div>\r\n          <span class=\"card-tempo\"><i class=\"fas fa-clock\"><\/i> Antes da consulta<\/span>\r\n          <h3 class=\"card-titulo\">Agendamento<\/h3>\r\n          <p class=\"card-texto\">\r\n            Escolha o melhor hor\u00e1rio para voc\u00ea \u2014 atendimento presencial ou online,\r\n            de forma pr\u00e1tica e sem burocracia.\r\n          <\/p>\r\n          <ul class=\"card-lista\">\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Via WhatsApp, Instagram ou site<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Confirma\u00e7\u00e3o imediata<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Op\u00e7\u00e3o presencial ou teleconsulta<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tl-centro\">\r\n          <div class=\"tl-bolinha\"><span>1<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"tl-vazio\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- PASSO 2 -->\r\n      <div class=\"tl-item\">\r\n        <div class=\"tl-vazio\"><\/div>\r\n        <div class=\"tl-centro\">\r\n          <div class=\"tl-bolinha\"><span>2<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"tl-card\">\r\n          <div class=\"card-icone\"><i class=\"fas fa-clipboard-list\"><\/i><\/div>\r\n          <span class=\"card-tempo\"><i class=\"fas fa-clock\"><\/i> 1\u00aa Consulta \u00b7 ~60 min<\/span>\r\n          <h3 class=\"card-titulo\">Avalia\u00e7\u00e3o Completa<\/h3>\r\n          <p class=\"card-texto\">\r\n            Conhecemos sua hist\u00f3ria, h\u00e1bitos, exames e objetivos de forma detalhada\r\n            e sem julgamentos.\r\n          <\/p>\r\n          <ul class=\"card-lista\">\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Anamnese alimentar e cl\u00ednica<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Avalia\u00e7\u00e3o antropom\u00e9trica<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> An\u00e1lise de exames laboratoriais<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- PASSO 3 -->\r\n      <div class=\"tl-item\">\r\n        <div class=\"tl-card\">\r\n          <div class=\"card-icone\"><i class=\"fas fa-file-medical\"><\/i><\/div>\r\n          <span class=\"card-tempo\"><i class=\"fas fa-clock\"><\/i> At\u00e9 3 dias \u00fateis<\/span>\r\n          <h3 class=\"card-titulo\">Plano Alimentar Personalizado<\/h3>\r\n          <p class=\"card-texto\">\r\n            Elaboro um plano exclusivo, adaptado \u00e0s suas prefer\u00eancias, rotina e\r\n            necessidades nutricionais.\r\n          <\/p>\r\n          <ul class=\"card-lista\">\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Card\u00e1pio detalhado e pr\u00e1tico<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Suplementa\u00e7\u00e3o se necess\u00e1rio<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Orienta\u00e7\u00f5es e dicas personalizadas<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        <div class=\"tl-centro\">\r\n          <div class=\"tl-bolinha\"><span>3<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"tl-vazio\"><\/div>\r\n      <\/div>\r\n\r\n      <!-- PASSO 4 -->\r\n      <div class=\"tl-item\">\r\n        <div class=\"tl-vazio\"><\/div>\r\n        <div class=\"tl-centro\">\r\n          <div class=\"tl-bolinha\"><span>4<\/span><\/div>\r\n        <\/div>\r\n        <div class=\"tl-card\">\r\n          <div class=\"card-icone\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n          <span class=\"card-tempo\"><i class=\"fas fa-clock\"><\/i> Retorno \u00b7 a cada 30 dias<\/span>\r\n          <h3 class=\"card-titulo\">Acompanhamento e Evolu\u00e7\u00e3o<\/h3>\r\n          <p class=\"card-texto\">\r\n            Monitoramos seus resultados juntas, ajustando o plano conforme sua\r\n            evolu\u00e7\u00e3o e novas necessidades.\r\n          <\/p>\r\n          <ul class=\"card-lista\">\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Avalia\u00e7\u00e3o dos resultados<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Ajustes no plano alimentar<\/li>\r\n            <li><i class=\"fas fa-circle-check\"><\/i> Suporte via WhatsApp entre consultas<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n    <!-- \/TIMELINE -->\r\n\r\n    <!-- RODAP\u00c9 CTA -->\r\n    <div class=\"como-footer\">\r\n      <div class=\"footer-box\">\r\n        <div class=\"footer-texto\">\r\n          <h3>Pronta para come\u00e7ar?<\/h3>\r\n          <p>Agende sua primeira consulta e d\u00ea o primeiro passo.<\/p>\r\n        <\/div>\r\n        <a href=\"https:\/\/wa.me\/5567998611031?text=Ol\u00e1! Gostaria de agendar uma consulta.\" class=\"btn-cta\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n          Agendar pelo WhatsApp\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a3e530 e-con-full e-flex e-con e-parent\" data-id=\"6a3e530\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-914198f elementor-widget elementor-widget-html\" data-id=\"914198f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Calculadora de IMC \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #f9f7f4;\r\n      color: #3a3a3a;\r\n    }\r\n\r\n    \/* \u2500\u2500 SE\u00c7\u00c3O \u2500\u2500 *\/\r\n    .imc-section {\r\n      padding: 110px 20px;\r\n      background: #f9f7f4;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .imc-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 600px; height: 600px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.10) 0%, transparent 70%);\r\n      top: -150px; right: -200px;\r\n      pointer-events: none;\r\n    }\r\n    .imc-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.07) 0%, transparent 70%);\r\n      bottom: -80px; left: -120px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .imc-container {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n    .imc-header {\r\n      text-align: center;\r\n      margin-bottom: 70px;\r\n    }\r\n\r\n    .tag-imc {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.12);\r\n      color: #84a75f;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      padding: 6px 20px;\r\n      border-radius: 20px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n    }\r\n\r\n    .imc-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 42px;\r\n      color: #1e2416;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n    .imc-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .imc-subtitulo {\r\n      font-size: 15px;\r\n      color: rgba(58,58,58,0.60);\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .divisor {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n    .divisor::before, .divisor::after {\r\n      content: '';\r\n      width: 60px; height: 1px;\r\n      background: rgba(132,167,95,0.4);\r\n    }\r\n    .divisor i { color: #84a75f; font-size: 14px; }\r\n\r\n    \/* \u2500\u2500 LAYOUT \u2500\u2500 *\/\r\n    .imc-layout {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 40px;\r\n      align-items: start;\r\n    }\r\n\r\n    \/* \u2500\u2500 CARD DA CALCULADORA \u2500\u2500 *\/\r\n    .calc-card {\r\n      background: #fff;\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 28px;\r\n      padding: 44px 40px;\r\n      box-shadow: 0 8px 40px rgba(132,167,95,0.08);\r\n    }\r\n\r\n    .calc-card h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 22px;\r\n      color: #1e2416;\r\n      margin-bottom: 8px;\r\n    }\r\n    .calc-card > p {\r\n      font-size: 14px;\r\n      color: rgba(58,58,58,0.55);\r\n      margin-bottom: 32px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    \/* \u2500\u2500 TOGGLE SEXO \u2500\u2500 *\/\r\n    .toggle-sexo {\r\n      display: flex;\r\n      background: #f4f2ef;\r\n      border-radius: 14px;\r\n      padding: 5px;\r\n      margin-bottom: 28px;\r\n      gap: 4px;\r\n    }\r\n    .toggle-sexo button {\r\n      flex: 1;\r\n      padding: 11px;\r\n      border: none;\r\n      border-radius: 10px;\r\n      background: transparent;\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: 14px;\r\n      font-weight: 500;\r\n      color: rgba(58,58,58,0.50);\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 7px;\r\n      transition: all 0.25s ease;\r\n    }\r\n    .toggle-sexo button.ativo {\r\n      background: #fff;\r\n      color: #1e2416;\r\n      font-weight: 700;\r\n      box-shadow: 0 2px 10px rgba(0,0,0,0.08);\r\n    }\r\n    .toggle-sexo button i { font-size: 13px; }\r\n    .toggle-sexo button.ativo i { color: #84a75f; }\r\n\r\n    \/* \u2500\u2500 CAMPOS \u2500\u2500 *\/\r\n    .campo-grupo {\r\n      display: grid;\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: 16px;\r\n      margin-bottom: 16px;\r\n    }\r\n\r\n    .campo {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 7px;\r\n    }\r\n\r\n    .campo label {\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      color: rgba(58,58,58,0.60);\r\n      letter-spacing: 0.5px;\r\n      text-transform: uppercase;\r\n    }\r\n\r\n    .campo-input-wrap {\r\n      position: relative;\r\n    }\r\n\r\n    .campo-input-wrap input {\r\n      width: 100%;\r\n      background: #f9f7f4;\r\n      border: 1.5px solid rgba(132,167,95,0.20);\r\n      border-radius: 12px;\r\n      padding: 14px 52px 14px 16px;\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: 22px;\r\n      font-weight: 600;\r\n      color: #1e2416;\r\n      outline: none;\r\n      transition: all 0.25s ease;\r\n      -moz-appearance: textfield;\r\n    }\r\n    .campo-input-wrap input::-webkit-outer-spin-button,\r\n    .campo-input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }\r\n    .campo-input-wrap input:focus {\r\n      border-color: #84a75f;\r\n      background: #fff;\r\n      box-shadow: 0 0 0 4px rgba(132,167,95,0.10);\r\n    }\r\n    .campo-input-wrap input::placeholder {\r\n      font-size: 18px;\r\n      color: rgba(58,58,58,0.25);\r\n      font-weight: 400;\r\n    }\r\n\r\n    .campo-unidade {\r\n      position: absolute;\r\n      right: 14px;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      font-size: 13px;\r\n      font-weight: 600;\r\n      color: rgba(58,58,58,0.40);\r\n      pointer-events: none;\r\n    }\r\n\r\n    \/* \u2500\u2500 SLIDER \u2500\u2500 *\/\r\n    .slider-wrap {\r\n      margin-top: 8px;\r\n    }\r\n    .slider-wrap input[type=\"range\"] {\r\n      -webkit-appearance: none;\r\n      appearance: none;\r\n      width: 100%;\r\n      height: 5px;\r\n      background: linear-gradient(to right, #84a75f var(--val, 50%), #e8e4de var(--val, 50%));\r\n      border-radius: 10px;\r\n      outline: none;\r\n      cursor: pointer;\r\n    }\r\n    .slider-wrap input[type=\"range\"]::-webkit-slider-thumb {\r\n      -webkit-appearance: none;\r\n      width: 20px; height: 20px;\r\n      border-radius: 50%;\r\n      background: #84a75f;\r\n      border: 3px solid #fff;\r\n      box-shadow: 0 2px 8px rgba(132,167,95,0.40);\r\n      transition: transform 0.2s;\r\n    }\r\n    .slider-wrap input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n      transform: scale(1.2);\r\n    }\r\n    .slider-minmax {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 11px;\r\n      color: rgba(58,58,58,0.40);\r\n      margin-top: 6px;\r\n    }\r\n\r\n    \/* \u2500\u2500 BOT\u00c3O CALCULAR \u2500\u2500 *\/\r\n    .btn-calcular {\r\n      width: 100%;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      border: none;\r\n      border-radius: 14px;\r\n      padding: 18px;\r\n      font-family: 'DM Sans', sans-serif;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 10px;\r\n      margin-top: 28px;\r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 6px 20px rgba(132,167,95,0.35);\r\n      letter-spacing: 0.3px;\r\n    }\r\n    .btn-calcular:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 12px 30px rgba(132,167,95,0.50);\r\n    }\r\n    .btn-calcular:active { transform: translateY(0); }\r\n\r\n    \/* \u2500\u2500 RESULTADO \u2500\u2500 *\/\r\n    .resultado-wrap {\r\n      margin-top: 28px;\r\n      border-radius: 18px;\r\n      overflow: hidden;\r\n      display: none;\r\n      animation: fadeUp 0.5s ease forwards;\r\n    }\r\n    .resultado-wrap.visivel { display: block; }\r\n\r\n    @keyframes fadeUp {\r\n      from { opacity: 0; transform: translateY(16px); }\r\n      to   { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .resultado-topo {\r\n      padding: 28px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 20px;\r\n    }\r\n\r\n    .resultado-numero-wrap {\r\n      text-align: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .resultado-numero {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 52px;\r\n      font-weight: 700;\r\n      line-height: 1;\r\n    }\r\n    .resultado-numero-label {\r\n      font-size: 11px;\r\n      font-weight: 600;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      opacity: 0.65;\r\n      margin-top: 4px;\r\n    }\r\n\r\n    .resultado-info h4 {\r\n      font-size: 20px;\r\n      font-weight: 700;\r\n      margin-bottom: 6px;\r\n    }\r\n    .resultado-info p {\r\n      font-size: 13.5px;\r\n      line-height: 1.6;\r\n      opacity: 0.75;\r\n    }\r\n\r\n    \/* Barra de classifica\u00e7\u00e3o *\/\r\n    .imc-barra-wrap {\r\n      padding: 0 28px 28px;\r\n    }\r\n    .imc-barra {\r\n      height: 10px;\r\n      border-radius: 10px;\r\n      background: linear-gradient(to right,\r\n        #5ba3d9 0%,        \/* abaixo do peso *\/\r\n        #84a75f 25%,       \/* normal *\/\r\n        #f0c040 55%,       \/* sobrepeso *\/\r\n        #e07b39 75%,       \/* obesidade I *\/\r\n        #c94040 100%       \/* obesidade II+ *\/\r\n      );\r\n      position: relative;\r\n      margin-bottom: 10px;\r\n    }\r\n    .imc-ponteiro {\r\n      position: absolute;\r\n      top: -4px;\r\n      width: 18px; height: 18px;\r\n      border-radius: 50%;\r\n      background: #1e2416;\r\n      border: 3px solid #fff;\r\n      box-shadow: 0 2px 8px rgba(0,0,0,0.25);\r\n      transform: translateX(-50%);\r\n      transition: left 0.6s cubic-bezier(.34,1.56,.64,1);\r\n    }\r\n    .imc-barra-labels {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      font-size: 10px;\r\n      color: rgba(58,58,58,0.45);\r\n      margin-top: 8px;\r\n    }\r\n\r\n    \/* \u2500\u2500 TABELA IMC (lado direito) \u2500\u2500 *\/\r\n    .tabela-card {\r\n      background: #fff;\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 28px;\r\n      padding: 44px 40px;\r\n      box-shadow: 0 8px 40px rgba(132,167,95,0.08);\r\n    }\r\n\r\n    .tabela-card h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 22px;\r\n      color: #1e2416;\r\n      margin-bottom: 8px;\r\n    }\r\n    .tabela-card > p {\r\n      font-size: 14px;\r\n      color: rgba(58,58,58,0.55);\r\n      margin-bottom: 32px;\r\n      line-height: 1.6;\r\n    }\r\n\r\n    .tabela-imc {\r\n      width: 100%;\r\n      border-collapse: collapse;\r\n      margin-bottom: 32px;\r\n    }\r\n    .tabela-imc thead th {\r\n      text-align: left;\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 1px;\r\n      text-transform: uppercase;\r\n      color: rgba(58,58,58,0.45);\r\n      padding: 0 0 14px;\r\n      border-bottom: 1px solid rgba(132,167,95,0.12);\r\n    }\r\n    .tabela-imc tbody tr {\r\n      border-bottom: 1px solid rgba(132,167,95,0.08);\r\n      transition: background 0.2s;\r\n    }\r\n    .tabela-imc tbody tr:hover { background: rgba(132,167,95,0.04); }\r\n    .tabela-imc tbody tr:last-child { border-bottom: none; }\r\n    .tabela-imc td {\r\n      padding: 14px 0;\r\n      font-size: 14px;\r\n      color: #3a3a3a;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .tbl-dot {\r\n      width: 10px; height: 10px;\r\n      border-radius: 50%;\r\n      display: inline-block;\r\n      margin-right: 10px;\r\n      flex-shrink: 0;\r\n    }\r\n    .tbl-classificacao {\r\n      display: flex;\r\n      align-items: center;\r\n    }\r\n    .tbl-badge {\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      padding: 4px 12px;\r\n      border-radius: 20px;\r\n    }\r\n\r\n    \/* cores *\/\r\n    .cor-azul   { background: #5ba3d9; }\r\n    .cor-verde  { background: #84a75f; }\r\n    .cor-amarelo{ background: #f0c040; }\r\n    .cor-laranja{ background: #e07b39; }\r\n    .cor-vermelho{ background: #c94040; }\r\n\r\n    .badge-azul    { background: rgba(91,163,217,0.12); color: #3a85b9; }\r\n    .badge-verde   { background: rgba(132,167,95,0.12); color: #5a8a30; }\r\n    .badge-amarelo { background: rgba(240,192,64,0.15); color: #b08a10; }\r\n    .badge-laranja { background: rgba(224,123,57,0.15); color: #b85e1a; }\r\n    .badge-vermelho{ background: rgba(201,64,64,0.15);  color: #a02020; }\r\n\r\n    \/* \u2500\u2500 AVISO NUTRI \u2500\u2500 *\/\r\n    .aviso-nutri {\r\n      background: linear-gradient(135deg, #1e2416, #2c3520);\r\n      border-radius: 18px;\r\n      padding: 24px;\r\n      display: flex;\r\n      gap: 16px;\r\n      align-items: flex-start;\r\n    }\r\n    .aviso-icone {\r\n      width: 44px; height: 44px;\r\n      border-radius: 12px;\r\n      background: rgba(132,167,95,0.18);\r\n      border: 1px solid rgba(132,167,95,0.30);\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .aviso-icone i { color: #84a75f; font-size: 18px; }\r\n    .aviso-texto h4 {\r\n      font-size: 14px;\r\n      font-weight: 700;\r\n      color: #f0ece4;\r\n      margin-bottom: 6px;\r\n    }\r\n    .aviso-texto p {\r\n      font-size: 12.5px;\r\n      color: rgba(240,236,228,0.55);\r\n      line-height: 1.65;\r\n    }\r\n    .aviso-texto a {\r\n      color: #84a75f;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n    }\r\n    .aviso-texto a:hover { text-decoration: underline; }\r\n\r\n    \/* \u2500\u2500 RESPONSIVO \u2500\u2500 *\/\r\n    @media(max-width: 900px) {\r\n      .imc-layout { grid-template-columns: 1fr; }\r\n      .imc-titulo { font-size: 32px; }\r\n    }\r\n    @media(max-width: 480px) {\r\n      .calc-card, .tabela-card { padding: 32px 22px; }\r\n      .campo-grupo { grid-template-columns: 1fr; }\r\n      .imc-titulo { font-size: 26px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"imc-section\">\r\n  <div class=\"imc-container\">\r\n\r\n    <!-- HEADER -->\r\n    <div class=\"imc-header\">\r\n      <span class=\"tag-imc\">\u2726 Ferramenta gratuita<\/span>\r\n      <h2 class=\"imc-titulo\">Calcule o seu <span>IMC agora<\/span><\/h2>\r\n      <p class=\"imc-subtitulo\">\r\n        Descubra seu \u00cdndice de Massa Corporal e entenda o que ele significa\r\n        para a sua sa\u00fade \u2014 em segundos.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <!-- LAYOUT -->\r\n    <div class=\"imc-layout\">\r\n\r\n      <!-- ESQUERDA: Calculadora -->\r\n      <div class=\"calc-card\">\r\n        <h3>Calculadora de IMC<\/h3>\r\n        <p>Preencha seus dados para calcular seu \u00edndice de massa corporal.<\/p>\r\n\r\n        <!-- Toggle sexo -->\r\n        <div class=\"toggle-sexo\">\r\n          <button class=\"ativo\" id=\"btn-feminino\" onclick=\"setSexo('feminino')\">\r\n            <i class=\"fas fa-venus\"><\/i> Feminino\r\n          <\/button>\r\n          <button id=\"btn-masculino\" onclick=\"setSexo('masculino')\">\r\n            <i class=\"fas fa-mars\"><\/i> Masculino\r\n          <\/button>\r\n        <\/div>\r\n\r\n        <!-- Altura -->\r\n        <div class=\"campo\" style=\"margin-bottom: 20px;\">\r\n          <label>Altura<\/label>\r\n          <div class=\"campo-input-wrap\">\r\n            <input type=\"number\" id=\"altura\" placeholder=\"170\" min=\"100\" max=\"250\"\r\n              oninput=\"syncSlider()\" \/>\r\n            <span class=\"campo-unidade\">cm<\/span>\r\n          <\/div>\r\n          <div class=\"slider-wrap\">\r\n            <input type=\"range\" id=\"slider-altura\" min=\"100\" max=\"220\" value=\"170\"\r\n              oninput=\"syncAlturaInput(this.value)\" \/>\r\n            <div class=\"slider-minmax\"><span>100 cm<\/span><span>220 cm<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Peso e Idade -->\r\n        <div class=\"campo-grupo\">\r\n          <div class=\"campo\">\r\n            <label>Peso<\/label>\r\n            <div class=\"campo-input-wrap\">\r\n              <input type=\"number\" id=\"peso\" placeholder=\"70\" min=\"30\" max=\"300\" \/>\r\n              <span class=\"campo-unidade\">kg<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"campo\">\r\n            <label>Idade<\/label>\r\n            <div class=\"campo-input-wrap\">\r\n              <input type=\"number\" id=\"idade\" placeholder=\"25\" min=\"1\" max=\"120\" \/>\r\n              <span class=\"campo-unidade\">anos<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Bot\u00e3o -->\r\n        <button class=\"btn-calcular\" onclick=\"calcularIMC()\">\r\n          <i class=\"fas fa-calculator\"><\/i>\r\n          Calcular meu IMC\r\n        <\/button>\r\n\r\n        <!-- Resultado -->\r\n        <div class=\"resultado-wrap\" id=\"resultado\">\r\n          <div class=\"resultado-topo\" id=\"resultado-topo\">\r\n            <div class=\"resultado-numero-wrap\">\r\n              <div class=\"resultado-numero\" id=\"resultado-numero\">--<\/div>\r\n              <div class=\"resultado-numero-label\">IMC<\/div>\r\n            <\/div>\r\n            <div class=\"resultado-info\">\r\n              <h4 id=\"resultado-titulo\">--<\/h4>\r\n              <p id=\"resultado-texto\">--<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"imc-barra-wrap\">\r\n            <div class=\"imc-barra\">\r\n              <div class=\"imc-ponteiro\" id=\"imc-ponteiro\" style=\"left: 0%\"><\/div>\r\n            <\/div>\r\n            <div class=\"imc-barra-labels\">\r\n              <span>Abaixo<\/span>\r\n              <span>Normal<\/span>\r\n              <span>Sobrepeso<\/span>\r\n              <span>Ob. I<\/span>\r\n              <span>Ob. II+<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- DIREITA: Tabela de classifica\u00e7\u00e3o -->\r\n      <div class=\"tabela-card\">\r\n        <h3>Tabela de Classifica\u00e7\u00e3o<\/h3>\r\n        <p>Refer\u00eancia da Organiza\u00e7\u00e3o Mundial da Sa\u00fade (OMS) para adultos.<\/p>\r\n\r\n        <table class=\"tabela-imc\">\r\n          <thead>\r\n            <tr>\r\n              <th>Classifica\u00e7\u00e3o<\/th>\r\n              <th>IMC (kg\/m\u00b2)<\/th>\r\n              <th>Risco<\/th>\r\n            <\/tr>\r\n          <\/thead>\r\n          <tbody>\r\n            <tr>\r\n              <td>\r\n                <div class=\"tbl-classificacao\">\r\n                  <span class=\"tbl-dot cor-azul\"><\/span> Abaixo do peso\r\n                <\/div>\r\n              <\/td>\r\n              <td>&lt; 18,5<\/td>\r\n              <td><span class=\"tbl-badge badge-azul\">Elevado<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>\r\n                <div class=\"tbl-classificacao\">\r\n                  <span class=\"tbl-dot cor-verde\"><\/span> Peso normal\r\n                <\/div>\r\n              <\/td>\r\n              <td>18,5 \u2013 24,9<\/td>\r\n              <td><span class=\"tbl-badge badge-verde\">Baixo<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>\r\n                <div class=\"tbl-classificacao\">\r\n                  <span class=\"tbl-dot cor-amarelo\"><\/span> Sobrepeso\r\n                <\/div>\r\n              <\/td>\r\n              <td>25,0 \u2013 29,9<\/td>\r\n              <td><span class=\"tbl-badge badge-amarelo\">Moderado<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>\r\n                <div class=\"tbl-classificacao\">\r\n                  <span class=\"tbl-dot cor-laranja\"><\/span> Obesidade I\r\n                <\/div>\r\n              <\/td>\r\n              <td>30,0 \u2013 34,9<\/td>\r\n              <td><span class=\"tbl-badge badge-laranja\">Alto<\/span><\/td>\r\n            <\/tr>\r\n            <tr>\r\n              <td>\r\n                <div class=\"tbl-classificacao\">\r\n                  <span class=\"tbl-dot cor-vermelho\"><\/span> Obesidade II+\r\n                <\/div>\r\n              <\/td>\r\n              <td>\u2265 35,0<\/td>\r\n              <td><span class=\"tbl-badge badge-vermelho\">Muito alto<\/span><\/td>\r\n            <\/tr>\r\n          <\/tbody>\r\n        <\/table>\r\n\r\n        <!-- Aviso nutri -->\r\n        <div class=\"aviso-nutri\">\r\n          <div class=\"aviso-icone\"><i class=\"fas fa-circle-info\"><\/i><\/div>\r\n          <div class=\"aviso-texto\">\r\n            <h4>O IMC \u00e9 apenas um indicador<\/h4>\r\n            <p>\r\n              Ele n\u00e3o avalia composi\u00e7\u00e3o corporal, massa muscular ou outros fatores\r\n              de sa\u00fade importantes. Para uma avalia\u00e7\u00e3o completa e individualizada,\r\n              <a href=\"#\">agende sua consulta<\/a> com a Dra. Anna Beatriz.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  let sexoAtual = 'feminino';\r\n\r\n  function setSexo(s) {\r\n    sexoAtual = s;\r\n    document.getElementById('btn-feminino').classList.toggle('ativo', s === 'feminino');\r\n    document.getElementById('btn-masculino').classList.toggle('ativo', s === 'masculino');\r\n  }\r\n\r\n  \/* Sincroniza slider de altura com input *\/\r\n  function syncSlider() {\r\n    const v = document.getElementById('altura').value;\r\n    const slider = document.getElementById('slider-altura');\r\n    if (v >= 100 && v <= 220) {\r\n      slider.value = v;\r\n      atualizarSliderColor(slider);\r\n    }\r\n  }\r\n  function syncAlturaInput(v) {\r\n    document.getElementById('altura').value = v;\r\n    atualizarSliderColor(document.getElementById('slider-altura'));\r\n  }\r\n  function atualizarSliderColor(slider) {\r\n    const min = slider.min, max = slider.max, val = slider.value;\r\n    const pct = ((val - min) \/ (max - min)) * 100;\r\n    slider.style.setProperty('--val', pct + '%');\r\n  }\r\n\r\n  \/* Inicializa slider *\/\r\n  atualizarSliderColor(document.getElementById('slider-altura'));\r\n\r\n  \/* Classifica\u00e7\u00f5es *\/\r\n  const classificacoes = [\r\n    {\r\n      max: 18.5,\r\n      titulo: 'Abaixo do peso',\r\n      texto: 'Seu peso est\u00e1 abaixo do recomendado. Isso pode indicar desnutri\u00e7\u00e3o ou outras condi\u00e7\u00f5es. Busque orienta\u00e7\u00e3o nutricional.',\r\n      cor: '#5ba3d9',\r\n      corFundo: 'rgba(91,163,217,0.08)',\r\n      corBorda: 'rgba(91,163,217,0.25)',\r\n      ponteiro: 8\r\n    },\r\n    {\r\n      max: 25,\r\n      titulo: 'Peso normal \u2713',\r\n      texto: 'Parab\u00e9ns! Seu IMC est\u00e1 dentro da faixa considerada saud\u00e1vel pela OMS. Continue mantendo bons h\u00e1bitos alimentares.',\r\n      cor: '#84a75f',\r\n      corFundo: 'rgba(132,167,95,0.08)',\r\n      corBorda: 'rgba(132,167,95,0.25)',\r\n      ponteiro: 30\r\n    },\r\n    {\r\n      max: 30,\r\n      titulo: 'Sobrepeso',\r\n      texto: 'Seu IMC indica sobrepeso. Uma avalia\u00e7\u00e3o nutricional pode ajudar a estabelecer metas saud\u00e1veis e realistas.',\r\n      cor: '#f0c040',\r\n      corFundo: 'rgba(240,192,64,0.08)',\r\n      corBorda: 'rgba(240,192,64,0.25)',\r\n      ponteiro: 55\r\n    },\r\n    {\r\n      max: 35,\r\n      titulo: 'Obesidade Grau I',\r\n      texto: 'Este resultado indica obesidade grau I. O acompanhamento nutricional \u00e9 fundamental para sua sa\u00fade e qualidade de vida.',\r\n      cor: '#e07b39',\r\n      corFundo: 'rgba(224,123,57,0.08)',\r\n      corBorda: 'rgba(224,123,57,0.25)',\r\n      ponteiro: 75\r\n    },\r\n    {\r\n      max: Infinity,\r\n      titulo: 'Obesidade Grau II+',\r\n      texto: 'Seu IMC indica obesidade grau II ou superior. Recomendamos fortemente acompanhamento nutricional e m\u00e9dico.',\r\n      cor: '#c94040',\r\n      corFundo: 'rgba(201,64,64,0.08)',\r\n      corBorda: 'rgba(201,64,64,0.25)',\r\n      ponteiro: 93\r\n    }\r\n  ];\r\n\r\n  function calcularIMC() {\r\n    const altura = parseFloat(document.getElementById('altura').value);\r\n    const peso   = parseFloat(document.getElementById('peso').value);\r\n\r\n    if (!altura || !peso || altura < 50 || peso < 10) {\r\n      shakeBotao();\r\n      return;\r\n    }\r\n\r\n    const imc = peso \/ Math.pow(altura \/ 100, 2);\r\n    const cl  = classificacoes.find(c => imc < c.max);\r\n\r\n    \/* Mostra resultado *\/\r\n    const wrap = document.getElementById('resultado');\r\n    wrap.classList.remove('visivel');\r\n    void wrap.offsetWidth; \/* reinicia anima\u00e7\u00e3o *\/\r\n    wrap.classList.add('visivel');\r\n\r\n    document.getElementById('resultado-numero').textContent = imc.toFixed(1);\r\n    document.getElementById('resultado-titulo').textContent = cl.titulo;\r\n    document.getElementById('resultado-texto').textContent  = cl.texto;\r\n\r\n    \/* Cores din\u00e2micas *\/\r\n    const topo = document.getElementById('resultado-topo');\r\n    topo.style.background     = cl.corFundo;\r\n    topo.style.border         = `1px solid ${cl.corBorda}`;\r\n    topo.style.borderRadius   = '16px 16px 0 0';\r\n    document.getElementById('resultado-numero').style.color = cl.cor;\r\n    document.getElementById('resultado-titulo').style.color = cl.cor;\r\n\r\n    \/* Ponteiro na barra *\/\r\n    document.getElementById('imc-ponteiro').style.left = cl.ponteiro + '%';\r\n  }\r\n\r\n  function shakeBotao() {\r\n    const btn = document.querySelector('.btn-calcular');\r\n    btn.style.animation = 'none';\r\n    btn.style.transform = 'translateX(-6px)';\r\n    setTimeout(() => { btn.style.transform = 'translateX(6px)'; }, 80);\r\n    setTimeout(() => { btn.style.transform = 'translateX(-4px)'; }, 160);\r\n    setTimeout(() => { btn.style.transform = 'translateX(0)'; }, 240);\r\n  }\r\n\r\n  \/* Atualiza slider ao digitar *\/\r\n  document.getElementById('altura').addEventListener('input', syncSlider);\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03a5ce1 e-con-full e-flex e-con e-parent\" data-id=\"03a5ce1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d841aba elementor-widget elementor-widget-html\" data-id=\"d841aba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Depoimentos \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n    body {\r\n      font-family: 'DM Sans', sans-serif;\r\n      background: #1e2416;\r\n      color: #f0ece4;\r\n    }\r\n\r\n    \/* \u2550\u2550 SE\u00c7\u00c3O \u2550\u2550 *\/\r\n    .depo-section {\r\n      padding: 110px 20px;\r\n      background: #1e2416;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .depo-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 700px; height: 700px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.07) 0%, transparent 70%);\r\n      top: -200px; right: -250px;\r\n      pointer-events: none;\r\n    }\r\n    .depo-section::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 500px; height: 500px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.06) 0%, transparent 70%);\r\n      bottom: -120px; left: -150px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .depo-container {\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* \u2550\u2550 HEADER \u2550\u2550 *\/\r\n    .depo-header {\r\n      text-align: center;\r\n      margin-bottom: 72px;\r\n    }\r\n\r\n    .tag-depo {\r\n      display: inline-block;\r\n      background: rgba(132,167,95,0.12);\r\n      color: #84a75f;\r\n      font-size: 12px;\r\n      font-weight: 600;\r\n      letter-spacing: 3px;\r\n      text-transform: uppercase;\r\n      padding: 6px 20px;\r\n      border-radius: 20px;\r\n      margin-bottom: 18px;\r\n      border: 1px solid rgba(132,167,95,0.25);\r\n    }\r\n\r\n    .depo-titulo {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 42px;\r\n      color: #f0ece4;\r\n      line-height: 1.2;\r\n      margin-bottom: 16px;\r\n    }\r\n    .depo-titulo span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n\r\n    .depo-subtitulo {\r\n      font-size: 15px;\r\n      color: rgba(240,236,228,0.50);\r\n      max-width: 520px;\r\n      margin: 0 auto;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .divisor {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      gap: 12px;\r\n      margin-top: 24px;\r\n    }\r\n    .divisor::before, .divisor::after {\r\n      content: '';\r\n      width: 60px; height: 1px;\r\n      background: rgba(132,167,95,0.4);\r\n    }\r\n    .divisor i { color: #84a75f; font-size: 14px; }\r\n\r\n    \/* \u2550\u2550 BANNER DE M\u00c9TRICAS \u2550\u2550 *\/\r\n    .metricas-banner {\r\n      display: flex;\r\n      justify-content: center;\r\n      gap: 0;\r\n      margin-bottom: 70px;\r\n      background: rgba(255,255,255,0.03);\r\n      border: 1px solid rgba(132,167,95,0.12);\r\n      border-radius: 20px;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .metrica-item {\r\n      flex: 1;\r\n      text-align: center;\r\n      padding: 28px 20px;\r\n      border-right: 1px solid rgba(132,167,95,0.10);\r\n      transition: background 0.3s;\r\n    }\r\n    .metrica-item:last-child { border-right: none; }\r\n    .metrica-item:hover { background: rgba(132,167,95,0.06); }\r\n\r\n    .metrica-numero {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 36px;\r\n      font-weight: 700;\r\n      color: #84a75f;\r\n      line-height: 1;\r\n      margin-bottom: 6px;\r\n    }\r\n    .metrica-label {\r\n      font-size: 12px;\r\n      color: rgba(240,236,228,0.45);\r\n      letter-spacing: 0.5px;\r\n    }\r\n\r\n    \/* \u2550\u2550 GRID DE CARDS \u2550\u2550 *\/\r\n    .depo-grid {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n      margin-bottom: 24px;\r\n    }\r\n\r\n    \/* card destaque (ocupa 2 colunas) *\/\r\n    .depo-grid .card-destaque {\r\n      grid-column: span 2;\r\n    }\r\n\r\n    \/* \u2550\u2550 CARD DEPOIMENTO \u2550\u2550 *\/\r\n    .depo-card {\r\n      background: rgba(255,255,255,0.04);\r\n      border: 1px solid rgba(132,167,95,0.13);\r\n      border-radius: 24px;\r\n      padding: 32px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: 0;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: all 0.35s ease;\r\n      cursor: default;\r\n    }\r\n\r\n    .depo-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      inset: 0;\r\n      border-radius: 24px;\r\n      background: linear-gradient(135deg, rgba(132,167,95,0.06) 0%, transparent 60%);\r\n      opacity: 0;\r\n      transition: opacity 0.35s ease;\r\n    }\r\n    .depo-card:hover {\r\n      border-color: rgba(132,167,95,0.30);\r\n      transform: translateY(-6px);\r\n      box-shadow: 0 20px 50px rgba(0,0,0,0.30), 0 0 30px rgba(132,167,95,0.06);\r\n    }\r\n    .depo-card:hover::before { opacity: 1; }\r\n\r\n    \/* card destaque com fundo diferente *\/\r\n    .card-destaque {\r\n      background: linear-gradient(135deg, rgba(132,167,95,0.12) 0%, rgba(107,112,80,0.08) 100%);\r\n      border-color: rgba(132,167,95,0.25);\r\n      flex-direction: row;\r\n      gap: 32px;\r\n      align-items: flex-start;\r\n    }\r\n    .card-destaque:hover {\r\n      border-color: rgba(132,167,95,0.45);\r\n    }\r\n\r\n    \/* aspas decorativas *\/\r\n    .aspas {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 80px;\r\n      line-height: 0.6;\r\n      color: rgba(132,167,95,0.20);\r\n      margin-bottom: 16px;\r\n      display: block;\r\n      user-select: none;\r\n    }\r\n    .card-destaque .aspas {\r\n      font-size: 100px;\r\n      color: rgba(132,167,95,0.25);\r\n    }\r\n\r\n    \/* texto do depoimento *\/\r\n    .depo-texto {\r\n      font-size: 14.5px;\r\n      line-height: 1.80;\r\n      color: rgba(240,236,228,0.72);\r\n      flex: 1;\r\n      margin-bottom: 24px;\r\n    }\r\n    .card-destaque .depo-texto {\r\n      font-size: 16px;\r\n      color: rgba(240,236,228,0.80);\r\n    }\r\n\r\n    \/* resultado em destaque *\/\r\n    .depo-resultado {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      background: rgba(132,167,95,0.15);\r\n      border: 1px solid rgba(132,167,95,0.30);\r\n      border-radius: 30px;\r\n      padding: 7px 14px;\r\n      font-size: 12px;\r\n      font-weight: 700;\r\n      color: #a8cc78;\r\n      margin-bottom: 24px;\r\n      letter-spacing: 0.3px;\r\n    }\r\n    .depo-resultado i { font-size: 11px; }\r\n\r\n    \/* rodap\u00e9 do card *\/\r\n    .depo-rodape {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-top: auto;\r\n      padding-top: 22px;\r\n      border-top: 1px solid rgba(132,167,95,0.10);\r\n    }\r\n\r\n    \/* avatar *\/\r\n    .depo-avatar {\r\n      width: 48px; height: 48px;\r\n      border-radius: 50%;\r\n      overflow: hidden;\r\n      flex-shrink: 0;\r\n      border: 2px solid rgba(132,167,95,0.30);\r\n    }\r\n    .depo-avatar img {\r\n      width: 100%; height: 100%;\r\n      object-fit: cover;\r\n    }\r\n    \/* avatar com iniciais *\/\r\n    .avatar-inicial {\r\n      width: 48px; height: 48px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 16px;\r\n      font-weight: 700;\r\n      color: #fff;\r\n      flex-shrink: 0;\r\n      border: 2px solid rgba(132,167,95,0.30);\r\n    }\r\n\r\n    .depo-pessoa {}\r\n    .depo-nome {\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      color: #f0ece4;\r\n      margin-bottom: 3px;\r\n    }\r\n    .depo-meta {\r\n      font-size: 12px;\r\n      color: rgba(240,236,228,0.40);\r\n    }\r\n\r\n    \/* estrelas *\/\r\n    .depo-estrelas {\r\n      margin-left: auto;\r\n      display: flex;\r\n      gap: 2px;\r\n    }\r\n    .depo-estrelas i {\r\n      font-size: 12px;\r\n      color: #f0c040;\r\n    }\r\n\r\n    \/* \u2550\u2550 SEGUNDA LINHA \u2550\u2550 *\/\r\n    .depo-grid-2 {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 24px;\r\n    }\r\n\r\n    \/* \u2550\u2550 CTA FINAL \u2550\u2550 *\/\r\n    .depo-cta {\r\n      margin-top: 70px;\r\n      background: rgba(255,255,255,0.03);\r\n      border: 1px solid rgba(132,167,95,0.15);\r\n      border-radius: 28px;\r\n      padding: 52px 40px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 32px;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .depo-cta::before {\r\n      content: '';\r\n      position: absolute;\r\n      width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.10) 0%, transparent 70%);\r\n      right: -100px; top: -100px;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .cta-texto h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 28px;\r\n      color: #f0ece4;\r\n      margin-bottom: 10px;\r\n      line-height: 1.3;\r\n    }\r\n    .cta-texto h3 span {\r\n      font-style: italic;\r\n      color: #84a75f;\r\n    }\r\n    .cta-texto p {\r\n      font-size: 14px;\r\n      color: rgba(240,236,228,0.50);\r\n      line-height: 1.7;\r\n      max-width: 480px;\r\n    }\r\n\r\n    .cta-acoes {\r\n      display: flex;\r\n      gap: 14px;\r\n      flex-shrink: 0;\r\n      flex-wrap: wrap;\r\n    }\r\n\r\n    .btn-primary {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: linear-gradient(135deg, #84a75f, #6b7050);\r\n      color: #fff;\r\n      padding: 16px 30px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      box-shadow: 0 8px 24px rgba(132,167,95,0.35);\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-primary:hover {\r\n      transform: translateY(-3px);\r\n      box-shadow: 0 14px 35px rgba(132,167,95,0.50);\r\n    }\r\n\r\n    .btn-ghost {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 10px;\r\n      background: transparent;\r\n      color: #84a75f;\r\n      padding: 15px 28px;\r\n      border-radius: 50px;\r\n      font-size: 15px;\r\n      font-weight: 600;\r\n      text-decoration: none;\r\n      border: 1.5px solid rgba(132,167,95,0.35);\r\n      transition: all 0.3s ease;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-ghost:hover {\r\n      background: rgba(132,167,95,0.10);\r\n      border-color: rgba(132,167,95,0.60);\r\n      transform: translateY(-3px);\r\n    }\r\n\r\n    \/* \u2550\u2550 RESPONSIVO \u2550\u2550 *\/\r\n    @media(max-width: 960px) {\r\n      .depo-grid { grid-template-columns: 1fr 1fr; }\r\n      .depo-grid .card-destaque { grid-column: span 2; flex-direction: column; gap: 0; }\r\n      .depo-grid-2 { grid-template-columns: 1fr 1fr; }\r\n      .depo-cta { flex-direction: column; text-align: center; }\r\n      .cta-texto p { max-width: 100%; }\r\n      .cta-acoes { justify-content: center; }\r\n    }\r\n\r\n    @media(max-width: 640px) {\r\n      .depo-titulo { font-size: 30px; }\r\n      .depo-grid, .depo-grid-2 { grid-template-columns: 1fr; }\r\n      .depo-grid .card-destaque { grid-column: span 1; }\r\n      .metricas-banner { flex-wrap: wrap; }\r\n      .metrica-item { min-width: 50%; border-right: none; border-bottom: 1px solid rgba(132,167,95,0.10); }\r\n      .metrica-item:nth-child(odd) { border-right: 1px solid rgba(132,167,95,0.10); }\r\n      .depo-cta { padding: 36px 24px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"depo-section\">\r\n  <div class=\"depo-container\">\r\n\r\n    <!-- \u2500\u2500 HEADER \u2500\u2500 -->\r\n    <div class=\"depo-header\">\r\n      <span class=\"tag-depo\">\u2726 Hist\u00f3rias reais<\/span>\r\n      <h2 class=\"depo-titulo\">O que dizem minhas <span>pacientes<\/span><\/h2>\r\n      <p class=\"depo-subtitulo\">\r\n        Cada resultado \u00e9 \u00fanico. Conhe\u00e7a as hist\u00f3rias de quem transformou\r\n        sua rela\u00e7\u00e3o com a alimenta\u00e7\u00e3o e conquistou uma vida mais saud\u00e1vel.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 M\u00c9TRICAS \u2500\u2500 -->\r\n    <div class=\"metricas-banner\">\r\n      <div class=\"metrica-item\">\r\n        <div class=\"metrica-numero\">+500<\/div>\r\n        <div class=\"metrica-label\">Pacientes atendidas<\/div>\r\n      <\/div>\r\n      <div class=\"metrica-item\">\r\n        <div class=\"metrica-numero\">4.9<i class=\"fas fa-star\" style=\"font-size:22px; margin-left:4px;\"><\/i><\/div>\r\n        <div class=\"metrica-label\">Avalia\u00e7\u00e3o m\u00e9dia<\/div>\r\n      <\/div>\r\n      <div class=\"metrica-item\">\r\n        <div class=\"metrica-numero\">98%<\/div>\r\n        <div class=\"metrica-label\">Satisfa\u00e7\u00e3o geral<\/div>\r\n      <\/div>\r\n      <div class=\"metrica-item\">\r\n        <div class=\"metrica-numero\">5+<\/div>\r\n        <div class=\"metrica-label\">Anos de experi\u00eancia<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 LINHA 1 \u2500\u2500 -->\r\n    <div class=\"depo-grid\">\r\n\r\n      <!-- CARD DESTAQUE -->\r\n      <div class=\"depo-card card-destaque\">\r\n        <div style=\"flex-shrink:0; min-width:0;\">\r\n          <span class=\"aspas\">\"<\/span>\r\n        <\/div>\r\n        <div style=\"display:flex; flex-direction:column; flex:1;\">\r\n          <div class=\"depo-resultado\">\r\n            <i class=\"fas fa-arrow-trend-down\"><\/i> Perdeu 14 kg em 4 meses\r\n          <\/div>\r\n          <p class=\"depo-texto\">\r\n            A Dra. Anna Beatriz mudou completamente minha rela\u00e7\u00e3o com a comida. Eu j\u00e1 tinha tentado v\u00e1rias dietas antes e nunca conseguia manter. Com ela, aprendi a comer de forma inteligente, sem passar fome e sem abrir m\u00e3o de momentos especiais em fam\u00edlia. O acompanhamento dela vai muito al\u00e9m do plano alimentar \u2014 ela realmente se importa com cada detalhe da sua vida e isso faz toda a diferen\u00e7a nos resultados.\r\n          <\/p>\r\n          <div class=\"depo-rodape\">\r\n            <div class=\"depo-avatar\">\r\n              <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Mariana S.\" \/>\r\n            <\/div>\r\n            <div class=\"depo-pessoa\">\r\n              <div class=\"depo-nome\">Mariana S.<\/div>\r\n              <div class=\"depo-meta\">Paciente h\u00e1 8 meses \u00b7 Emagrecimento<\/div>\r\n            <\/div>\r\n            <div class=\"depo-estrelas\">\r\n              <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n              <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 2 -->\r\n      <div class=\"depo-card\">\r\n        <span class=\"aspas\">\"<\/span>\r\n        <div class=\"depo-resultado\">\r\n          <i class=\"fas fa-seedling\"><\/i> Reverteu pr\u00e9-diabetes\r\n        <\/div>\r\n        <p class=\"depo-texto\">\r\n          Descobri a pr\u00e9-diabetes e fiquei desesperada. A nutricionista me guiou com muita paci\u00eancia e em 3 meses meus exames j\u00e1 mostraram melhora enorme. Recomendo de olhos fechados!\r\n        <\/p>\r\n        <div class=\"depo-rodape\">\r\n          <div class=\"avatar-inicial\">RC<\/div>\r\n          <div class=\"depo-pessoa\">\r\n            <div class=\"depo-nome\">Renata C.<\/div>\r\n            <div class=\"depo-meta\">Paciente h\u00e1 5 meses \u00b7 Sa\u00fade metab\u00f3lica<\/div>\r\n          <\/div>\r\n          <div class=\"depo-estrelas\">\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 LINHA 2 \u2500\u2500 -->\r\n    <div class=\"depo-grid-2\" style=\"margin-top: 24px;\">\r\n\r\n      <!-- CARD 3 -->\r\n      <div class=\"depo-card\">\r\n        <span class=\"aspas\">\"<\/span>\r\n        <div class=\"depo-resultado\">\r\n          <i class=\"fas fa-baby\"><\/i> P\u00f3s-parto saud\u00e1vel\r\n        <\/div>\r\n        <p class=\"depo-texto\">\r\n          Depois do nascimento da minha filha, me sentia perdida com alimenta\u00e7\u00e3o. A Dra. Anna montou um plano que respeitava minha amamenta\u00e7\u00e3o e minha rotina corrida. Me sinto bem comigo mesma de novo!\r\n        <\/p>\r\n        <div class=\"depo-rodape\">\r\n          <div class=\"depo-avatar\">\r\n            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/65.jpg\" alt=\"Camila F.\" \/>\r\n          <\/div>\r\n          <div class=\"depo-pessoa\">\r\n            <div class=\"depo-nome\">Camila F.<\/div>\r\n            <div class=\"depo-meta\">Paciente h\u00e1 4 meses \u00b7 P\u00f3s-parto<\/div>\r\n          <\/div>\r\n          <div class=\"depo-estrelas\">\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 4 -->\r\n      <div class=\"depo-card\">\r\n        <span class=\"aspas\">\"<\/span>\r\n        <div class=\"depo-resultado\">\r\n          <i class=\"fas fa-dumbbell\"><\/i> Ganho de massa muscular\r\n        <\/div>\r\n        <p class=\"depo-texto\">\r\n          Sempre tive dificuldade em ganhar massa mesmo treinando muito. Com a orienta\u00e7\u00e3o nutricional certa, em 2 meses j\u00e1 senti diferen\u00e7a real nos treinos e no espelho. Valeu muito o investimento!\r\n        <\/p>\r\n        <div class=\"depo-rodape\">\r\n          <div class=\"avatar-inicial\">TP<\/div>\r\n          <div class=\"depo-pessoa\">\r\n            <div class=\"depo-nome\">Thiago P.<\/div>\r\n            <div class=\"depo-meta\">Paciente h\u00e1 3 meses \u00b7 Performance<\/div>\r\n          <\/div>\r\n          <div class=\"depo-estrelas\">\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star-half-stroke\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 5 -->\r\n      <div class=\"depo-card\">\r\n        <span class=\"aspas\">\"<\/span>\r\n        <div class=\"depo-resultado\">\r\n          <i class=\"fas fa-face-smile\"><\/i> Fim da compuls\u00e3o alimentar\r\n        <\/div>\r\n        <p class=\"depo-texto\">\r\n          Sofria com compuls\u00e3o h\u00e1 anos e me sentia envergonhada. A consulta foi o espa\u00e7o mais acolhedor que j\u00e1 encontrei. Hoje tenho uma rela\u00e7\u00e3o muito mais leve e saud\u00e1vel com a comida.\r\n        <\/p>\r\n        <div class=\"depo-rodape\">\r\n          <div class=\"depo-avatar\">\r\n            <img decoding=\"async\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/32.jpg\" alt=\"Larissa M.\" \/>\r\n          <\/div>\r\n          <div class=\"depo-pessoa\">\r\n            <div class=\"depo-nome\">Larissa M.<\/div>\r\n            <div class=\"depo-meta\">Paciente h\u00e1 6 meses \u00b7 Comportamento alimentar<\/div>\r\n          <\/div>\r\n          <div class=\"depo-estrelas\">\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n            <i class=\"fas fa-star\"><\/i><i class=\"fas fa-star\"><\/i>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500 CTA FINAL \u2500\u2500 -->\r\n    <div class=\"depo-cta\">\r\n      <div class=\"cta-texto\">\r\n        <h3>Pronta para escrever a sua <span>hist\u00f3ria?<\/span><\/h3>\r\n        <p>\r\n          Junte-se a centenas de pacientes que transformaram sua sa\u00fade com acompanhamento nutricional\r\n          personalizado. O primeiro passo come\u00e7a com uma consulta.\r\n        <\/p>\r\n      <\/div>\r\n      <div class=\"cta-acoes\">\r\n        <a href=\"#consulta\" class=\"btn-primary\">\r\n          <i class=\"fab fa-whatsapp\"><\/i>\r\n          Agendar consulta\r\n        <\/a>\r\n        <a href=\"#servicos\" class=\"btn-ghost\">\r\n          <i class=\"fas fa-list\"><\/i>\r\n          Ver servi\u00e7os\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28fdf08 e-con-full e-flex e-con e-parent\" data-id=\"28fdf08\" data-element_type=\"container\" data-e-type=\"container\" id=\"consulta\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02dd20c elementor-widget elementor-widget-html\" data-id=\"02dd20c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Contato & Agendamento \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    body { font-family: 'DM Sans', sans-serif; background: #f5f2ec; }\r\n\r\n    .contato-section { padding: 110px 20px; background: #f5f2ec; position: relative; overflow: hidden; }\r\n    .contato-section::before { content: ''; position: absolute; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(132,167,95,0.08) 0%, transparent 70%); top: -200px; right: -250px; pointer-events: none; }\r\n    .contato-section::after { content: ''; position: absolute; width: 500px; height: 500px; border-radius: 50%; background: radial-gradient(circle, rgba(132,167,95,0.07) 0%, transparent 70%); bottom: -150px; left: -150px; pointer-events: none; }\r\n    .contato-container { max-width: 1150px; margin: 0 auto; position: relative; z-index: 2; }\r\n\r\n    .contato-header { text-align: center; margin-bottom: 72px; }\r\n    .tag-contato { display: inline-block; background: rgba(132,167,95,0.12); color: #5a7a35; font-size: 12px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; padding: 6px 20px; border-radius: 20px; margin-bottom: 18px; border: 1px solid rgba(132,167,95,0.30); }\r\n    .contato-titulo { font-family: 'Playfair Display', serif; font-size: 42px; color: #1e2416; line-height: 1.2; margin-bottom: 16px; }\r\n    .contato-titulo span { font-style: italic; color: #84a75f; }\r\n    .contato-subtitulo { font-size: 15px; color: rgba(30,36,22,0.50); max-width: 500px; margin: 0 auto; line-height: 1.7; }\r\n    .divisor { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 24px; }\r\n    .divisor::before, .divisor::after { content: ''; width: 60px; height: 1px; background: rgba(132,167,95,0.45); }\r\n    .divisor i { color: #84a75f; font-size: 14px; }\r\n\r\n    .contato-layout { display: grid; grid-template-columns: 1fr 1.15fr; gap: 40px; align-items: start; }\r\n    .col-info { display: flex; flex-direction: column; gap: 20px; }\r\n\r\n    .contatos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\r\n    .contato-card { background: #fff; border: 1px solid rgba(132,167,95,0.18); border-radius: 18px; padding: 20px; display: flex; flex-direction: column; gap: 12px; text-decoration: none; transition: all 0.30s ease; cursor: pointer; box-shadow: 0 2px 12px rgba(30,36,22,0.05); }\r\n    .contato-card:hover { background: #fff; border-color: rgba(132,167,95,0.45); transform: translateY(-4px); box-shadow: 0 12px 32px rgba(132,167,95,0.15); }\r\n    .cc-icone { width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n    .cc-icone i { font-size: 20px; }\r\n    .cc-icone.wpp { background: rgba(37,211,102,0.10); border: 1px solid rgba(37,211,102,0.22); }\r\n    .cc-icone.wpp i { color: #1fa855; }\r\n    .cc-icone.insta { background: rgba(225,48,108,0.08); border: 1px solid rgba(225,48,108,0.18); }\r\n    .cc-icone.insta i { color: #e1306c; }\r\n    .cc-icone.email { background: rgba(132,167,95,0.10); border: 1px solid rgba(132,167,95,0.22); }\r\n    .cc-icone.email i { color: #5a7a35; }\r\n    .cc-icone.local { background: rgba(200,150,40,0.10); border: 1px solid rgba(200,150,40,0.22); }\r\n    .cc-icone.local i { color: #b8860b; }\r\n    .cc-titulo { font-size: 11px; font-weight: 700; color: rgba(30,36,22,0.38); letter-spacing: 0.8px; text-transform: uppercase; }\r\n    .cc-valor { font-size: 13px; font-weight: 600; color: #1e2416; line-height: 1.4; }\r\n    .cc-acao { font-size: 11.5px; color: #84a75f; font-weight: 700; display: flex; align-items: center; gap: 4px; }\r\n    .cc-acao i { font-size: 10px; }\r\n\r\n    .horarios-card { background: #fff; border: 1px solid rgba(132,167,95,0.18); border-radius: 20px; padding: 26px 28px; box-shadow: 0 2px 12px rgba(30,36,22,0.05); }\r\n    .horarios-card h4 { font-size: 14px; font-weight: 700; color: #1e2416; margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }\r\n    .horarios-card h4 i { color: #84a75f; }\r\n    .horario-linha { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(132,167,95,0.09); font-size: 13.5px; }\r\n    .horario-linha:last-child { border-bottom: none; padding-bottom: 0; }\r\n    .horario-dia { color: rgba(30,36,22,0.55); }\r\n    .horario-hora { font-weight: 600; color: #1e2416; }\r\n    .badge-aberto { font-size: 10px; font-weight: 700; background: rgba(132,167,95,0.12); color: #5a7a35; border: 1px solid rgba(132,167,95,0.30); padding: 3px 10px; border-radius: 20px; }\r\n    .badge-fechado { font-size: 10px; font-weight: 700; background: rgba(30,36,22,0.05); color: rgba(30,36,22,0.30); border: 1px solid rgba(30,36,22,0.10); padding: 3px 10px; border-radius: 20px; }\r\n\r\n    .mapa-wrap { border-radius: 20px; overflow: hidden; border: 1px solid rgba(132,167,95,0.18); height: 180px; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 12px rgba(30,36,22,0.05); }\r\n    .mapa-placeholder { text-align: center; }\r\n    .mapa-placeholder i { font-size: 30px; color: #84a75f; margin-bottom: 10px; display: block; }\r\n    .mapa-placeholder p { font-size: 13px; color: rgba(30,36,22,0.45); margin-bottom: 8px; }\r\n    .mapa-placeholder a { color: #5a7a35; font-weight: 700; text-decoration: none; font-size: 13px; display: inline-flex; align-items: center; gap: 5px; }\r\n    .mapa-placeholder a:hover { color: #84a75f; }\r\n\r\n    .form-card { background: #fff; border-radius: 28px; padding: 48px 44px; box-shadow: 0 4px 32px rgba(30,36,22,0.10); border: 1px solid rgba(132,167,95,0.14); }\r\n    .form-card h3 { font-family: 'Playfair Display', serif; font-size: 26px; color: #1e2416; margin-bottom: 8px; }\r\n    .form-card > p { font-size: 14px; color: rgba(30,36,22,0.48); margin-bottom: 36px; line-height: 1.6; }\r\n\r\n    .form-steps { display: flex; align-items: center; gap: 0; margin-bottom: 36px; }\r\n    .step-item { display: flex; align-items: center; gap: 8px; flex: 1; }\r\n    .step-bolinha { width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; flex-shrink: 0; transition: all 0.3s; }\r\n    .step-bolinha.ativo { background: linear-gradient(135deg,#84a75f,#5a7a35); color: #fff; box-shadow: 0 4px 14px rgba(132,167,95,0.35); }\r\n    .step-bolinha.feito { background: rgba(132,167,95,0.12); color: #5a7a35; border: 1.5px solid rgba(132,167,95,0.35); }\r\n    .step-bolinha.inativo { background: #f4f2ef; color: rgba(30,36,22,0.28); border: 1.5px solid #e8e4de; }\r\n    .step-label { font-size: 12px; font-weight: 600; color: rgba(30,36,22,0.35); white-space: nowrap; }\r\n    .step-label.ativo { color: #1e2416; }\r\n    .step-linha { flex: 1; height: 2px; background: #e8e4de; margin: 0 6px; border-radius: 2px; transition: background 0.3s; }\r\n    .step-linha.feita { background: rgba(132,167,95,0.40); }\r\n\r\n    .etapa { display: none; }\r\n    .etapa.ativa { display: block; animation: fadeIn 0.4s ease; }\r\n    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }\r\n    .form-grupo { display: flex; flex-direction: column; gap: 7px; margin-bottom: 16px; }\r\n    .form-label { font-size: 12px; font-weight: 700; color: rgba(30,36,22,0.50); letter-spacing: 0.5px; text-transform: uppercase; }\r\n\r\n    .form-input, .form-select, .form-textarea { width: 100%; background: #f9f7f4; border: 1.5px solid rgba(132,167,95,0.18); border-radius: 12px; padding: 14px 16px; font-family: 'DM Sans', sans-serif; font-size: 14.5px; color: #1e2416; outline: none; transition: all 0.25s ease; }\r\n    .form-input::placeholder, .form-textarea::placeholder { color: rgba(30,36,22,0.28); }\r\n    .form-input:focus, .form-select:focus, .form-textarea:focus { border-color: #84a75f; background: #fff; box-shadow: 0 0 0 4px rgba(132,167,95,0.10); }\r\n    .form-select { cursor: pointer; appearance: none; background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2384a75f' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'\/%3E%3C\/svg%3E\"); background-repeat: no-repeat; background-position: right 16px center; padding-right: 40px; }\r\n    .form-textarea { resize: none; height: 110px; line-height: 1.6; }\r\n\r\n    .modalidade-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }\r\n    .modalidade-opt { border: 1.5px solid rgba(132,167,95,0.18); border-radius: 12px; padding: 16px; cursor: pointer; transition: all 0.25s ease; display: flex; align-items: center; gap: 12px; background: #f9f7f4; }\r\n    .modalidade-opt:hover { border-color: rgba(132,167,95,0.45); background: #fff; }\r\n    .modalidade-opt.selecionado { border-color: #84a75f; background: rgba(132,167,95,0.06); box-shadow: 0 0 0 4px rgba(132,167,95,0.08); }\r\n    .mod-icone { width: 36px; height: 36px; border-radius: 10px; background: rgba(132,167,95,0.10); display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: all 0.25s; }\r\n    .mod-icone i { font-size: 15px; color: #84a75f; }\r\n    .modalidade-opt.selecionado .mod-icone { background: linear-gradient(135deg,#84a75f,#5a7a35); }\r\n    .modalidade-opt.selecionado .mod-icone i { color: #fff; }\r\n    .mod-nome { font-size: 13.5px; font-weight: 700; color: #1e2416; }\r\n    .mod-desc { font-size: 11.5px; color: rgba(30,36,22,0.42); margin-top: 2px; }\r\n\r\n    .objetivo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 16px; }\r\n    .objetivo-opt { border: 1.5px solid rgba(132,167,95,0.18); border-radius: 12px; padding: 14px 10px; cursor: pointer; text-align: center; transition: all 0.25s ease; background: #f9f7f4; }\r\n    .objetivo-opt:hover { border-color: rgba(132,167,95,0.45); background: #fff; }\r\n    .objetivo-opt.selecionado { border-color: #84a75f; background: rgba(132,167,95,0.07); box-shadow: 0 0 0 3px rgba(132,167,95,0.09); }\r\n    .obj-icone { font-size: 22px; margin-bottom: 6px; display: block; }\r\n    .obj-nome { font-size: 12px; font-weight: 700; color: #1e2416; line-height: 1.3; }\r\n\r\n    .cal-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }\r\n    .cal-mes { font-size: 15px; font-weight: 700; color: #1e2416; }\r\n    .cal-nav { background: #f4f2ef; border: 1px solid rgba(132,167,95,0.18); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #84a75f; font-size: 12px; transition: all 0.2s; }\r\n    .cal-nav:hover { background: rgba(132,167,95,0.12); border-color: rgba(132,167,95,0.40); }\r\n    .cal-dias-semana { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; margin-bottom: 8px; }\r\n    .cal-dias-semana span { text-align: center; font-size: 11px; font-weight: 700; color: rgba(30,36,22,0.35); letter-spacing: 0.5px; padding: 4px 0; }\r\n    .cal-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 4px; margin-bottom: 20px; }\r\n    .cal-dia { aspect-ratio: 1; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 13px; font-weight: 500; cursor: pointer; transition: all 0.2s; color: #3a3a3a; border: 1.5px solid transparent; }\r\n    .cal-dia:hover:not(.vazio):not(.passado):not(.sem-vaga) { background: rgba(132,167,95,0.10); border-color: rgba(132,167,95,0.35); }\r\n    .cal-dia.passado { color: rgba(30,36,22,0.22); cursor: not-allowed; }\r\n    .cal-dia.vazio { cursor: default; }\r\n    .cal-dia.hoje { background: rgba(132,167,95,0.09); border-color: rgba(132,167,95,0.35); color: #5a7a35; font-weight: 700; }\r\n    .cal-dia.selecionado { background: linear-gradient(135deg,#84a75f,#5a7a35); color: #fff; border-color: transparent; box-shadow: 0 4px 12px rgba(132,167,95,0.35); font-weight: 700; }\r\n    .cal-dia.sem-vaga { color: rgba(30,36,22,0.22); cursor: not-allowed; }\r\n\r\n    .horarios-disponiveis { display: none; animation: fadeIn 0.3s ease; }\r\n    .horarios-disponiveis.visivel { display: block; }\r\n    .horarios-disponiveis h5 { font-size: 12px; font-weight: 700; color: rgba(30,36,22,0.45); margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }\r\n    .horarios-slots { display: flex; flex-wrap: wrap; gap: 8px; }\r\n    .slot { padding: 8px 16px; border-radius: 10px; border: 1.5px solid rgba(132,167,95,0.22); background: #f9f7f4; font-size: 13px; font-weight: 600; color: #1e2416; cursor: pointer; transition: all 0.2s; }\r\n    .slot:hover { border-color: #84a75f; background: rgba(132,167,95,0.07); }\r\n    .slot.ativo { background: linear-gradient(135deg,#84a75f,#5a7a35); color: #fff; border-color: transparent; box-shadow: 0 3px 10px rgba(132,167,95,0.30); }\r\n    .slot.ocupado { opacity: 0.30; cursor: not-allowed; text-decoration: line-through; }\r\n\r\n    .form-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 28px; gap: 12px; }\r\n    .btn-voltar { display: inline-flex; align-items: center; gap: 8px; background: transparent; border: 1.5px solid rgba(132,167,95,0.28); color: rgba(30,36,22,0.55); padding: 14px 22px; border-radius: 12px; font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.25s; }\r\n    .btn-voltar:hover { border-color: rgba(132,167,95,0.55); color: #1e2416; background: rgba(132,167,95,0.05); }\r\n    .btn-avancar { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, #84a75f, #5a7a35); color: #fff; padding: 16px 24px; border-radius: 12px; font-family: 'DM Sans', sans-serif; font-size: 15px; font-weight: 700; border: none; cursor: pointer; box-shadow: 0 6px 20px rgba(132,167,95,0.30); transition: all 0.3s ease; }\r\n    .btn-avancar:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(132,167,95,0.45); }\r\n    .btn-avancar:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\r\n\r\n    .sucesso-wrap { display: none; text-align: center; padding: 20px 0; animation: fadeIn 0.5s ease; }\r\n    .sucesso-wrap.visivel { display: block; }\r\n    .sucesso-icone { width: 80px; height: 80px; border-radius: 50%; background: linear-gradient(135deg,#84a75f,#5a7a35); display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; box-shadow: 0 8px 28px rgba(132,167,95,0.35); animation: popIn 0.5s cubic-bezier(.34,1.56,.64,1); }\r\n    @keyframes popIn { from { transform: scale(0); opacity: 0; } to { transform: scale(1); opacity: 1; } }\r\n    .sucesso-icone i { font-size: 36px; color: #fff; }\r\n    .sucesso-wrap h3 { font-family: 'Playfair Display', serif; font-size: 26px; color: #1e2416; margin-bottom: 12px; }\r\n    .sucesso-wrap p { font-size: 14.5px; color: rgba(30,36,22,0.52); line-height: 1.7; max-width: 360px; margin: 0 auto 28px; }\r\n    .sucesso-resumo { background: #f9f7f4; border: 1px solid rgba(132,167,95,0.16); border-radius: 16px; padding: 20px 24px; margin: 0 auto 28px; max-width: 380px; text-align: left; display: flex; flex-direction: column; gap: 10px; }\r\n    .resumo-linha { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: #1e2416; }\r\n    .resumo-linha i { color: #84a75f; font-size: 13px; width: 16px; flex-shrink: 0; }\r\n    .btn-wpp-sucesso { display: inline-flex; align-items: center; gap: 9px; background: linear-gradient(135deg,#84a75f,#5a7a35); color: #fff; padding: 16px 32px; border-radius: 12px; font-size: 15px; font-weight: 700; text-decoration: none; box-shadow: 0 6px 20px rgba(132,167,95,0.30); transition: all 0.3s; }\r\n    .btn-wpp-sucesso:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(132,167,95,0.45); }\r\n\r\n    @media(max-width: 960px) { .contato-layout { grid-template-columns: 1fr; } .contato-titulo { font-size: 32px; } }\r\n    @media(max-width: 580px) { .contato-titulo { font-size: 26px; } .form-card { padding: 32px 22px; } .form-row { grid-template-columns: 1fr; } .objetivo-grid { grid-template-columns: repeat(2,1fr); } .contatos-grid { grid-template-columns: 1fr 1fr; } .step-label { display: none; } }\r\n    @media(max-width: 380px) { .contatos-grid { grid-template-columns: 1fr; } .modalidade-grid { grid-template-columns: 1fr; } }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"contato-section\">\r\n  <div class=\"contato-container\">\r\n\r\n    <div class=\"contato-header\">\r\n      <span class=\"tag-contato\">\u2726 Primeiro passo<\/span>\r\n      <h2 class=\"contato-titulo\">Agende sua <span>consulta<\/span><\/h2>\r\n      <p class=\"contato-subtitulo\">\r\n        Preencha o formul\u00e1rio abaixo e entraremos em contato para confirmar\r\n        seu hor\u00e1rio. \u00c9 r\u00e1pido, simples e sem compromisso.\r\n      <\/p>\r\n      <div class=\"divisor\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"contato-layout\">\r\n\r\n      <div class=\"col-info\">\r\n        <div class=\"contatos-grid\">\r\n          <a href=\"https:\/\/wa.me\/5567998611031\" class=\"contato-card\" target=\"_blank\">\r\n            <div class=\"cc-icone wpp\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"cc-titulo\">WhatsApp<\/div>\r\n              <div class=\"cc-valor\">(67) 9 9861-1031<\/div>\r\n            <\/div>\r\n            <div class=\"cc-acao\"><i class=\"fas fa-arrow-up-right-from-square\"><\/i> Chamar agora<\/div>\r\n          <\/a>\r\n          <a href=\"https:\/\/instagram.com\" class=\"contato-card\" target=\"_blank\">\r\n            <div class=\"cc-icone insta\"><i class=\"fab fa-instagram\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"cc-titulo\">Instagram<\/div>\r\n              <div class=\"cc-valor\">@dra.annabeatriz<\/div>\r\n            <\/div>\r\n            <div class=\"cc-acao\"><i class=\"fas fa-arrow-up-right-from-square\"><\/i> Ver perfil<\/div>\r\n          <\/a>\r\n          <a href=\"mailto:contato@annabeatriz.com.br\" class=\"contato-card\">\r\n            <div class=\"cc-icone email\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"cc-titulo\">E-mail<\/div>\r\n              <div class=\"cc-valor\">contato@<br\/>annabeatriz.com.br<\/div>\r\n            <\/div>\r\n            <div class=\"cc-acao\"><i class=\"fas fa-arrow-up-right-from-square\"><\/i> Enviar e-mail<\/div>\r\n          <\/a>\r\n          <div class=\"contato-card\">\r\n            <div class=\"cc-icone local\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"cc-titulo\">Endere\u00e7o<\/div>\r\n              <div class=\"cc-valor\">Rua das Flores, 123<br\/>Centro \u2013 Navira\u00ed\/MS<\/div>\r\n            <\/div>\r\n            <div class=\"cc-acao\"><i class=\"fas fa-map\"><\/i> Ver no mapa<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"horarios-card\">\r\n          <h4><i class=\"fas fa-clock\"><\/i> Hor\u00e1rios de atendimento<\/h4>\r\n          <div class=\"horario-linha\">\r\n            <span class=\"horario-dia\">Segunda a Sexta<\/span>\r\n            <span class=\"horario-hora\">08h \u2013 18h<\/span>\r\n            <span class=\"badge-aberto\">Aberto<\/span>\r\n          <\/div>\r\n          <div class=\"horario-linha\">\r\n            <span class=\"horario-dia\">S\u00e1bado<\/span>\r\n            <span class=\"horario-hora\">08h \u2013 12h<\/span>\r\n            <span class=\"badge-aberto\">Aberto<\/span>\r\n          <\/div>\r\n          <div class=\"horario-linha\">\r\n            <span class=\"horario-dia\">Domingo<\/span>\r\n            <span class=\"horario-hora\">\u2014<\/span>\r\n            <span class=\"badge-fechado\">Fechado<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"mapa-wrap\">\r\n          <div class=\"mapa-placeholder\">\r\n            <i class=\"fas fa-map-location-dot\"><\/i>\r\n            <p>Rua das Flores, 123 \u2013 Centro, Navira\u00ed\/MS<\/p>\r\n            <a href=\"https:\/\/maps.google.com\" target=\"_blank\">\r\n              <i class=\"fas fa-arrow-up-right-from-square\"><\/i> Abrir no Google Maps\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"form-card\">\r\n        <h3>Pr\u00e9-agendamento<\/h3>\r\n        <p>Preencha as informa\u00e7\u00f5es abaixo e confirmaremos seu hor\u00e1rio pelo WhatsApp.<\/p>\r\n\r\n        <div class=\"form-steps\" id=\"form-steps\">\r\n          <div class=\"step-item\">\r\n            <div class=\"step-bolinha ativo\" id=\"step-b1\">1<\/div>\r\n            <span class=\"step-label ativo\" id=\"step-l1\">Dados<\/span>\r\n          <\/div>\r\n          <div class=\"step-linha\" id=\"step-ln1\"><\/div>\r\n          <div class=\"step-item\">\r\n            <div class=\"step-bolinha inativo\" id=\"step-b2\">2<\/div>\r\n            <span class=\"step-label\" id=\"step-l2\">Objetivo<\/span>\r\n          <\/div>\r\n          <div class=\"step-linha\" id=\"step-ln2\"><\/div>\r\n          <div class=\"step-item\">\r\n            <div class=\"step-bolinha inativo\" id=\"step-b3\">3<\/div>\r\n            <span class=\"step-label\" id=\"step-l3\">Hor\u00e1rio<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"etapa ativa\" id=\"etapa1\">\r\n          <div class=\"form-row\">\r\n            <div class=\"form-grupo\">\r\n              <label class=\"form-label\">Nome<\/label>\r\n              <input type=\"text\" class=\"form-input\" id=\"f-nome\" placeholder=\"Seu nome\" \/>\r\n            <\/div>\r\n            <div class=\"form-grupo\">\r\n              <label class=\"form-label\">Sobrenome<\/label>\r\n              <input type=\"text\" class=\"form-input\" id=\"f-sobrenome\" placeholder=\"Sobrenome\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-row\">\r\n            <div class=\"form-grupo\">\r\n              <label class=\"form-label\">WhatsApp<\/label>\r\n              <input type=\"tel\" class=\"form-input\" id=\"f-tel\" placeholder=\"(00) 00000-0000\" oninput=\"mascaraTel(this)\" \/>\r\n            <\/div>\r\n            <div class=\"form-grupo\">\r\n              <label class=\"form-label\">Idade<\/label>\r\n              <input type=\"number\" class=\"form-input\" id=\"f-idade\" placeholder=\"Ex: 28\" min=\"1\" max=\"120\" \/>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-grupo\">\r\n            <label class=\"form-label\">Modalidade de atendimento<\/label>\r\n          <\/div>\r\n          <div class=\"modalidade-grid\">\r\n            <div class=\"modalidade-opt selecionado\" onclick=\"selecionarModalidade(this)\" data-val=\"presencial\">\r\n              <div class=\"mod-icone\"><i class=\"fas fa-house-medical\"><\/i><\/div>\r\n              <div>\r\n                <div class=\"mod-nome\">Presencial<\/div>\r\n                <div class=\"mod-desc\">Navira\u00ed \/ MS<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"modalidade-opt\" onclick=\"selecionarModalidade(this)\" data-val=\"online\">\r\n              <div class=\"mod-icone\"><i class=\"fas fa-video\"><\/i><\/div>\r\n              <div>\r\n                <div class=\"mod-nome\">Online<\/div>\r\n                <div class=\"mod-desc\">Todo o Brasil<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-nav\">\r\n            <button class=\"btn-avancar\" onclick=\"irParaEtapa(2)\">\r\n              Continuar <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"etapa\" id=\"etapa2\">\r\n          <div class=\"form-grupo\">\r\n            <label class=\"form-label\">Qual \u00e9 o seu principal objetivo?<\/label>\r\n          <\/div>\r\n          <div class=\"objetivo-grid\" id=\"objetivo-grid\">\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"emagrecimento\">\r\n              <span class=\"obj-icone\">\u2696\ufe0f<\/span>\r\n              <div class=\"obj-nome\">Emagrecer<\/div>\r\n            <\/div>\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"ganho-massa\">\r\n              <span class=\"obj-icone\">\ud83d\udcaa<\/span>\r\n              <div class=\"obj-nome\">Ganhar massa<\/div>\r\n            <\/div>\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"saude\">\r\n              <span class=\"obj-icone\">\ud83e\udec0<\/span>\r\n              <div class=\"obj-nome\">Sa\u00fade geral<\/div>\r\n            <\/div>\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"gestacao\">\r\n              <span class=\"obj-icone\">\ud83e\udd30<\/span>\r\n              <div class=\"obj-nome\">Gesta\u00e7\u00e3o<\/div>\r\n            <\/div>\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"pos-parto\">\r\n              <span class=\"obj-icone\">\ud83d\udc76<\/span>\r\n              <div class=\"obj-nome\">P\u00f3s-parto<\/div>\r\n            <\/div>\r\n            <div class=\"objetivo-opt\" onclick=\"selecionarObjetivo(this)\" data-val=\"outro\">\r\n              <span class=\"obj-icone\">\u2728<\/span>\r\n              <div class=\"obj-nome\">Outro<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"form-grupo\">\r\n            <label class=\"form-label\">Como nos encontrou?<\/label>\r\n            <select class=\"form-select\" id=\"f-origem\">\r\n              <option value=\"\" disabled selected>Selecione uma op\u00e7\u00e3o<\/option>\r\n              <option>Instagram<\/option>\r\n              <option>Indica\u00e7\u00e3o de amigo\/familiar<\/option>\r\n              <option>Google<\/option>\r\n              <option>TikTok<\/option>\r\n              <option>Outro<\/option>\r\n            <\/select>\r\n          <\/div>\r\n          <div class=\"form-grupo\">\r\n            <label class=\"form-label\">Observa\u00e7\u00f5es (opcional)<\/label>\r\n            <textarea class=\"form-textarea\" id=\"f-obs\" placeholder=\"Conte um pouco sobre voc\u00ea, restri\u00e7\u00f5es alimentares, condi\u00e7\u00f5es de sa\u00fade...\"><\/textarea>\r\n          <\/div>\r\n          <div class=\"form-nav\">\r\n            <button class=\"btn-voltar\" onclick=\"irParaEtapa(1)\">\r\n              <i class=\"fas fa-arrow-left\"><\/i> Voltar\r\n            <\/button>\r\n            <button class=\"btn-avancar\" onclick=\"irParaEtapa(3)\">\r\n              Continuar <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"etapa\" id=\"etapa3\">\r\n          <div class=\"form-grupo\">\r\n            <label class=\"form-label\">Escolha uma data dispon\u00edvel<\/label>\r\n          <\/div>\r\n          <div class=\"cal-header\">\r\n            <button class=\"cal-nav\" onclick=\"mudarMes(-1)\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n            <span class=\"cal-mes\" id=\"cal-mes-label\">Maio 2026<\/span>\r\n            <button class=\"cal-nav\" onclick=\"mudarMes(1)\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n          <\/div>\r\n          <div class=\"cal-dias-semana\">\r\n            <span>DOM<\/span><span>SEG<\/span><span>TER<\/span>\r\n            <span>QUA<\/span><span>QUI<\/span><span>SEX<\/span><span>S\u00c1B<\/span>\r\n          <\/div>\r\n          <div class=\"cal-grid\" id=\"cal-grid\"><\/div>\r\n          <div class=\"horarios-disponiveis\" id=\"horarios-disp\">\r\n            <h5 id=\"horarios-data-label\">Hor\u00e1rios dispon\u00edveis<\/h5>\r\n            <div class=\"horarios-slots\" id=\"horarios-slots\"><\/div>\r\n          <\/div>\r\n          <div class=\"form-nav\">\r\n            <button class=\"btn-voltar\" onclick=\"irParaEtapa(2)\">\r\n              <i class=\"fas fa-arrow-left\"><\/i> Voltar\r\n            <\/button>\r\n            <button class=\"btn-avancar\" id=\"btn-enviar\" onclick=\"enviarForm()\">\r\n              <i class=\"fas fa-calendar-check\"><\/i> Confirmar agendamento\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"sucesso-wrap\" id=\"sucesso\">\r\n          <div class=\"sucesso-icone\"><i class=\"fas fa-check\"><\/i><\/div>\r\n          <h3>Pr\u00e9-agendamento enviado!<\/h3>\r\n          <p>Entraremos em contato pelo WhatsApp em at\u00e9 2 horas para confirmar seu hor\u00e1rio. \ud83c\udf3f<\/p>\r\n          <div class=\"sucesso-resumo\" id=\"sucesso-resumo\"><\/div>\r\n          <a href=\"https:\/\/wa.me\/5567998611031\" id=\"btn-wpp-final\" class=\"btn-wpp-sucesso\" target=\"_blank\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> Confirmar pelo WhatsApp\r\n          <\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  const WEB3FORMS_ACCESS_KEY = \"06fdccd4-9db5-4d7f-bb3b-ea80faca09d4\";\r\n\r\n  let etapaAtual = 1;\r\n  let modalidadeSel = 'presencial';\r\n  let objetivoSel   = '';\r\n  let dataSel       = null;\r\n  let horarioSel    = null;\r\n  let calAno, calMes;\r\n\r\n  const NUMERO_WHATSAPP = '5567998611031';\r\n\r\n  const hoje = new Date();\r\n  calAno  = hoje.getFullYear();\r\n  calMes  = hoje.getMonth();\r\n\r\n  const semVaga = [3, 7, 14, 21, 28];\r\n\r\n  const slotsPorDia = {\r\n    0: [],\r\n    1: ['08:00','09:00','10:00','14:00','15:00','16:00'],\r\n    2: ['08:00','09:00','10:00','14:00','15:00','16:00','17:00'],\r\n    3: ['08:00','09:00','10:00','14:00','15:00'],\r\n    4: ['08:00','09:00','10:00','14:00','15:00','16:00'],\r\n    5: ['08:00','09:00','10:00','14:00','15:00','16:00','17:00'],\r\n    6: ['08:00','09:00','10:00'],\r\n  };\r\n  const ocupados = ['09:00','15:00'];\r\n\r\n  const mesesPT = ['Janeiro','Fevereiro','Mar\u00e7o','Abril','Maio','Junho',\r\n                   'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'];\r\n\r\n  function renderCalendario() {\r\n    document.getElementById('cal-mes-label').textContent = `${mesesPT[calMes]} ${calAno}`;\r\n    const grid = document.getElementById('cal-grid');\r\n    grid.innerHTML = '';\r\n    const primeiroDia = new Date(calAno, calMes, 1).getDay();\r\n    const totalDias   = new Date(calAno, calMes + 1, 0).getDate();\r\n    for (let i = 0; i < primeiroDia; i++) {\r\n      const v = document.createElement('div');\r\n      v.className = 'cal-dia vazio';\r\n      grid.appendChild(v);\r\n    }\r\n    for (let d = 1; d <= totalDias; d++) {\r\n      const btn = document.createElement('div');\r\n      const data = new Date(calAno, calMes, d);\r\n      const diaSemana = data.getDay();\r\n      const isHoje    = d === hoje.getDate() && calMes === hoje.getMonth() && calAno === hoje.getFullYear();\r\n      const isPassado = data < new Date(hoje.getFullYear(), hoje.getMonth(), hoje.getDate());\r\n      const isSemVaga = semVaga.includes(d);\r\n      const isDOM     = diaSemana === 0;\r\n      btn.textContent = d;\r\n      btn.className   = 'cal-dia';\r\n      if (isPassado || isDOM)     btn.classList.add('passado');\r\n      else if (isSemVaga)         btn.classList.add('sem-vaga');\r\n      else {\r\n        if (isHoje) btn.classList.add('hoje');\r\n        btn.onclick = () => selecionarDia(d, btn, diaSemana);\r\n      }\r\n      grid.appendChild(btn);\r\n    }\r\n  }\r\n\r\n  function mudarMes(dir) {\r\n    calMes += dir;\r\n    if (calMes > 11) { calMes = 0;  calAno++; }\r\n    if (calMes < 0)  { calMes = 11; calAno--; }\r\n    dataSel = null; horarioSel = null;\r\n    document.getElementById('horarios-disp').classList.remove('visivel');\r\n    renderCalendario();\r\n  }\r\n\r\n  function selecionarDia(d, btn, diaSemana) {\r\n    document.querySelectorAll('.cal-dia.selecionado').forEach(b => b.classList.remove('selecionado'));\r\n    btn.classList.add('selecionado');\r\n    dataSel    = { d, mes: calMes, ano: calAno };\r\n    horarioSel = null;\r\n    renderSlots(diaSemana, d);\r\n  }\r\n\r\n  function renderSlots(diaSemana, d) {\r\n    const slots = slotsPorDia[diaSemana] || [];\r\n    const wrap  = document.getElementById('horarios-disp');\r\n    const cont  = document.getElementById('horarios-slots');\r\n    const label = document.getElementById('horarios-data-label');\r\n    label.textContent = `Hor\u00e1rios para ${String(d).padStart(2,'0')}\/${String(calMes+1).padStart(2,'0')}\/${calAno}`;\r\n    cont.innerHTML = '';\r\n    slots.forEach(s => {\r\n      const btn = document.createElement('div');\r\n      btn.className   = 'slot' + (ocupados.includes(s) ? ' ocupado' : '');\r\n      btn.textContent = s;\r\n      if (!ocupados.includes(s)) {\r\n        btn.onclick = () => {\r\n          document.querySelectorAll('.slot.ativo').forEach(b => b.classList.remove('ativo'));\r\n          btn.classList.add('ativo');\r\n          horarioSel = s;\r\n        };\r\n      }\r\n      cont.appendChild(btn);\r\n    });\r\n    wrap.classList.add('visivel');\r\n  }\r\n\r\n  function irParaEtapa(n) {\r\n    if (n === 2 && !validarEtapa1()) return;\r\n    document.querySelectorAll('.etapa').forEach(e => e.classList.remove('ativa'));\r\n    document.getElementById(`etapa${n}`).classList.add('ativa');\r\n    etapaAtual = n;\r\n    atualizarSteps(n);\r\n    if (n === 3) renderCalendario();\r\n  }\r\n\r\n  function atualizarSteps(n) {\r\n    for (let i = 1; i <= 3; i++) {\r\n      const b = document.getElementById(`step-b${i}`);\r\n      const l = document.getElementById(`step-l${i}`);\r\n      b.className = 'step-bolinha ' + (i < n ? 'feito' : i === n ? 'ativo' : 'inativo');\r\n      if (i < n) b.innerHTML = '<i class=\"fas fa-check\" style=\"font-size:11px\"><\/i>';\r\n      else b.textContent = i;\r\n      l.className = 'step-label' + (i === n ? ' ativo' : '');\r\n    }\r\n    document.getElementById('step-ln1').className = 'step-linha' + (n > 1 ? ' feita' : '');\r\n    document.getElementById('step-ln2').className = 'step-linha' + (n > 2 ? ' feita' : '');\r\n  }\r\n\r\n  function validarEtapa1() {\r\n    const nome = document.getElementById('f-nome').value.trim();\r\n    const tel  = document.getElementById('f-tel').value.trim();\r\n    if (!nome || !tel) {\r\n      pulsarErro(!nome ? 'f-nome' : 'f-tel');\r\n      return false;\r\n    }\r\n    return true;\r\n  }\r\n\r\n  function pulsarErro(id) {\r\n    const el = document.getElementById(id);\r\n    el.style.borderColor = '#c94040';\r\n    el.style.boxShadow   = '0 0 0 4px rgba(201,64,64,0.10)';\r\n    el.focus();\r\n    setTimeout(() => { el.style.borderColor = ''; el.style.boxShadow = ''; }, 2000);\r\n  }\r\n\r\n  function selecionarModalidade(el) {\r\n    document.querySelectorAll('.modalidade-opt').forEach(e => e.classList.remove('selecionado'));\r\n    el.classList.add('selecionado');\r\n    modalidadeSel = el.dataset.val;\r\n  }\r\n\r\n  function selecionarObjetivo(el) {\r\n    document.querySelectorAll('.objetivo-opt').forEach(e => e.classList.remove('selecionado'));\r\n    el.classList.add('selecionado');\r\n    objetivoSel = el.dataset.val;\r\n  }\r\n\r\n  function mascaraTel(el) {\r\n    let v = el.value.replace(\/\\D\/g,'');\r\n    if (v.length > 11) v = v.slice(0,11);\r\n    if (v.length > 6)      v = `(${v.slice(0,2)}) ${v.slice(2,7)}-${v.slice(7)}`;\r\n    else if (v.length > 2) v = `(${v.slice(0,2)}) ${v.slice(2)}`;\r\n    else if (v.length > 0) v = `(${v}`;\r\n    el.value = v;\r\n  }\r\n\r\n  async function enviarForm() {\r\n    if (!dataSel || !horarioSel) {\r\n      if (!dataSel) { alert('Por favor, selecione uma data dispon\u00edvel.'); }\r\n      else          { alert('Por favor, selecione um hor\u00e1rio.'); }\r\n      return;\r\n    }\r\n\r\n    const btnEnviar = document.getElementById('btn-enviar');\r\n    btnEnviar.disabled = true;\r\n    btnEnviar.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Enviando...';\r\n\r\n    const nome     = `${document.getElementById('f-nome').value} ${document.getElementById('f-sobrenome').value}`.trim();\r\n    const tel      = document.getElementById('f-tel').value;\r\n    const idade    = document.getElementById('f-idade').value;\r\n    const origem   = document.getElementById('f-origem').value;\r\n    const obs      = document.getElementById('f-obs').value.trim();\r\n    const dataFmt  = `${String(dataSel.d).padStart(2,'0')}\/${String(dataSel.mes+1).padStart(2,'0')}\/${dataSel.ano}`;\r\n    const modLabel = modalidadeSel === 'online' ? 'Online' : 'Presencial';\r\n    const objLabel = document.querySelector('.objetivo-opt.selecionado .obj-nome')?.textContent || 'N\u00e3o informado';\r\n\r\n    \/* ===== Envia os dados por e-mail via Web3Forms ===== *\/\r\n    try {\r\n      await fetch(\"https:\/\/api.web3forms.com\/submit\", {\r\n        method: \"POST\",\r\n        headers: { \"Content-Type\": \"application\/json\", Accept: \"application\/json\" },\r\n        body: JSON.stringify({\r\n          access_key: WEB3FORMS_ACCESS_KEY,\r\n          subject: \"Novo pr\u00e9-agendamento - Site Dra. Anna Beatriz\",\r\n          from_name: \"Site Dra. Anna Beatriz\",\r\n          nome: nome || \"Paciente\",\r\n          telefone: tel,\r\n          idade: idade || \"N\u00e3o informado\",\r\n          data_agendamento: `${dataFmt} \u00e0s ${horarioSel}`,\r\n          modalidade: modLabel,\r\n          objetivo: objLabel,\r\n          como_encontrou: origem || \"N\u00e3o informado\",\r\n          observacoes: obs || \"Nenhuma\"\r\n        })\r\n      });\r\n    } catch (err) {\r\n      console.error(\"Erro ao enviar formul\u00e1rio por e-mail:\", err);\r\n    }\r\n\r\n    document.querySelectorAll('.etapa').forEach(e => e.classList.remove('ativa'));\r\n    document.getElementById('form-steps').style.display = 'none';\r\n    document.querySelector('.form-card > p').style.display = 'none';\r\n    document.querySelector('.form-card h3').style.display = 'none';\r\n\r\n    document.getElementById('sucesso-resumo').innerHTML = `\r\n      <div class=\"resumo-linha\"><i class=\"fas fa-user\"><\/i> ${nome || 'Paciente'}<\/div>\r\n      <div class=\"resumo-linha\"><i class=\"fas fa-phone\"><\/i> ${tel}<\/div>\r\n      <div class=\"resumo-linha\"><i class=\"fas fa-calendar\"><\/i> ${dataFmt} \u00e0s ${horarioSel}<\/div>\r\n      <div class=\"resumo-linha\"><i class=\"fas fa-${modalidadeSel==='online'?'video':'house-medical'}\"><\/i> ${modLabel}<\/div>\r\n    `;\r\n\r\n    let mensagem = `Ol\u00e1! Vim pelo site e gostaria de confirmar meu pr\u00e9-agendamento:%0A%0A`;\r\n    mensagem += `\ud83d\udc64 Nome: ${nome || 'Paciente'}%0A`;\r\n    mensagem += `\ud83d\udcf1 WhatsApp: ${tel}%0A`;\r\n    if (idade) mensagem += `\ud83c\udf82 Idade: ${idade}%0A`;\r\n    mensagem += `\ud83d\udcc5 Data: ${dataFmt} \u00e0s ${horarioSel}%0A`;\r\n    mensagem += `\ud83c\udfe0 Modalidade: ${modLabel}%0A`;\r\n    mensagem += `\ud83c\udfaf Objetivo: ${objLabel}%0A`;\r\n    if (origem)  mensagem += `\ud83d\udd0e Como encontrou: ${origem}%0A`;\r\n    if (obs)     mensagem += `\ud83d\udcdd Observa\u00e7\u00f5es: ${obs}%0A`;\r\n\r\n    const linkWpp = `https:\/\/wa.me\/${NUMERO_WHATSAPP}?text=${mensagem}`;\r\n    document.getElementById('btn-wpp-final').href = linkWpp;\r\n\r\n    document.getElementById('sucesso').classList.add('visivel');\r\n    window.open(linkWpp, '_blank');\r\n  }\r\n\r\n  renderCalendario();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-351e6ee e-con-full e-flex e-con e-parent\" data-id=\"351e6ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fce0f8c elementor-widget elementor-widget-html\" data-id=\"fce0f8c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>Footer \u2013 Dra. Anna Beatriz<\/title>\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,500&display=swap\" rel=\"stylesheet\"\/>\r\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n  <style>\r\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n    body { font-family: 'DM Sans', sans-serif; background: #f5f2ec; }\r\n\r\n    \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n       FOOTER PRINCIPAL\r\n    \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n    .footer {\r\n      background: #1a2012;\r\n      color: #fff;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    \/* Elementos decorativos de fundo *\/\r\n    .footer-deco-1 {\r\n      position: absolute;\r\n      width: 600px; height: 600px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.07) 0%, transparent 70%);\r\n      top: -200px; right: -150px;\r\n      pointer-events: none;\r\n    }\r\n    .footer-deco-2 {\r\n      position: absolute;\r\n      width: 400px; height: 400px;\r\n      border-radius: 50%;\r\n      background: radial-gradient(circle, rgba(132,167,95,0.05) 0%, transparent 70%);\r\n      bottom: 100px; left: -100px;\r\n      pointer-events: none;\r\n    }\r\n    .footer-deco-folha {\r\n      position: absolute;\r\n      bottom: 140px; right: 60px;\r\n      font-size: 120px;\r\n      opacity: 0.03;\r\n      pointer-events: none;\r\n      transform: rotate(-20deg);\r\n      line-height: 1;\r\n    }\r\n\r\n    \/* \u2500\u2500 FAIXA CTA TOPO \u2500\u2500 *\/\r\n    .footer-cta {\r\n      background: linear-gradient(135deg, #2d3d1e 0%, #1e2d14 100%);\r\n      border-bottom: 1px solid rgba(132,167,95,0.15);\r\n      padding: 52px 20px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .footer-cta-inner {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      gap: 32px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer-cta-texto h3 {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 28px;\r\n      color: #fff;\r\n      margin-bottom: 8px;\r\n      line-height: 1.2;\r\n    }\r\n    .footer-cta-texto h3 span { font-style: italic; color: #a8c878; }\r\n    .footer-cta-texto p {\r\n      font-size: 14px;\r\n      color: rgba(255,255,255,0.50);\r\n      max-width: 400px;\r\n      line-height: 1.6;\r\n    }\r\n    .footer-cta-btns {\r\n      display: flex;\r\n      gap: 12px;\r\n      flex-wrap: wrap;\r\n      flex-shrink: 0;\r\n    }\r\n    .btn-cta-wpp {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      background: linear-gradient(135deg, #84a75f, #5a7a35);\r\n      color: #fff;\r\n      padding: 15px 26px;\r\n      border-radius: 12px;\r\n      font-size: 14.5px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      box-shadow: 0 6px 20px rgba(132,167,95,0.30);\r\n      transition: all 0.3s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-cta-wpp:hover { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(132,167,95,0.45); }\r\n    .btn-cta-agenda {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 9px;\r\n      background: transparent;\r\n      color: #a8c878;\r\n      padding: 15px 26px;\r\n      border-radius: 12px;\r\n      font-size: 14.5px;\r\n      font-weight: 700;\r\n      text-decoration: none;\r\n      border: 1.5px solid rgba(132,167,95,0.35);\r\n      transition: all 0.3s;\r\n      white-space: nowrap;\r\n    }\r\n    .btn-cta-agenda:hover { background: rgba(132,167,95,0.10); border-color: rgba(132,167,95,0.60); color: #c8e898; }\r\n\r\n    \/* \u2500\u2500 CORPO DO FOOTER \u2500\u2500 *\/\r\n    .footer-body {\r\n      padding: 72px 20px 52px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .footer-grid {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      display: grid;\r\n      grid-template-columns: 1.8fr 1fr 1fr 1.2fr;\r\n      gap: 52px;\r\n    }\r\n\r\n    \/* Coluna 1 \u2013 Identidade *\/\r\n    .footer-brand {}\r\n    .footer-logo {\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 14px;\r\n      margin-bottom: 20px;\r\n      text-decoration: none;\r\n    }\r\n    .footer-logo-icone {\r\n      width: 52px; height: 52px;\r\n      border-radius: 50%;\r\n      background: linear-gradient(135deg, #84a75f, #5a7a35);\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n      box-shadow: 0 4px 14px rgba(132,167,95,0.30);\r\n    }\r\n    .footer-logo-icone i { font-size: 22px; color: #fff; }\r\n    .footer-logo-texto {}\r\n    .footer-logo-nome {\r\n      font-family: 'Playfair Display', serif;\r\n      font-size: 18px;\r\n      color: #fff;\r\n      line-height: 1.1;\r\n    }\r\n    .footer-logo-crm {\r\n      font-size: 11px;\r\n      color: rgba(255,255,255,0.38);\r\n      letter-spacing: 1px;\r\n      margin-top: 2px;\r\n    }\r\n\r\n    .footer-bio {\r\n      font-size: 13.5px;\r\n      color: rgba(255,255,255,0.42);\r\n      line-height: 1.75;\r\n      margin-bottom: 24px;\r\n      max-width: 280px;\r\n    }\r\n\r\n    \/* Selos *\/\r\n    .footer-selos {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n      gap: 8px;\r\n      margin-bottom: 28px;\r\n    }\r\n    .selo {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      background: rgba(255,255,255,0.05);\r\n      border: 1px solid rgba(255,255,255,0.09);\r\n      border-radius: 20px;\r\n      padding: 5px 12px;\r\n      font-size: 11.5px;\r\n      color: rgba(255,255,255,0.45);\r\n    }\r\n    .selo i { color: #84a75f; font-size: 10px; }\r\n\r\n    \/* Redes sociais *\/\r\n    .footer-social { display: flex; gap: 10px; }\r\n    .social-btn {\r\n      width: 38px; height: 38px;\r\n      border-radius: 10px;\r\n      border: 1px solid rgba(255,255,255,0.10);\r\n      background: rgba(255,255,255,0.04);\r\n      display: flex; align-items: center; justify-content: center;\r\n      color: rgba(255,255,255,0.45);\r\n      font-size: 15px;\r\n      text-decoration: none;\r\n      transition: all 0.25s;\r\n    }\r\n    .social-btn:hover { background: rgba(132,167,95,0.15); border-color: rgba(132,167,95,0.40); color: #a8c878; transform: translateY(-2px); }\r\n    .social-btn.wpp:hover { background: rgba(37,211,102,0.12); border-color: rgba(37,211,102,0.30); color: #25d366; }\r\n\r\n    \/* Colunas de links *\/\r\n    .footer-col-titulo {\r\n      font-size: 11px;\r\n      font-weight: 700;\r\n      letter-spacing: 2.5px;\r\n      text-transform: uppercase;\r\n      color: rgba(255,255,255,0.30);\r\n      margin-bottom: 22px;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n    }\r\n    .footer-col-titulo::after {\r\n      content: '';\r\n      flex: 1;\r\n      height: 1px;\r\n      background: rgba(255,255,255,0.07);\r\n    }\r\n\r\n    .footer-links { list-style: none; display: flex; flex-direction: column; gap: 13px; }\r\n    .footer-links li a {\r\n      font-size: 13.5px;\r\n      color: rgba(255,255,255,0.45);\r\n      text-decoration: none;\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 8px;\r\n      transition: all 0.2s;\r\n    }\r\n    .footer-links li a i { font-size: 11px; color: #84a75f; transition: transform 0.2s; }\r\n    .footer-links li a:hover { color: rgba(255,255,255,0.85); }\r\n    .footer-links li a:hover i { transform: translateX(3px); }\r\n\r\n    \/* Coluna 4 \u2013 Contato *\/\r\n    .footer-contato-lista { display: flex; flex-direction: column; gap: 16px; }\r\n    .footer-contato-item {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      gap: 12px;\r\n      text-decoration: none;\r\n      transition: all 0.2s;\r\n    }\r\n    .footer-contato-item:hover .fci-texto { color: rgba(255,255,255,0.85); }\r\n    .fci-icone {\r\n      width: 34px; height: 34px;\r\n      border-radius: 9px;\r\n      background: rgba(132,167,95,0.10);\r\n      border: 1px solid rgba(132,167,95,0.18);\r\n      display: flex; align-items: center; justify-content: center;\r\n      flex-shrink: 0;\r\n    }\r\n    .fci-icone i { font-size: 13px; color: #84a75f; }\r\n    .fci-label { font-size: 10.5px; font-weight: 700; color: rgba(255,255,255,0.28); letter-spacing: 0.5px; text-transform: uppercase; margin-bottom: 2px; }\r\n    .fci-texto { font-size: 13px; color: rgba(255,255,255,0.50); line-height: 1.4; transition: color 0.2s; }\r\n\r\n    \/* Status online *\/\r\n    .footer-status {\r\n      display: inline-flex;\r\n      align-items: center;\r\n      gap: 7px;\r\n      background: rgba(132,167,95,0.10);\r\n      border: 1px solid rgba(132,167,95,0.22);\r\n      border-radius: 20px;\r\n      padding: 6px 14px;\r\n      font-size: 12px;\r\n      color: #a8c878;\r\n      font-weight: 600;\r\n      margin-top: 16px;\r\n    }\r\n    .footer-status-dot {\r\n      width: 7px; height: 7px;\r\n      border-radius: 50%;\r\n      background: #84a75f;\r\n      animation: pulse-dot 2s infinite;\r\n    }\r\n    @keyframes pulse-dot {\r\n      0%, 100% { box-shadow: 0 0 0 0 rgba(132,167,95,0.50); }\r\n      50%       { box-shadow: 0 0 0 5px rgba(132,167,95,0); }\r\n    }\r\n\r\n    \/* \u2500\u2500 DIVISOR \u2500\u2500 *\/\r\n    .footer-divisor {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      height: 1px;\r\n      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.07) 30%, rgba(255,255,255,0.07) 70%, transparent);\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n\r\n    \/* \u2500\u2500 RODAP\u00c9 BOTTOM \u2500\u2500 *\/\r\n    .footer-bottom {\r\n      padding: 28px 20px;\r\n      position: relative;\r\n      z-index: 2;\r\n    }\r\n    .footer-bottom-inner {\r\n      max-width: 1100px;\r\n      margin: 0 auto;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      flex-wrap: wrap;\r\n      gap: 16px;\r\n    }\r\n    .footer-copy {\r\n      font-size: 12.5px;\r\n      color: rgba(255,255,255,0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 6px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer-copy i { color: #84a75f; font-size: 11px; }\r\n    .footer-copy a { color: rgba(255,255,255,0.35); text-decoration: none; transition: color 0.2s; }\r\n    .footer-copy a:hover { color: #a8c878; }\r\n\r\n    .footer-policies {\r\n      display: flex;\r\n      gap: 20px;\r\n      flex-wrap: wrap;\r\n    }\r\n    .footer-policies a {\r\n      font-size: 12px;\r\n      color: rgba(255,255,255,0.25);\r\n      text-decoration: none;\r\n      transition: color 0.2s;\r\n    }\r\n    .footer-policies a:hover { color: rgba(255,255,255,0.55); }\r\n\r\n    .footer-dev {\r\n      font-size: 11.5px;\r\n      color: rgba(255,255,255,0.18);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 5px;\r\n    }\r\n    .footer-dev i { color: #84a75f; font-size: 10px; }\r\n\r\n    \/* \u2550\u2550 RESPONSIVO \u2550\u2550 *\/\r\n    @media(max-width: 1024px) {\r\n      .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px; }\r\n    }\r\n    @media(max-width: 680px) {\r\n      .footer-grid { grid-template-columns: 1fr; gap: 36px; }\r\n      .footer-cta-inner { flex-direction: column; text-align: center; }\r\n      .footer-cta-btns  { justify-content: center; }\r\n      .footer-cta-texto p { margin: 0 auto; }\r\n      .footer-bottom-inner { justify-content: center; text-align: center; }\r\n      .footer-policies { justify-content: center; }\r\n      .footer-copy { justify-content: center; }\r\n      .footer-dev  { justify-content: center; }\r\n      .footer-bio  { max-width: 100%; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<footer class=\"footer\">\r\n\r\n  <!-- Decora\u00e7\u00f5es de fundo -->\r\n  <div class=\"footer-deco-1\"><\/div>\r\n  <div class=\"footer-deco-2\"><\/div>\r\n  <div class=\"footer-deco-folha\">\ud83c\udf3f<\/div>\r\n\r\n  <!-- \u2550\u2550 FAIXA CTA \u2550\u2550 -->\r\n  <div class=\"footer-cta\">\r\n    <div class=\"footer-cta-inner\">\r\n      <div class=\"footer-cta-texto\">\r\n        <h3>Pronta para <span>transformar<\/span> sua rela\u00e7\u00e3o com a alimenta\u00e7\u00e3o?<\/h3>\r\n        <p>D\u00ea o primeiro passo. Agende sua consulta hoje e comece sua jornada com acompanhamento especializado.<\/p>\r\n      <\/div>\r\n      <div class=\"footer-cta-btns\">\r\n        <a href=\"https:\/\/wa.me\/5567998611031?text=Ol\u00e1! Gostaria de agendar uma consulta.\" class=\"btn-cta-wpp\" target=\"_blank\">\r\n          <i class=\"fab fa-whatsapp\"><\/i> Falar pelo WhatsApp\r\n        <\/a>\r\n        <a href=\"#consulta\" class=\"btn-cta-agenda\">\r\n          <i class=\"fas fa-calendar-check\"><\/i> Agendar consulta\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- \u2550\u2550 CORPO \u2550\u2550 -->\r\n  <div class=\"footer-body\">\r\n    <div class=\"footer-grid\">\r\n\r\n      <!-- COLUNA 1 \u2013 IDENTIDADE -->\r\n      <div class=\"footer-brand\">\r\n        <a href=\"#\" class=\"footer-logo\">\r\n          <div class=\"footer-logo-icone\"><i class=\"fas fa-leaf\"><\/i><\/div>\r\n          <div class=\"footer-logo-texto\">\r\n            <div class=\"footer-logo-nome\">Dra. Anna Beatriz<\/div>\r\n            <div class=\"footer-logo-crm\">Nutricionista \u00b7 CRN 12345<\/div>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <p class=\"footer-bio\">\r\n          Nutricionista especializada em nutri\u00e7\u00e3o cl\u00ednica funcional, com foco em emagrecimento saud\u00e1vel, sa\u00fade hormonal e qualidade de vida. Atendimento presencial em Navira\u00ed\/MS e online para todo o Brasil.\r\n        <\/p>\r\n\r\n        <div class=\"footer-selos\">\r\n          <div class=\"selo\"><i class=\"fas fa-check-circle\"><\/i> CRN Ativo<\/div>\r\n          <div class=\"selo\"><i class=\"fas fa-star\"><\/i> +500 pacientes<\/div>\r\n          <div class=\"selo\"><i class=\"fas fa-globe\"><\/i> Online & Presencial<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"footer-social\">\r\n          <a href=\"https:\/\/wa.me\/5567999999999\" class=\"social-btn wpp\" target=\"_blank\" title=\"WhatsApp\">\r\n            <i class=\"fab fa-whatsapp\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/instagram.com\" class=\"social-btn\" target=\"_blank\" title=\"Instagram\">\r\n            <i class=\"fab fa-instagram\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/tiktok.com\" class=\"social-btn\" target=\"_blank\" title=\"TikTok\">\r\n            <i class=\"fab fa-tiktok\"><\/i>\r\n          <\/a>\r\n          <a href=\"mailto:contato@annabeatriz.com.br\" class=\"social-btn\" title=\"E-mail\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n          <\/a>\r\n          <a href=\"https:\/\/youtube.com\" class=\"social-btn\" target=\"_blank\" title=\"YouTube\">\r\n            <i class=\"fab fa-youtube\"><\/i>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- COLUNA 2 \u2013 NAVEGA\u00c7\u00c3O -->\r\n      <div>\r\n        <div class=\"footer-col-titulo\">Navega\u00e7\u00e3o<\/div>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"#inicio\"><i class=\"fas fa-chevron-right\"><\/i> In\u00edcio<\/a><\/li>\r\n          <li><a href=\"#sobre\"><i class=\"fas fa-chevron-right\"><\/i> Sobre mim<\/a><\/li>\r\n          <li><a href=\"#servicos\"><i class=\"fas fa-chevron-right\"><\/i> Servi\u00e7os<\/a><\/li>\r\n          <li><a href=\"#resultados\"><i class=\"fas fa-chevron-right\"><\/i> Resultados<\/a><\/li>\r\n          <li><a href=\"#depoimentos\"><i class=\"fas fa-chevron-right\"><\/i> Depoimentos<\/a><\/li>\r\n          <li><a href=\"#faq\"><i class=\"fas fa-chevron-right\"><\/i> Perguntas Frequentes<\/a><\/li>\r\n          <li><a href=\"#agendamento\"><i class=\"fas fa-chevron-right\"><\/i> Agendamento<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- COLUNA 3 \u2013 SERVI\u00c7OS -->\r\n      <div>\r\n        <div class=\"footer-col-titulo\">Servi\u00e7os<\/div>\r\n        <ul class=\"footer-links\">\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Consulta Presencial<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Consulta Online<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Plano Alimentar<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Reeduca\u00e7\u00e3o Alimentar<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Nutri\u00e7\u00e3o Esportiva<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Nutri\u00e7\u00e3o Gestacional<\/a><\/li>\r\n          <li><a href=\"#\"><i class=\"fas fa-chevron-right\"><\/i> Acompanhamento Mensal<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <!-- COLUNA 4 \u2013 CONTATO -->\r\n      <div>\r\n        <div class=\"footer-col-titulo\">Contato<\/div>\r\n        <div class=\"footer-contato-lista\">\r\n\r\n          <a href=\"https:\/\/wa.me\/5567999999999\" class=\"footer-contato-item\" target=\"_blank\">\r\n            <div class=\"fci-icone\"><i class=\"fab fa-whatsapp\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"fci-label\">WhatsApp<\/div>\r\n              <div class=\"fci-texto\">(67) 9 9999-9999<\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <a href=\"mailto:contato@annabeatriz.com.br\" class=\"footer-contato-item\">\r\n            <div class=\"fci-icone\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"fci-label\">E-mail<\/div>\r\n              <div class=\"fci-texto\">contato@annabeatriz.com.br<\/div>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <div class=\"footer-contato-item\">\r\n            <div class=\"fci-icone\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"fci-label\">Endere\u00e7o<\/div>\r\n              <div class=\"fci-texto\">Rua das Flores, 123<br\/>Centro \u2013 Navira\u00ed\/MS<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"footer-contato-item\">\r\n            <div class=\"fci-icone\"><i class=\"fas fa-clock\"><\/i><\/div>\r\n            <div>\r\n              <div class=\"fci-label\">Hor\u00e1rio<\/div>\r\n              <div class=\"fci-texto\">Seg\u2013Sex: 08h\u201318h<br\/>S\u00e1b: 08h\u201312h<\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"footer-status\">\r\n          <div class=\"footer-status-dot\"><\/div>\r\n          Aceitando novos pacientes\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Divisor -->\r\n  <div class=\"footer-divisor\"><\/div>\r\n\r\n  <!-- \u2550\u2550 BOTTOM \u2550\u2550 -->\r\n  <div class=\"footer-bottom\">\r\n    <div class=\"footer-bottom-inner\">\r\n\r\n      <div class=\"footer-copy\">\r\n        <i class=\"fas fa-copyright\"><\/i>\r\n        2025 Dra. Anna Beatriz \u00b7 Todos os direitos reservados\r\n        <span style=\"color:rgba(255,255,255,0.12)\">\u00b7<\/span>\r\n        CRN 12345\r\n      <\/div>\r\n\r\n      <div class=\"footer-policies\">\r\n        <a href=\"#\">Pol\u00edtica de Privacidade<\/a>\r\n        <a href=\"#\">Termos de Uso<\/a>\r\n        <a href=\"#\">Cookies<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"footer-dev\">\r\n        <i class=\"fas fa-code\"><\/i> Desenvolvido com <i class=\"fas fa-heart\" style=\"color:#84a75f; font-size:9px; margin: 0 2px;\"><\/i> para sua sa\u00fade\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f75930b e-flex e-con-boxed e-con e-parent\" data-id=\"f75930b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-982276e wpp-balao-btn  elementor-widget elementor-widget-html\" data-id=\"982276e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ===== BOT\u00c3O FLUTUANTE WHATSAPP - DRA. ANNA BEATRIZ ===== -->\r\n<div id=\"wpp-float\">\r\n  <div class=\"wpp-balao\" id=\"wpp-balao\">\r\n    <button class=\"wpp-fechar\" onclick=\"fecharBalaoWpp()\">&times;<\/button>\r\n\r\n    <div class=\"wpp-balao-topo\">\r\n      <div class=\"wpp-avatar-mini\">\r\n        <img decoding=\"async\" src=\"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/07\/Design-sem-nome-58.png\" alt=\"Dra. Anna Beatriz\" \/>\r\n        <span class=\"wpp-online-dot\"><\/span>\r\n      <\/div>\r\n      <div class=\"wpp-balao-info\">\r\n        <strong>Dra. Anna Beatriz<\/strong>\r\n        <span>Nutricionista<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <p class=\"wpp-balao-texto\">\r\n      Ol\u00e1! \ud83c\udf3f Ficou com alguma d\u00favida sobre nutri\u00e7\u00e3o ou quer agendar sua consulta? Me chama aqui, eu te respondo rapidinho!\r\n    <\/p>\r\n\r\n    <a href=\"https:\/\/wa.me\/5567998611031?text=Ol%C3%A1%2C%20Dra.%20Anna%2C%20vim%20pelo%20site%20e%20gostaria%20de%20agendar%20uma%20consulta!\"\r\n       target=\"_blank\" class=\"wpp-balao-btn\">\r\n      <i class=\"fab fa-whatsapp\"><\/i> Iniciar conversa\r\n    <\/a>\r\n  <\/div>\r\n\r\n  <a href=\"https:\/\/wa.me\/5567998611031?text=Ol%C3%A1%2C%20Dra.%20Anna%2C%20vim%20pelo%20site%20e%20gostaria%20de%20agendar%20uma%20consulta!\"\r\n     target=\"_blank\" class=\"wpp-btn-principal\" id=\"wpp-btn-principal\" onclick=\"return toggleBalaoWpp(event)\">\r\n    <span class=\"wpp-foto-wrap\">\r\n      <img decoding=\"async\" src=\"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-content\/uploads\/2026\/07\/Design-sem-nome-58.png\" alt=\"Dra. Anna Beatriz\" class=\"wpp-foto-btn\" \/>\r\n    <\/span>\r\n    <span class=\"wpp-icone-mini\"><i class=\"fab fa-whatsapp\"><\/i><\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\/>\r\n<style>\r\n  #wpp-float {\r\n    position: fixed;\r\n    bottom: 24px;\r\n    right: 24px;\r\n    z-index: 9999;\r\n    font-family: 'DM Sans', sans-serif;\r\n  }\r\n\r\n  \/* ===== BOT\u00c3O REDONDO PRINCIPAL ===== *\/\r\n  .wpp-btn-principal {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 66px;\r\n    height: 66px;\r\n    border-radius: 50%;\r\n    text-decoration: none;\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.25);\r\n    background-color: #25d366;\r\n  }\r\n\r\n  .wpp-foto-wrap {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    border: 3px solid #ffffff;\r\n  }\r\n  .wpp-foto-btn {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n    display: block;\r\n  }\r\n\r\n  .wpp-icone-mini {\r\n    position: absolute;\r\n    bottom: -4px;\r\n    right: -4px;\r\n    width: 26px;\r\n    height: 26px;\r\n    background: #128c7e;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 2px solid #fff;\r\n  }\r\n  .wpp-icone-mini i { color: #fff; font-size: 13px; }\r\n\r\n  \/* ===== BAL\u00c3O ===== *\/\r\n  .wpp-balao {\r\n    position: absolute;\r\n    bottom: 82px;\r\n    right: 0;\r\n    width: 290px;\r\n    background: #ffffff;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 35px rgba(0,0,0,0.18);\r\n    padding: 18px;\r\n    display: none;\r\n  }\r\n  .wpp-balao.aberto { display: block; }\r\n\r\n  .wpp-fechar {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 12px;\r\n    background: none;\r\n    border: none;\r\n    font-size: 20px;\r\n    color: rgba(0,0,0,0.35);\r\n    cursor: pointer;\r\n    line-height: 1;\r\n  }\r\n\r\n  .wpp-balao-topo {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .wpp-avatar-mini {\r\n    position: relative;\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 50%;\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n  }\r\n  .wpp-avatar-mini img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center top;\r\n  }\r\n  .wpp-online-dot {\r\n    position: absolute;\r\n    bottom: -2px;\r\n    right: -2px;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: #25d366;\r\n    border-radius: 50%;\r\n    border: 2px solid #fff;\r\n  }\r\n  .wpp-balao-info strong { display: block; font-size: 14px; color: #1e2416; }\r\n  .wpp-balao-info span { font-size: 12px; color: rgba(30,36,22,0.55); }\r\n\r\n  .wpp-balao-texto {\r\n    background: #f0f4ec;\r\n    border-radius: 12px;\r\n    padding: 12px 14px;\r\n    font-size: 13px;\r\n    color: #2c3520;\r\n    line-height: 1.55;\r\n    margin-bottom: 14px;\r\n  }\r\n\r\n  \/* ===== BOT\u00c3O \"INICIAR CONVERSA\" - SEM BUG ===== *\/\r\n  .wpp-balao-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    height: 46px;\r\n    background-color: #25d366;\r\n    color: #ffffff;\r\n    text-decoration: none;\r\n    border-radius: 10px;\r\n    font-size: 14px;\r\n    font-weight: 700;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .wpp-balao-btn:hover {\r\n    background-color: #128c7e;\r\n    color: #ffffff;\r\n  }\r\n  .wpp-balao-btn i { font-size: 16px; }\r\n\r\n  @media (max-width: 480px) {\r\n    #wpp-float { bottom: 16px; right: 16px; }\r\n    .wpp-btn-principal { width: 58px; height: 58px; }\r\n    .wpp-balao { width: 250px; right: -6px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  function toggleBalaoWpp(e) {\r\n    const balao = document.getElementById('wpp-balao');\r\n    if (!balao.classList.contains('ja-mostrou')) {\r\n      e.preventDefault();\r\n      balao.classList.add('aberto', 'ja-mostrou');\r\n      return false;\r\n    }\r\n    return true;\r\n  }\r\n  function fecharBalaoWpp() {\r\n    document.getElementById('wpp-balao').classList.remove('aberto');\r\n  }\r\n  setTimeout(() => {\r\n    document.getElementById('wpp-balao').classList.add('aberto', 'ja-mostrou');\r\n  }, 4000);\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dra. Anna Beatriz Chagas \u00b7 CRN 0000 Recupere sua sa\u00fade com um plano alimentar feito para voc\u00ea. Nutri\u00e7\u00e3o cl\u00ednica baseada em ci\u00eancia e personalizada para a sua rotina. Resultados reais com acompanhamento cont\u00ednuo e protocolos exclusivos. Atendimento 100% personalizado e humanizado Plano alimentar adaptado \u00e0 sua rotina e objetivos Acompanhamento cont\u00ednuo para garantir seus resultados [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-5","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/pages\/5","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/comments?post=5"}],"version-history":[{"count":165,"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/pages\/5\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/pages\/5\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/nutricionista.julianawebdesigner.com\/novo\/wp-json\/wp\/v2\/media?parent=5"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}