Medley – Eficaz em tudo que faz

<!DOCTYPE html> <html lang="pt-BR" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=medley-com-br"> <link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/common~2025-03-14-18-14-54-000~cache.css" as="style" type="text/css" /> <script class="site-data"> var ua = navigator.userAgent; var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop") window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "siteType": "brand", "brandWebsiteType": "multibrand", "brand": "Multi-Brand", "gbu": "GBU - General medicines", "region": "amer", "country": "brazil", "franchise": "", "therapeutic_area": "", "platform": "magnolia", "language": "pt", "pageName": "Medley – Eficaz em tudo que faz", "page_type": "", "device": device, }); </script>  <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="be2b7a7c-51db-4c6b-aa6d-055bbe7e3f68" ></script>  <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KJJPG74'); </script> <title>Medley – Eficaz em tudo que faz</title> <meta name="title" content="Medley – Eficaz em tudo que faz" /> <meta name="description" content="Precisão, controle, transparência e a incansável dedicação em cuidar de cada detalhe. É isso o que você encontra em cada caixinha de Medley. " /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="0378ede8-b6e0-4650-a35b-5109cd116c81_pt-BR" /> <meta name="algo:categories" content="" /> <meta name="algo:roles" content="" /> <meta property="og:url" content="https://www.medley.com.br/" /> <meta property="og:locale" content="pt_BR" /> <meta property="og:locale:alternate" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:url" content="https://www.medley.com.br/" /> <link rel="icon" sizes="32x32" href="/dam/jcr:a4f27f65-b326-486d-ae49-61b7958e1529/favicon.ico" type="image/png" /> <link rel="canonical" href="https://www.medley.com.br" /> <script>document.getElementsByTagName('html')[0].classList.add('has-js');</script> <style> [x-cloak]:not([x-hide]) {display: none !important;} [x-cloak][x-hide] { visibility: hidden !important;} </style> <script type="text/json" class="site-config"> { "editMode": false, "context": "" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": "1", "item": { "@id": "https://www.medley.com.br/", "name": "Medley – Eficaz em tudo que faz" } } ] } </script>  <link href="/dam/resources/medley-com-br/js/app-v1.js" rel="preload" as="script"> <link href="/dam/resources/medley-com-br/js/chunk-vendors.js" rel="preload" as="script">  <style> body > header > nav { min-height: 0px !important; } body > header > nav > div > div.nav__desktop.lg\:flex.hidden.md\:items-center > div { padding-top: 0px !important; } body > header > nav > div > div.nav__mobile.lg\:hidden > div.flex.justify-between.items-center > div > button > svg { width: 100%; } @media (min-width: 768px){ .md\:text-base { font-size: 1rem; line-height: 1.2rem; } } header .nav__desktop { position: relative; } header .nav__desktop > a.nav__inner { position: absolute; width: 150px; padding-bottom: 0; padding-top: 5px; top: 0; z-index: 100; } header .nav__desktop .nav__logo { width: 100%; max-width: none; max-height: none; } header .nav__desktop .nav__left.ml-12 { margin-left: -1rem; } header .nav__mobile, header .nav__mobile__menuItems { padding-top: .75rem; padding-bottom: .75rem; } header .nav__mobile > div .nav__logo { padding-top: 5px; max-width: none; max-height: none; position: absolute; width: 90px; top: 0; z-index: 41; } .subNav__item { height: 60px } .subNav__itemLink { padding-top: 15px } .endorsementBar > div > p { font-size: 0.70rem !important; } #seloCOB { width: 140px; position: absolute; top: 1rem; right: 2rem; z-index: 50; } @media (max-width: 1024px) { #seloCOB { width: 127px; position: absolute; top: 0rem; right: 0.9rem; z-index: 50; } } body > header > nav > div > div.nav__mobile.lg\:hidden > div.flex.justify-between.items-center > div { width: 100%; justify-content: center; margin-right: 28px; } #ef050bc3-7251-46ce-9e52-78a03f1a1406 > div > div > div.ContentGrid.container.mx-auto > div > div > div > a > span > div > img { filter: brightness(0) invert(1); zoom: 0.9; } div.carousel__controls > button.carousel__controls--prev, div.carousel__controls > button.carousel__controls--next { background-color: white; } </style> <meta name="google-site-verification" content="OICD9DdU24nzP-WAUB-srJcbmN3ne-23Pdl-IIKkK08" /> <style> @media screen and (min-width: 768px) { #\33 af46cb2-6ade-41df-bb1b-620e74359f71 > div > div > div.ContentGrid.container.max-w-full.mx-auto.lg\:pt-0.lg\:pb-0.md\:pt-0.md\:pb-0.pt-0.pb-0 > div > div:nth-child(1) { display: none; } } </style> </head> <body class=" relative right-0 transition-all duration-300 ease-in-out flex flex-col !min-h-screen"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJJPG74" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <a href="https://api.whatsapp.com/send?phone=5511940684754&text=Ol%C3%A1%20C%C3%A1ssia%2C%20como%20vai%3F%20Quero%20dicas%20sobre%20sa%C3%BAde%20mental" class="whatsapp__float" target="_blank" > </a> <style> .whatsapp__float { display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: fixed; width: 10rem; height: 7rem; bottom: 1vh; right: 1vw; text-decoration: none; background-image: url(/dam/jcr:2ca79612-db61-45ad-b558-7474aa6cd553/new-cassia.png); background-position: center; background-size: contain; background-repeat: no-repeat; z-index: 150; animation: pulse 2s infinite; /* Adiciona animação */ } .whatsapp__float:hover { animation: none; transform: scale(1.1); } /* Animação para aumentar e diminuir o botão */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @media (max-width: 768px) { .whatsapp__float { background-image: url(/dam/jcr:63aeedbc-dcb0-46f1-859d-ce36b3550360/cassia-text-mobile.png); width: 6rem; height: 6rem; bottom: 3vh; } } body > header > nav > div > div.nav__desktop.lg\:flex.hidden.md\:items-center > div > div:nth-child(1) > div > div { max-height: none; } body > header > nav > div > div.nav__desktop.lg\:flex.hidden.md\:items-center > div > div:nth-child(1) > div > div > div.subNav__container.h-full.lg\:container.pt-0.md\:pt-4.flex.flex-row.relative > ul { max-height: none; } </style> <style> .card__content { background-color: var(--theme-color-primary1) } #af3d3a48-4e08-4cd1-9c28-8cd03d3c54b9 > div > div > div.ContentGrid.container.mx-auto > div > div.gridComponent.flex.flex-col.my-0.px-0.md\:my-0.md\:px-0.lg\:my-0.lg\:px-0.w-full.md\:w-11\/12.lg\:w-10\/12.self-start > div > div > button > svg { display: none; } body > div.bg-transparent.justify-center.items-center.bg-cover.bg-center.bg-no-repeat.heroComponent.heroComponent--6d1351f8-d42b-464a-b6cf-c986e44604f9.z-10.flex.relative.overflow-hidden.md\:.lg\:{ max-height: none; min-height: 0px; } #itemCarousel > div.carousel__controls > button.carousel__controls--prev.transform.-translate-y-10.text-primary.w-8.h-8.rounded-full.absolute.top-2\/4.left-0.bg-primary1.text-primary1, #itemCarousel > div.carousel__controls > button.carousel__controls--next.transform.-translate-y-10.text-primary.w-8.h-8.rounded-full.absolute.top-2\/4.right-0.bg-primary1.text-primary1 { background-color: white; } #itemCarousel > div.carousel__controls > button.carousel__controls--prev.transform.-translate-y-10.text-primary.w-8.h-8.rounded-full.absolute.top-2\/4.left-0.bg-primary1.text-white > svg, #itemCarousel > div.carousel__controls > button.carousel__controls--next.transform.-translate-y-10.text-primary.w-8.h-8.rounded-full.absolute.top-2\/4.right-0.bg-primary1.text-white > svg { fill: var(--theme-color-primary1); } @media screen and (max-width: 1024px) { #c8a6fd37-129e-4505-a740-fc8a7f990b3f > div > div > div.ContentGrid.container.mx-auto > div > div.gridComponent.flex.flex-col.my-0.px-0.md\:my-0.md\:px-0.lg\:my-0.lg\:px-0.w-full.md\:w-5\/12.lg\:w-5\/12.self-end { display: none; } } </style> <a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focus:opacity-100 px-5 py-3">Skip to main content</a> <div x-data="stickyHeader" @resize.window.throttle="setHeaderTop" class="endorsementBar bg-primary1 z-30 top-0 border-b-2 lg:border-b-0 block relative lg:relative"> <div class="mx-auto w-full flex justify-between items-center content-center p-4" x-data=""> <p class="text-white visible md:visible lg:visible font-body text-xs pr-4">Só para não profissionais de saúde residentes no Brasil</p> <img role="banner" class="Image max-h-4" src="/dam/jcr:75d6777f-53a5-415a-9b63-663cf9f02e8b/newsanofilogo.svg" alt=""> </div> </div> <header class="z-40 relative" role="banner"> <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("nav", () => ({ next: "", depth: 0, showSkip: false, activeNav: "", nextElement: null, currentNavItem: null, nextNavItem: null, currentSubNav: null, nextSubNavItem: null, setNextSkipText(e) { const elem = e.target; if (!elem) return; const nextElement = elem.nextElementSibling; this.currentNavItem = elem; this.nextNavItem = nextElement; if (nextElement && nextElement.dataset) { this.nextElement = nextElement; this.next = nextElement.dataset.linkText; } else { this.nextElement = null; this.next = ""; } }, setSkipLink(e) { this.showSkip = true; const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; const isNavItemLink = elem.classList.contains("nav__item"); const isFirstSubNavItemLink = elem.classList.contains("subNav__firstItem"); if (isNavItemLink) { // shift + tab or last nav link if (isShiftTabPressed || !this.nextNavItem) return; e.preventDefault(); this.focusNextTabbableElement(elem); } else if (isFirstSubNavItemLink && isShiftTabPressed) { this.setNextSkipText(this.currentNavItem); } }, skipItemLink(e) { const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; if (isShiftTabPressed) { e.preventDefault(); let navListItem = elem.parentNode.previousElementSibling; if (navListItem && navListItem.classList.contains("subNav__title")) { navListItem = navListItem.previousElementSibling; if (navListItem.classList.contains("subNav__skipListItem")) { const isFirstSubNav = navListItem.dataset.depth === 0; if (isFirstSubNav) { if (this.nextNavItem) { this.next = this.nextNavItem.dataset.linkText; } } else { if (this.nextSubNavItem) { this.next = this.nextSubNavItem.dataset.linkText; } } } } if (!navListItem) { this.focusNextElement(); } else { this.focusNextTabbableElement(navListItem); } } }, skipSubNavButton(e) { const elem = e.target; const nextListItem = elem.parentNode.nextElementSibling; const isShiftTabPressed = e.shiftKey && e.which === 9; const isSubNavItemNextButton = elem.classList.contains( "subNav__itemNextButton" ); if (isShiftTabPressed && isSubNavItemNextButton) { elem.previousElementSibling.focus(); } else if (!nextListItem) { this.focusNextElement(); } else { e.preventDefault(); const nextTabElem = elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink"); if (nextTabElem) nextTabElem.focus(); } }, setSkipSubNavButton(e) { const elem = e.target; const nextSubNavItem = e.target.parentNode.nextElementSibling; this.nextSubNavItem = nextSubNavItem; this.currentSubNav = elem.nextElementSibling; if (nextSubNavItem) { this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink"); this.next = nextSubNavItem.dataset.linkText; } else { const nextNavItem = this.currentNavItem.nextElementSibling; if (nextNavItem && nextNavItem.dataset) { this.next = nextNavItem.dataset.linkText; } else { this.next = ""; } } this.focusNextTabbableElement(this.currentSubNav); }, focusNextTabbableElement(container) { // waits for DOM to update setTimeout(function () { const nextTabElem = container.querySelector( "[tabindex]:not([disabled]):not([tabindex='-1'])" ); if (!nextTabElem) return; nextTabElem.focus(); }, 50); }, focusNextElement() { if (this.depth < 0) { this.depth = 0; } this.nextElement.focus(); }, get skipToNextLinkText() { if (this.next === "") return ""; return "Skip to " + this.next; }, })); }); </script> <nav role="navigation" class="relative nav bg-white text-primary1 border-b z-30 top-0 sticky w-full h-auto lg:min-h-24" aria-label="menu" x-data="nav" @setActiveNav="activeNav=$event.detail.id" @isActiveNav="activeNav == $event.detail.id" > <div class="mx-auto container px-4 lg:px-0"> <div class="nav__desktop lg:flex hidden md:items-center"> <a href="/" class="nav__inner ml-0 py-2 md:py-4 nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto pr-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <div class="nav__left pt-0 md:pt-2 justify-center flex ml-12 w-full" @mouseout.outside="$dispatch('setActiveNav', { id: '' })" > <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="CONHEÇA A MEDLEY" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' }) }" > <a href="/conheca-a-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> CONHEÇA A MEDLEY </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> CONHEÇA A MEDLEY </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/conheca-a-medley" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> CONHEÇA A MEDLEY </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Sobre nós"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/sobre-nos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Sobre nós </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Código de ética"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/codigo-de-etica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Código de ética </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Essência Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/essencia-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Essência Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Gestão de qualidade"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/gestao-de-qualidade" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Gestão de qualidade </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Medley e o Comitê Olímpico do Brasil"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/medley-cob" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Medley e o Comitê Olímpico do Brasil </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Projetos incentivados - Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/responsabilidade-social" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Projetos incentivados - Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde, segurança e meio ambiente"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/saude-seguranca-meio-ambiente" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde, segurança e meio ambiente </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Imprensa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/imprensa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Imprensa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Prêmios"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/premios-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Prêmios </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="PRODUTOS" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' }) }" > <a href="/produtos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> PRODUTOS </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> PRODUTOS </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/produtos" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> PRODUTOS </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="MEDICAMENTOS"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/produtos/medicamento" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> MEDICAMENTOS </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="SAÚDE E BEM-ESTAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' }) }" > <a href="/saude-e-bem-estar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> SAÚDE E BEM-ESTAR </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> SAÚDE E BEM-ESTAR </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/saude-e-bem-estar" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> SAÚDE E BEM-ESTAR </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Mental "> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-mental" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Mental </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Física"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-fisica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Física </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Conta, mana"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/conta-mana" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Conta, mana </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Genéricos, similares e referência"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/generico" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Genéricos, similares e referência </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Campanhas"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/campanhas" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Campanhas </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="FALE CONOSCO" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' }) }" > <a href="/fale-conosco" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> FALE CONOSCO </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="ONDE ENCONTRAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' }) }" > <a href="/onde-encontrar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> ONDE ENCONTRAR </span> </a> </div> </div> </div> </div> <div class="nav__mobile lg:hidden"> <div class="flex justify-between items-center"> <a href="/" class=" nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <div class="nav__mobile__right flex flex-row items-center ml-4"> <div class="globalHeader__icons flex justify-evenly"> </div> <button class="nav__mobile__button flex items-center justify-center relative ml-2" aria-label="open menu"> <svg class="w-7 h-7 fill-current ml-2 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/bars.svg#bars"></use> </svg> </button> </div> </div> <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0"> <div class="nav__mobile__menuItems bg-white flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out"> <a href="/" class=" nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <button class="flex items-center justify-center nav__mobile__close relative ml-4" aria-label="close menu"> <svg class="w-7 h-7 fill-current ml-1 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/times.svg#times"></use> </svg> </button> </div> <div class="nav__mobile__navList flex flex-col overflow-y-auto"> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out"> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="CONHEÇA A MEDLEY" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' }) }" > <a href="/conheca-a-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> CONHEÇA A MEDLEY </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> CONHEÇA A MEDLEY </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/conheca-a-medley" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> CONHEÇA A MEDLEY </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Sobre nós"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/sobre-nos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Sobre nós </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Código de ética"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/codigo-de-etica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Código de ética </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Essência Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/essencia-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Essência Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Gestão de qualidade"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/gestao-de-qualidade" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Gestão de qualidade </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Medley e o Comitê Olímpico do Brasil"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/medley-cob" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Medley e o Comitê Olímpico do Brasil </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Projetos incentivados - Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/responsabilidade-social" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Projetos incentivados - Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde, segurança e meio ambiente"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/saude-seguranca-meio-ambiente" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde, segurança e meio ambiente </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Imprensa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/imprensa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Imprensa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Prêmios"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/premios-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Prêmios </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="PRODUTOS" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' }) }" > <a href="/produtos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> PRODUTOS </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> PRODUTOS </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/produtos" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> PRODUTOS </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="MEDICAMENTOS"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/produtos/medicamento" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> MEDICAMENTOS </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="SAÚDE E BEM-ESTAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' }) }" > <a href="/saude-e-bem-estar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> SAÚDE E BEM-ESTAR </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> SAÚDE E BEM-ESTAR </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/saude-e-bem-estar" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> SAÚDE E BEM-ESTAR </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Mental "> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-mental" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Mental </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Física"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-fisica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Física </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Conta, mana"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/conta-mana" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Conta, mana </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Genéricos, similares e referência"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/generico" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Genéricos, similares e referência </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Campanhas"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/campanhas" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Campanhas </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="FALE CONOSCO" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' }) }" > <a href="/fale-conosco" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> FALE CONOSCO </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="ONDE ENCONTRAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' }) }" > <a href="/onde-encontrar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> ONDE ENCONTRAR </span> </a> </div> </div> </div> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out border-b"> </div> </div> </div> </div> </div> </nav> </header> <section id="1bfdab83-4059-4d4d-bf86-01abbff709cd" class="contentGridItem--1bfdab83-4059-4d4d-bf86-01abbff709cd contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1bfdab83-4059-4d4d-bf86-01abbff709cd py-0 text-primary h-full animateImage bg-cover md:bg-cover bg-center lg:bg-center bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:ed1aeee8-618e-493b-8223-96710cfa0e99/2310_mobile.png [(max-width: 767px)] | /dam/jcr:f3491377-93c0-4b93-8476-f6d94ff7f70b/2310_desktop.png" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <main role="main" id="main" class="relative flex-1" > <section id="3af46cb2-6ade-41df-bb1b-620e74359f71" class="contentGridItem--3af46cb2-6ade-41df-bb1b-620e74359f71 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--3af46cb2-6ade-41df-bb1b-620e74359f71 py-0 text-primary h-full animateImage bg-cover md:bg-cover bg-center lg:bg-center bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:1615ea7b-016f-4a95-a8cc-88c61a158663/banner-cassia-home-mobile.png [(max-width: 767px)] | /dam/jcr:91afee0a-a362-4659-a47e-12d928eebdf0/banner-cassia-home.png" data-sizes="auto" > <div class="ContentGrid container max-w-full mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <h2 class="mobile-text"><span class="text-white"><strong>CONHEÇA A CÁSSIA</strong></span></h2> <p class="mobile-text"><span class="text-white"><span class="text-body-1">A ASSISTENTE VIRTUAL<br /> DE SAÚDE MENTAL DA MEDLEY<br /> QUE DÁ DICAS E INFORMAÇÕES<br /> MUITO IMPORTANTES.</span></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-16 lg:py-0 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-16 md:py-8 lg:py-16 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full lg:w-6/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-16 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-7/12 lg:w-7/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-4 lg:px-4 self-auto bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-center'> <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center " href="https://api.whatsapp.com/send?phone=5511940684754&text=Ol%C3%A1%20C%C3%A1ssia%2C%20como%20vai%3F%20Quero%20dicas%20sobre%20sa%C3%BAde%20mental" target="_self" title="CHAMA A CÁSSIA NO WHATSAPP" > CHAMA A CÁSSIA NO WHATSAPP </a> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-4/12 lg:w-4/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <section id="c74baa10-a074-4731-b618-9090f84f9df7" class="contentGridItem--c74baa10-a074-4731-b618-9090f84f9df7 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c74baa10-a074-4731-b618-9090f84f9df7 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> </div> <div class=""></div> </div> </div> </section> <section id="5502e029-6e70-4bcf-bcc1-76f4a17bffca" class="contentGridItem--5502e029-6e70-4bcf-bcc1-76f4a17bffca contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--5502e029-6e70-4bcf-bcc1-76f4a17bffca py-0 text-primary h-full animateImage bg-cover md:bg-cover bg-center lg:bg-center bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:0fee9652-be39-475a-bda2-bf9e443eb531/MEDLEY_SALTO_04_MB.webp [(max-width: 767px)] | /dam/jcr:0cd1b2f5-5e07-4e29-bf5d-2c47ee67de87/MEDLEY_SALTO_04.webp" data-sizes="auto" > <div class="ContentGrid container max-w-full mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-start items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-2/12 lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-16 lg:py-16 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-6/12 lg:w-4/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 items-center self-center bg-transparent" x-data="" dir="ltr"> <section id="646d7af5-368c-439c-8fe5-b73eda088878" class="contentGridItem--646d7af5-368c-439c-8fe5-b73eda088878 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--646d7af5-368c-439c-8fe5-b73eda088878 py-4 md:py-4 lg:py-4 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-8 lg:px-8 self-center contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="margin-bottom: 0px"><span class="text-white">Quando a pressão invade a mente,<br /> é o apoio que te leva pra frente.</span></p> <h2 style="margin-bottom: 0px"><span class="text-white"><span class="text-title-4">SAÚDE MENTAL</span></span></h2> <h2><span class="text-white"><span class="text-title-1">VALE OURO</span></span></h2> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-start " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-8 lg:px-8 self-start bg-transparent" x-data="" dir="ltr"> <div class='w-full flex justify-start'> <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `SAIBA MAIS`, 'context': 'other' }); " href="/saude-e-bem-estar/saude-mental" target="_self" title="SAIBA MAIS" > SAIBA MAIS </a> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <section id="dc763aa3-0c1c-45bb-87eb-61b93950b01b" class="contentGridItem--dc763aa3-0c1c-45bb-87eb-61b93950b01b contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--dc763aa3-0c1c-45bb-87eb-61b93950b01b theme-bold py-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container max-w-full mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="c8a6fd37-129e-4505-a740-fc8a7f990b3f" class="contentGridItem--c8a6fd37-129e-4505-a740-fc8a7f990b3f contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c8a6fd37-129e-4505-a740-fc8a7f990b3f py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-7/12 lg:w-7/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-4 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="1f563517-ccfa-4f18-ab66-c5370b95464d" class="contentGridItem--1f563517-ccfa-4f18-ab66-c5370b95464d contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--1f563517-ccfa-4f18-ab66-c5370b95464d py-4 md:py-4 lg:py-4 px-4 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="53e5d408-bbe3-402a-aa94-3fca42bd7b9f" class="contentGridItem--53e5d408-bbe3-402a-aa94-3fca42bd7b9f contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--53e5d408-bbe3-402a-aa94-3fca42bd7b9f py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <h2><span class="text-primary1" style="line-height: 3px"><span class="text-title-3"><span class="text-body-4">MEDICAMENTOS</span></span><br /> <span class="text-title-1">   GENÉRICOS</span></span></h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="d4761bf2-53fc-4e8c-8971-521f00016aed" class="contentGridItem--d4761bf2-53fc-4e8c-8971-521f00016aed contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--d4761bf2-53fc-4e8c-8971-521f00016aed py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex flex-col-reverse md:flex-row lg:flex-row flex-wrap justify-between items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex-col-reverse flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-5/12 lg:w-5/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 self-center contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-4"><span class="text-primary1">Você conhece o seu genérico?</span></span></p> <p><span class="text-body-4"><span class="text-primary1">É um medicamento com a mesma eficácia e segurança clínica do chamado "remédio de marca". E o melhor de tudo, é mais barato.</span></span></p> </div> <div class="mt-3"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid " @click="$dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `CONHEÇA SEU GENÉRICO`, 'context': 'other' })" href="/generico" target="_self" > CONHEÇA SEU GENÉRICO </a> </div> </div> </div> </div> <div class="gridComponent flex-col-reverse flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-7/12 lg:w-7/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-center imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:67145353-1914-4c9c-bacd-bc8c98acb7df/cartelas-remedios-2023.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:67145353-1914-4c9c-bacd-bc8c98acb7df/cartelas-remedios-2023.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:67145353-1914-4c9c-bacd-bc8c98acb7df/cartelas-remedios-2023.webp" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <br /> <br /> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="db14acba-d69c-4b42-ba5a-5672873e4962" class="contentGridItem--db14acba-d69c-4b42-ba5a-5672873e4962 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--db14acba-d69c-4b42-ba5a-5672873e4962 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <h2><span class="text-primary1" style="line-height: 3px"><span class="text-title-3"><span class="text-body-4">MEDICAMENTOS</span></span><br /> <span class="text-title-1">   MEDLEY</span></span></h2> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-center bg-transparent" x-data="" dir="ltr"> <section id="2107c429-5ea1-43b6-b079-bf99eb25b508" class="contentGridItem--2107c429-5ea1-43b6-b079-bf99eb25b508 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--2107c429-5ea1-43b6-b079-bf99eb25b508 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex flex-col-reverse md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex-col-reverse flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-5/12 lg:w-5/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-4 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-4"><span class="text-primary1">Além da qualidade e segurança que colocamos em cada caixinha que chega às suas mãos, nós também nos preocupamos em atender a extensa variedade de indicações clínicas.</span></span><br />  </p> </div> <div class="mt-3"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid " @click="$dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'cta', 'title': `NOSSOS MEDICAMENTOS`, 'context': 'other' })" href="/medicamentos" target="_self" > NOSSOS MEDICAMENTOS </a> </div> </div> </div> </div> <div class="gridComponent flex-col-reverse flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-7/12 lg:w-7/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-center imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:ef681229-4ad9-48db-9a54-9a14084c58a9/frasco-generico-2023.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:ef681229-4ad9-48db-9a54-9a14084c58a9/frasco-generico-2023.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:ef681229-4ad9-48db-9a54-9a14084c58a9/frasco-generico-2023.webp" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <br /> <br /> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-5/12 lg:w-5/12 self-end " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-end self-end bg-transparent" x-data="" dir="ltr"> <section id="986a64d7-bf5e-4685-97ac-7e713441cf07" class="contentGridItem--986a64d7-bf5e-4685-97ac-7e713441cf07 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--986a64d7-bf5e-4685-97ac-7e713441cf07 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-end items-end -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3ff209a2-d7ba-469e-ba90-17d852ace67c/rodrigo-hilbert-2023.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3ff209a2-d7ba-469e-ba90-17d852ace67c/rodrigo-hilbert-2023.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:3ff209a2-d7ba-469e-ba90-17d852ace67c/rodrigo-hilbert-2023.webp" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <section id="8de2c0cc-161c-45b4-8cdf-3bcf3661c64c" class="contentGridItem--8de2c0cc-161c-45b4-8cdf-3bcf3661c64c contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--8de2c0cc-161c-45b4-8cdf-3bcf3661c64c py-0 text-primary h-full animateImage bg-primary1 relative z-10"> <div class="ContentGrid container max-w-full mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="2212" height="383" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/home-images/Banner-complementar.png/jcr:content/Banner%20complementar.png 1200w" class="w-full lazyload " data-sizes="auto" alt="8 ouros Medley" /> </picture> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <section id="b3179323-15d4-4a4b-92fc-d7044d1b4db2" class="contentGridItem--b3179323-15d4-4a4b-92fc-d7044d1b4db2 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--b3179323-15d4-4a4b-92fc-d7044d1b4db2 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="b65d5cdc-a72d-4dc6-b8d8-73a84a447dc5" class="contentGridItem--b65d5cdc-a72d-4dc6-b8d8-73a84a447dc5 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--b65d5cdc-a72d-4dc6-b8d8-73a84a447dc5 py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-10/12 lg:w-10/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- theme-default bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <h2 style="text-align: center;"><span class="text-primary1"><span class="text-title-2">ÚLTIMAS</span><br /> <span class="text-title-1">               <strong>POSTAGENS</strong></span></span></h2> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full md:w-full lg:w-full self-auto " > <div class="contentList contentList__carousel px-0 md:px-0 lg:px-0 py-0 md:py-0 lg:py-0"> <div class="carousel block self-auto"> <div id="itemCarousel" class="carousel__wrap relative px-12" data-autoplay="false" data-controls="true" data-pagination="false" data-loop="false" data-itemsPerSlide="1" data-itemsPerSlideTablet="2" data-itemsPerSlideDesktop="4" data-dir="ltr" dir="ltr"> <div class="carousel__slides w-full flex"> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="4859" height="3239" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Câncer-de-Mama--saiba-como-ajudar-quem-está-com-a-doença/MicrosoftTeams-image-(23).png/jcr:content/MicrosoftTeams-image%20(23).png 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Câncer de Mama: como ajudar uma amiga que está passando por isso?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/cancer-de-mama--como-ajudar-uma-amiga-que-esta-passando-por-isso" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="280" height="186" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/relacionamento-toxico-card.jpg/jcr:content/relacionamento-toxico-card.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="como se livrar de um relacionamento tóxico" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Como identificar e se livrar de um relacionamento tóxico?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/como-identificar-e-se-livrar-relacionamento-toxico" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-adocao.jpg/jcr:content/card-adocao.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="mãe adotiva" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Como o corpo reage quando viramos mães adotivas?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/mae-adotiva" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-rede-apoio.jpg/jcr:content/card-rede-apoio.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="rede de apoio" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Rede de apoio: amizade entre mulheres faz bem para a saúde</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/rede-apoio-amigas-faz-bem-saude-mulheres" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mindfulness.jpg/jcr:content/card-mindfulness.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="mindfulness" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Mindfulness: o que é e como ajuda na saúde mental</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/mindfulness-o-que-e" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-depressao-pos-parto.jpg/jcr:content/card-depressao-pos-parto.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="depressão pós parto" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Depressão pós-parto: quais os sintomas e como ajudar essa mãe</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/ajudar-mae-depressao-pos-parto" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-empatia.jpg/jcr:content/card-empatia.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="empatia" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Como a empatia poderá te ajudar a enfrentar a depressão</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/como-a-empatia-podera-te-ajudar-a-enfrentar-a-depressao" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/card-mulher-sem-filho.jpg/jcr:content/card-mulher-sem-filho.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="não ser mãe" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Elas escolheram não ser mães e estão felizes com isso</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/escolher-nao-ser-mae" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="560" height="437" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/como-a-inclusao-social-traz-beneficios-sociedade/inclusao-social-beneficios-sociedade.jpg/jcr:content/inclusao-social-beneficios-sociedade.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="Saúde integral é afetada no inverno" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Como a inclusão social traz benefícios para toda a sociedade</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/como-a-inclusao-social-traz-beneficios-para-toda-a-sociedade" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="560" height="437" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/Os-diversos-desafios-na-vida-da-mulher-negra/thumb.png/jcr:content/thumb.png 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="mulher negra" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Os diversos desafios na vida da mulher negra</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/os-diversos-desafios-na-vida-da-mulher-negra" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="501" height="302" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout-sintomas/burnout-sintomas-2.jpg/jcr:content/burnout-sintomas-2.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="sinais de burnout" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Identifique os primeiros sinais do burnout, o esgotamento profissional</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/burnout-identifique-os-primeiros-sinais" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="227" height="170" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/janeiro-branco-card-2.jpg/jcr:content/janeiro-branco-card-2.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="janeiro branco" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Janeiro Branco: Tudo sobre como cuidar da mente e da sua saúde mental</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/janeiro-branco" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="398" height="265" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/thumb-img.jpg/jcr:content/thumb-img.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="ansiedade" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">5 maneiras simples de combater os primeiros sinais de ansiedade</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/cinco-maneiras-combater-ansiedade" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="227" height="170" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/sedentarismo/sedentarismo-card-3B.jpg/jcr:content/sedentarismo-card-3B.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="sedentarismo" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Sedentarismo e saúde mental: qual a relação entre os dois?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/sedentarismo-e-saude-mental" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="157" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/banner-mulheres-multitarefa-card.jpg/jcr:content/banner-mulheres-multitarefa-card.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="mulheres multitarefa" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Mulheres, a vida multitarefa e tão necessária rede de apoio</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/mulheres-vida-multitarefa" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="640" height="543" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/logo-contamana-posts.png/jcr:content/logo-contamana-posts.png 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="logo conta mana" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Estresse: o que é, sintomas, tipos e como tratar</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/estresse-sintomas-como-tratar" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="640" height="391" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/burnout/burnout-motivos-1A.jpg/jcr:content/burnout-motivos-1A.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="sindrome de burnout" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Já ouviu falar na síndrome do Burnout?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/ja-ouviu-falar-na-sindrome-de-burnout" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="160" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/conta-mana/stress-afeta-thumbs-card.jpg/jcr:content/stress-afeta-thumbs-card.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="como o stress afeta as mulheres" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Como o estresse afeta as mulheres?</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/como-o-estresse-afeta-as-mulheres" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="244" height="163" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/Blog/relacionamento-toxico/dia-internacional-mulher-card-maior-2A.png/jcr:content/dia-internacional-mulher-card-maior-2A.png 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="dia internacilnal da mulher" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Dia Internacional da Mulher - Quebre os padrões! A liberdade e o poder da autoaceitação</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana/dia-internacional-da-mulher" > Leia mais </a> </div> </div> </div> </div> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-primary1 card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 1200w" media="(max-width: 767px)" class="object-cover " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 1200w" media="(min-width: 768px)" class="object-cover" data-sizes="auto" /> <img width="600" height="400" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/novas-thumbs-conteúdos/conta-mana/shutterstock_126648692.jpg/jcr:content/shutterstock_126648692.jpg 1200w" class="w-full lazyload object-cover" data-sizes="auto" alt="" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h3 class="font-card text-white text-title-6">Dicas e matérias para cuidar de quem cuida - Conta Mana | Medley</h3> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " href="/contamana/conteudos-contamana" > Leia mais </a> </div> </div> </div> </div> </div> </div> </div> <div class="carousel__controls"> <button class="carousel__controls--prev transform -translate-y-10 text-primary w-8 h-8 rounded-full absolute top-2/4 left-0 bg-primary1 text-primary1" aria-controls="itemCarousel-items" aria-label="previous slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm57.749 347.58c8.341 8.341 8.341 21.824 0 30.165-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251l-106.67-106.67c-8.341-8.341-8.341-21.824 0-30.165l106.67-106.67c8.341-8.341 21.824-8.341 30.165 0s8.341 21.824 0 30.165l-91.584 91.584 91.584 91.584z"/> </svg> </button> <button class="carousel__controls--next transform -translate-y-10 text-primary w-8 h-8 rounded-full absolute top-2/4 right-0 bg-primary1 text-primary1" aria-controls="itemCarousel-items" aria-label="next slide"> <svg enable-background="new 0 0 512 512" version="1.1" viewBox="0 0 512 512" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" class="fill-current" aria-hidden="true"> <path d="m256 0c-141.16 0-256 114.84-256 256s114.84 256 256 256 256-114.84 256-256-114.84-256-256-256zm79.083 271.08-106.67 106.67c-4.16 4.16-9.621 6.251-15.083 6.251-5.461 0-10.923-2.091-15.083-6.251-8.341-8.341-8.341-21.824 0-30.165l91.585-91.584-91.584-91.584c-8.341-8.341-8.341-21.824 0-30.165s21.824-8.341 30.165 0l106.67 106.67c8.341 8.341 8.341 21.823 0 30.165z"/> </svg> </button> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </main> <footer role="contentinfo"> <div id="871c0b3d-5e6d-4d26-a617-14a6550ba18a" class="contentGridItem--871c0b3d-5e6d-4d26-a617-14a6550ba18a contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--871c0b3d-5e6d-4d26-a617-14a6550ba18a py-4 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> </div> <div class=""></div> </div> </div> </div> <div id="0492fb61-8536-4f54-a721-5d0975a6b0b7" class="contentGridItem--0492fb61-8536-4f54-a721-5d0975a6b0b7 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--0492fb61-8536-4f54-a721-5d0975a6b0b7 py-0 text-primary h-full animateImage bg-auto md:bg-cover lg:bg-top bg-no-repeat lg:bg-no-repeat bg-transparent relative z-10 lazyload" data-bgset="/dam/jcr:94ec5f9a-60c5-4c7f-88c0-58401142d9c3/footer-gota-2023.webp" data-sizes="auto" > <div class="ContentGrid container mx-auto lg:pt-0 lg:pb-4 md:pt-0 md:pb-8 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-7/12 md:w-3/12 lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-8 md:py-0 lg:py-0 px-16 md:px-8 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3e20ce4f-0832-412a-a800-325cda2a98c9/logo-medley-2023.webp" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:3e20ce4f-0832-412a-a800-325cda2a98c9/logo-medley-2023.webp" media="(min-width: 768px)" class="" data-sizes="auto" /> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:3e20ce4f-0832-412a-a800-325cda2a98c9/logo-medley-2023.webp" class="w-full lazyload " data-sizes="auto" alt="Logo Medley" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <div id="c01759d0-44f2-474d-b55c-657c487fe1d7" class="contentGridItem--c01759d0-44f2-474d-b55c-657c487fe1d7 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--c01759d0-44f2-474d-b55c-657c487fe1d7 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-4 lg:py-8 px-0 md:px-0 lg:px-0 self-auto " x-data="" dir="ltr"> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-center bg-transparent" x-data="" dir="ltr"> <div id="ef050bc3-7251-46ce-9e52-78a03f1a1406" class="contentGridItem--ef050bc3-7251-46ce-9e52-78a03f1a1406 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--ef050bc3-7251-46ce-9e52-78a03f1a1406 py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-2/12 md:w-1/12 lg:w-1/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.linkedin.com/company/medley-ind-stria-farmac-utica-s-a/" rel='noopener' target="_blank" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:742f7566-de63-4d2e-afe9-9e8b43cc16e9/linkedin.png 31w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:742f7566-de63-4d2e-afe9-9e8b43cc16e9/linkedin.png 31w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="31" height="31" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:742f7566-de63-4d2e-afe9-9e8b43cc16e9/linkedin.png 31w" class="w-full lazyload " data-sizes="auto" alt="Logo Linkedin" /> </picture> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-2/12 md:w-1/12 lg:w-1/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.youtube.com/@MedleyFarmaceutica" rel='noopener' target="_blank" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:7a1a3723-3b75-4924-a943-224de2b21997/youtube.png 45w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:7a1a3723-3b75-4924-a943-224de2b21997/youtube.png 45w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="45" height="31" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:7a1a3723-3b75-4924-a943-224de2b21997/youtube.png 45w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-2/12 md:w-1/12 lg:w-1/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.instagram.com/medleyfarmaceutica/" rel='noopener' target="_blank" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:82d31702-837c-45e8-a791-40243b8ed6ac/instagram.png 31w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:82d31702-837c-45e8-a791-40243b8ed6ac/instagram.png 31w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="31" height="31" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:82d31702-837c-45e8-a791-40243b8ed6ac/instagram.png 31w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-2/12 md:w-1/12 lg:w-1/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://www.facebook.com/medleybr" rel='noopener' target="_blank" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:e5805e35-c56d-4eff-b58f-37f1cc43dd0c/facebook.png 31w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:e5805e35-c56d-4eff-b58f-37f1cc43dd0c/facebook.png 31w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="31" height="31" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:e5805e35-c56d-4eff-b58f-37f1cc43dd0c/facebook.png 31w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-2/12 md:w-1/12 lg:w-1/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-4 lg:px-8 self-auto imageAttachment default default" x-data="" dir="ltr"> <a href="https://co.pinterest.com/medley/" rel='noopener' target="_blank" title="" data-gtmSection="" data-gtmSubSection="" data-gtmElement="" class="font-title cursor-pointer block relative imageLink " > <span > <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1fab9fcb-c96f-4587-b9c3-8f623fbde4a8/pinterest.png 31w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1fab9fcb-c96f-4587-b9c3-8f623fbde4a8/pinterest.png 31w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="31" height="31" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:1fab9fcb-c96f-4587-b9c3-8f623fbde4a8/pinterest.png 31w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </span> </a> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-0 md:px-8 lg:px-16 items-center self-center bg-transparent" x-data="" dir="ltr"> <div id="887979e2-097c-4aca-a6ca-9ccb6a2bafb2" class="contentGridItem--887979e2-097c-4aca-a6ca-9ccb6a2bafb2 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--887979e2-097c-4aca-a6ca-9ccb6a2bafb2 py-4 md:py-4 lg:py-4 px-0 md:px-8 lg:px-16 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-6/12 md:w-3/12 lg:w-2/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-center contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align: center;"><span class="text-white"><a href="/fale-conosco" style="display: block">Fale conosco</a> </span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-6/12 md:w-3/12 lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align: center"><span class="text-white"><a href="/mapa-do-site" style="display: block">Mapa do site</a> </span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align: center"><span class="text-white"><a href="/termos-e-condicoes" style="display: block">Termos e condições</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-3/12 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align: center"><span class="text-white"><a href="https://www.sanofi.com.br/pt/politica-de-privacidade" style="display: block">Política de privacidade</a></span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-6/12 md:w-3/12 lg:w-2/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="text-align: center"><span class="text-white"><a href="https://www.sanoficonecta.com.br/" style="display: block">Sanofi conecta</a> </span></p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> <div id="24f21609-7886-4f95-b68f-abf3c22f1d71" class="contentGridItem--24f21609-7886-4f95-b68f-abf3c22f1d71 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--24f21609-7886-4f95-b68f-abf3c22f1d71 py-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container max-w-full mx-auto lg:pt-0 lg:pb-0 md:pt-0 md:pb-0 pt-0 pb-0"> <div class="flex md:flex lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 items-center self-auto bg-transparent" x-data="" dir="ltr"> <div id="81261eb8-a49e-47d3-af13-ce1a60dfd94f" class="contentGridItem--81261eb8-a49e-47d3-af13-ce1a60dfd94f contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--81261eb8-a49e-47d3-af13-ce1a60dfd94f py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 text-primary h-full animateImage bg-transparent relative z-10"> <div class="ContentGrid container mx-auto "> <div class="flex md:flex md:flex-row lg:flex-row flex-wrap justify-center items-center -mx-0 py-0 md:-mx-0 md:py-0 lg:-mx-0 lg:py-0"> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-6/12 md:w-1/12 lg:w-1/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-center imageAttachment default default" x-data="" dir="ltr"> <div class="uiImage relative block w-full block" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="3274" height="1510" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 900w, /.imaging/webp/sanofi-platform/img-w1200/dam/medley-com-br/remediation-folder/homepage-hero-new-modal-files/211125-SANOFI-LOGO-RGB.png/jcr:content/211125%20SANOFI%20LOGO%20RGB.png 1200w" class="w-full lazyload " data-sizes="auto" alt="Logo Sanofi" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-30 bg-bg-black" ></div> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-6/12 lg:w-7/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p style="line-height: 1rem"><span class="text-primary1"><span class="text-body-5">Última revisão: 05/03/2025. Rua Conde Domingos Papaiz, 413 - Jardim Natal, Suzano/SP, CEP 08613-010.<br /> SAC 0800-7030014 (de 2ª a 6º feira das 8h as 18h) Copyright © 2022 SANOFI MEDLEY FARMACÊUTICA LTDA.</span><br /> <span class="text-body-5">TODOS OS DIREITOS RESERVADOS.</span></span></p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </div> </footer> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('video-campanha'); initState(false); validateStorage('', 'cookies'); " x-cloak> <div class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70 backdrop-filter backdrop-none" :class="{'hidden': !open, 'fixed': open}" @open-modal.window="if ($event.detail.id == 'video-campanha') open = true, preventScroll()" @close-modal.window="open = false; restoreScroll()" @click.self="open = false, pauseVideo(), restoreScroll()" x-on:keydown.escape.window="open = false, pauseVideo(), restoreScroll()" > <div tabindex="-1" role="dialog" id="modal-video-campanha" data-id="video-campanha" data-gtmContext="other" aria-modal="true" class=" bg-transparent text-white relative overflow-auto h-auto max-h-90vh px-4 py-12 mx-2 text-left shadow-xl w-full md:w-2/3 lg:w-1/2 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 md:mx-0"> <button @click="open = false, pauseVideo(), restoreScroll()" @focus="open = true" class="close-modal-btn flex absolute top-2 right-3" aria-label="close" type="button" > <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span> </button> <div class="ContentGrid "> <div class="flex md:flex lg:flex-row flex-wrap "> <div class="gridComponent flex flex-col w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-4 md:px-0 lg:px-0 self-auto transparent bg-transparent" x-data="" dir="ltr"> <div x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-transparent py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0"> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="689c0709-499a-459e-9479-efbd6d0e51b1" id="dam-video-player-689c0709-499a-459e-9479-efbd6d0e51b1" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="MEDLEY_TRANSICAO_15s-ccLSE" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:209db270-7b37-419a-9ab5-af0799252373/MEDLEY_TRANSICAO_15s-ccLSE.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('227ac34f-b623-41f3-9007-14db260e70c7'); initState(false); validateStorage('', 'cookies'); " x-cloak> <div class="modal__parent top-0 left-0 right-0 bottom-0 z-50 flex items-center justify-center w-full h-full bg-black bg-opacity-70 backdrop-filter backdrop-none" :class="{'hidden': !open, 'fixed': open}" @open-modal.window="if ($event.detail.id == '227ac34f-b623-41f3-9007-14db260e70c7') open = true, preventScroll()" @close-modal.window="open = false; restoreScroll()" @click.self="open = false, pauseVideo(), restoreScroll()" x-on:keydown.escape.window="open = false, pauseVideo(), restoreScroll()" > <div tabindex="-1" role="dialog" id="modal-227ac34f-b623-41f3-9007-14db260e70c7" data-id="227ac34f-b623-41f3-9007-14db260e70c7" data-gtmContext="other" aria-modal="true" class="leaveSitePrompt bg-white relative overflow-auto h-auto max-h-90vh px-4 py-12 mx-2 text-left shadow-xl w-full md:w-2/3 md:max-w-7xl md:py-8 md:px-8 lg:py-12 lg:px-12 md:mx-0"> <button @click="open = false, pauseVideo(), restoreScroll()" @focus="open = true" class="close-modal-btn flex absolute top-2 right-3" aria-label="close" type="button" > <span class="font-body text-default leading-none overflow-hidden text-3xl">×</span> </button> <div class="text-center my-4"> <h3 class="font-title text-black leaveSitePrompt__title text-2xl md:text-3xl font-extrabold mb-4"> </h3> <div class="font-body text-black leaveSitePrompt__copy mb-4 mt-2 font-inherit"><p style="text-align:center"><span class="text-black">Ao clicar no botão abaixo, você deixará o ambiente do site Medley e será direcionado para um site parceiro. Os links são apenas uma facilidade oferecida para os consumidores. A decisão de escolha do estabelecimento é sempre do consumidor. A Medley não se responsabiliza por serviços, ofertas e conteúdo nos sites das redes citadas, nem de quaisquer outras, nas quais produtos Medley possam ser encontrados. Diga não a automedicação, procure um médico.</span></p> </div> <div class="mt-4 text-center flex justify-around"> <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid leaveSitePrompt__button py-3 lg:py-3 font-semibold " href="#" @click="open = false;restoreScroll();" > IR PARA O SITE </a> </div> </div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> <script type="text/json" class="leaveSitePrompt__data--227ac34f-b623-41f3-9007-14db260e70c7"> { "filterType": "default", "list": [ ] } </script> <script src="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/common~2025-03-14-18-14-54-000~cache.js" async></script> <script src="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/pages/DefaultPage~2025-03-14-18-14-54-000~cache.js" async></script>  <script src="/dam/resources/medley-com-br/js/chunk-vendors.js"></script> <script src="/dam/resources/medley-com-br/js/app-v1.js"></script>  <div id="seloCOB" class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-0 lg:px-0 w-full md:w-1/12 lg:w-1/12 self-auto" > <div class="ContentSectionItem h-full w-full py-0 md:py-0 lg:py-0 px-0 md:px-0 lg:px-0 self-auto imageAttachment default default" x-data="" dir="ltr" > <div class="uiImage relative block w-full block" x-data="{isZoomed: false}" > <div> <img style="height: 100%" width="82" height="200" class="w-full object-cover block lazyloaded" data-src="/dam/jcr:9c0cb38e-1e21-4da6-aafa-931286034963/selo-cob-2023%20(1).webp" alt="Selo COB" src="/dam/jcr:9c0cb38e-1e21-4da6-aafa-931286034963/selo-cob-2023%20(1).webp" /> </div> </div> </div> </div> <script> var seloCOB = document.querySelector("#seloCOB") var navigation = document.querySelector("body > header > nav > div > div.nav__desktop.lg\\:flex.hidden.md\\:items-center > div") var mobileNav = document.querySelector("body > header") var openMenuButton = document.querySelector("body > header > nav > div > div > div > div > button") var closeMenuButton = document.querySelector("body > header > nav > div > div.nav__mobile.lg\\:hidden > div.nav__mobile__menu.w-full.fixed.overflow-hidden.z-50.transition-all.duration-50.left-0.top-0 > div.nav__mobile__menuItems.bg-white.flex.justify-between.items-center.py-0.px-4.border-b.w-full.transition-all.duration-700.ease-in-out > button") mobileNav.appendChild(seloCOB) function showCOB(e) { e.preventDefault() seloCOB.style.display = "block"; } function hideCOB(e) { e.preventDefault() seloCOB.style.display = "none"; } openMenuButton.addEventListener("click", hideCOB) closeMenuButton.addEventListener("click", showCOB) </script> </body> </html>

CINXE.COM

Medley – Eficaz em tudo que faz