Onde Encontrar Medicamentos Medley

<!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": "Onde Encontrar Medicamentos Medley | Medley ", "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>Onde Encontrar Medicamentos Medley | Medley </title> <meta name="title" content="Onde Encontrar Medicamentos Medley | Medley " /> <meta name="description" content="Os medicamentos Medley estão presentes em todo o território nacional. Acesse e saiba onde encontrar!" /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="2668d0b1-e7f0-45d8-bd9c-5373e80f91f6_pt-BR" /> <meta name="algo:categories" content="" /> <meta name="algo:roles" content="" /> <meta property="og:url" content="https://www.medley.com.br/onde-encontrar" /> <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/onde-encontrar" /> <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/onde-encontrar" /> <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" } }, { "@type": "ListItem", "position": "2", "item": { "@id": "https://www.medley.com.br/onde-encontrar", "name": "Onde Encontrar Medicamentos Medley | Medley " } }, { "@type": "ListItem", "position": "3", "item": { "@id": "https://www.medley.com.br/onde-encontrar", "name": "Onde Encontrar Medicamentos Medley | Medley " } } ] } </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" /> <link href="/dam/resources/medley-com-br/css/site.css" rel="stylesheet"> <link href="/dam/resources/medley-com-br/css/page.css" rel="stylesheet"> <link href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" rel="stylesheet"> </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> #address-search { width: 80%; max-width: 400px; } #\34 144092e-f7d3-4726-b411-9e7d23ee45cc > div > div > div.ContentGrid.container.mx-auto > div > div > div > div > div.coveredContent.overflow-hidden.container.max-w-full.mx-auto.lg\:pt-0.lg\:pb-0.md\:pt-0.md\:pb-0.pt-0.pb-0 > div > div.coveredContent.md\:w-6\/12.z-10 > div > div > div > div > div > div > img { object-fit: fill; max-height: 350px } .score-center { display: none; } #mapid { 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-primary1 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-primary1 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> <nav class="font-body font-normal text-xs breadcrumbs bg-white text- px-4 lg:px-0 py-3 md:py-4 md:block hidden " aria-label="breadcrumbs" role="navigation"> <div class="container"> <ul class="flex flex-wrap flex-row "> <li class="contents"> <a href="/" class="flex items-center"> <span class="underline truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-xs">Medley</span> <svg class="w-3 h-3 inline mx-1 fill-current fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/angle-right.svg#angle-right"></use> </svg> </a> </li> <li class="contents"> <span class="truncate overflow-ellipsis w-auto max-w-128 md:max-w-none inline-block text-xs">Onde Encontrar Medicamentos Medley | Medley </span> </li> </ul> </div> </nav> <section id="4144092e-f7d3-4726-b411-9e7d23ee45cc" class="contentGridItem--4144092e-f7d3-4726-b411-9e7d23ee45cc contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4144092e-f7d3-4726-b411-9e7d23ee45cc 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 px-0 md:px-8 lg:px-8 self-auto coveredContent--section block bg-no-repeat " x-data="" dir="ltr"> <div class="background--8baaa7f5-b781-4226-881d-95e64ee97437 py-0 bg-transparent relative z-10"> <div class="coveredContent overflow-hidden 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 flex-col md:flex-row justify-center w-full h-full "> <div class="coveredContent md:w-6/12 z-10"> <div class="flex flex-wrap w-full "> <div class="flex flex-col 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-0 px-0 md:px-0 lg:px-0 self-auto 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="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 700w" 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/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 700w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="714" height="543" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/conta-mana/img-mapa-2.png/jcr:content/img-mapa-2.png 700w" class="w-full lazyload " data-sizes="auto" alt="Um mapa" /> </picture> <div class="cardImageOverlay absolute top-0 left-0 w-full h-full block opacity-10 bg-black" ></div> </div> </div> </div> </div> </div><div class="coveredContent md:w-6/12 -mt-8 md:-ml-8 md:mt-0 lg:-ml-8 flex z-20 w-full"> <div class="flex flex-wrap w-full "> <div class="flex flex-col 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="75b83ef8-ac51-42cf-a85f-e117f0c8e4e3" class="contentGridItem--75b83ef8-ac51-42cf-a85f-e117f0c8e4e3 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--75b83ef8-ac51-42cf-a85f-e117f0c8e4e3 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 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-11/12 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="d8f5cf27-5aae-4958-9d31-f496ecc04ef2" class="contentGridItem--d8f5cf27-5aae-4958-9d31-f496ecc04ef2 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--d8f5cf27-5aae-4958-9d31-f496ecc04ef2 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 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-11/12 md:w-full lg:w-full self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-8 px-4 md:px-8 lg:px-4 self-center contentBlock flex flex-col text-center md:text-center lg:text-center text-white bg-primary1 primary1" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h2 class="contentBlock__title text-title-3 font-title text-white">ENCONTRE A FARMÁCIA MAIS PRÓXIMA</h2> </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> </div> <div class=""></div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> <main role="main" id="main" class="relative flex-1" > <section id="f82497c9-1168-4943-aeaf-dba55b874694" class="contentGridItem--f82497c9-1168-4943-aeaf-dba55b874694 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--f82497c9-1168-4943-aeaf-dba55b874694 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 lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-4 px-4 md:px-8 lg:px-4 self-auto carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-12 " data-uuid="f6e0ee56-bab8-4151-bbc2-5d9fc95873c9" data-dir="ltr" data-autoplay="false" data-autoHeight="false" data-controls="true" data-pagination="true" data-loop="true" data-itemsPerSlide="1" data-itemsPerSlideTablet="1" data-itemsPerSlideDesktop="6" data-controlsLabel="Controls" data-paginationLabel="Pagination" data-paginationBulletLabel="Page" data-paginationActiveBulletLabel="Current page" aria-roledescription="carousel" aria-label="Carousel" dir="ltr"> <div class="flex flex-col-reverse" x-data="carousel()" x-init="setCarouselID('01df798b-ccd4-48aa-b34d-02f8b82dc976')" x-cloak> <div class="carousel__controls"> <button class="carousel__controls--prev transform -translate-y-12 bg-primary1 text-primary1 w-8 h-8 rounded-full absolute top-2/4 left-0" aria-controls="myCarousel-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-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-12 bg-primary1 text-primary1 w-8 h-8 rounded-full absolute top-2/4 right-0" aria-controls="myCarousel-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-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 class=" "> <div class="carousel__slides w-full flex relative" dir="ltr"> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.farmadireta.com.br/?utm_source=site-medley&utm_medium=referral" 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:7a09355c-1060-4a29-a488-8f12d10a5361/farmadireta.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:7a09355c-1060-4a29-a488-8f12d10a5361/farmadireta.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:7a09355c-1060-4a29-a488-8f12d10a5361/farmadireta.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogaraia.com.br/" 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:5a6ca583-62ca-4b35-a586-991636c57178/raia.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:5a6ca583-62ca-4b35-a586-991636c57178/raia.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:5a6ca583-62ca-4b35-a586-991636c57178/raia.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogasil.com.br/" 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:6c95cd2b-02c2-4e58-8669-35b28226aaf4/drogasil.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:6c95cd2b-02c2-4e58-8669-35b28226aaf4/drogasil.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:6c95cd2b-02c2-4e58-8669-35b28226aaf4/drogasil.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogariavenancio.com.br/" 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:113d0796-2556-4515-a723-7ee98c1ad85c/venancio.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:113d0796-2556-4515-a723-7ee98c1ad85c/venancio.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:113d0796-2556-4515-a723-7ee98c1ad85c/venancio.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.araujo.com.br/" 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:0a3afb39-cce0-478a-bb2d-fef1375c04aa/araujo.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:0a3afb39-cce0-478a-bb2d-fef1375c04aa/araujo.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:0a3afb39-cce0-478a-bb2d-fef1375c04aa/araujo.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.panvel.com/" 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:1b1a7cb4-ee76-4ca7-8e23-9d76f3ca9919/panvel.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1b1a7cb4-ee76-4ca7-8e23-9d76f3ca9919/panvel.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:1b1a7cb4-ee76-4ca7-8e23-9d76f3ca9919/panvel.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.onofre.com.br/" 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:61128881-c843-4a0a-83fe-5eb23961f59a/onofre.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:61128881-c843-4a0a-83fe-5eb23961f59a/onofre.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:61128881-c843-4a0a-83fe-5eb23961f59a/onofre.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogariasoares.com.br/" 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:1d19b928-d28a-4acd-aa1a-d8c4e95556aa/soares.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:1d19b928-d28a-4acd-aa1a-d8c4e95556aa/soares.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:1d19b928-d28a-4acd-aa1a-d8c4e95556aa/soares.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogal.com.br/" 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:ffb4cd18-5c8f-4523-9347-9e7a7968d3ef/drogal.png 134w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:ffb4cd18-5c8f-4523-9347-9e7a7968d3ef/drogal.png 134w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="134" height="134" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:ffb4cd18-5c8f-4523-9347-9e7a7968d3ef/drogal.png 134w" class="w-full tns-lazy-img " data-sizes="auto" alt="logo-drogal" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-center imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.precopopular.com.br/" 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:96601ec1-e108-44de-9b16-14013f4b9ff6/farma-popular.png" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:96601ec1-e108-44de-9b16-14013f4b9ff6/farma-popular.png" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="400" height="400" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:96601ec1-e108-44de-9b16-14013f4b9ff6/farma-popular.png" class="w-full tns-lazy-img " data-sizes="auto" alt="logo-drogal" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.drogariacatarinense.com.br/" 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:7fed1322-d394-4ccc-8019-dfd1e3ed7fb2/Artboard%201.png" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:7fed1322-d394-4ccc-8019-dfd1e3ed7fb2/Artboard%201.png" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="400" height="400" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:7fed1322-d394-4ccc-8019-dfd1e3ed7fb2/Artboard%201.png" class="w-full tns-lazy-img " data-sizes="auto" alt="logo-drogal" /> </picture> </div> </span> </a> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="01df798b-ccd4-48aa-b34d-02f8b82dc976"> <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-0 px-4 md:px-8 lg:px-0 self-auto imageAttachment bg-transparent bg-transparent" x-data="" dir="ltr"> <a href="https://www.farmagora.com.br/" 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:be544f64-0e9b-4df0-942d-5e787d2abd8f/farma-agora.png" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/dam/jcr:be544f64-0e9b-4df0-942d-5e787d2abd8f/farma-agora.png" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="400" height="400" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/dam/jcr:be544f64-0e9b-4df0-942d-5e787d2abd8f/farma-agora.png" class="w-full tns-lazy-img " data-sizes="auto" alt="logo-drogal" /> </picture> </div> </span> </a> </div> </div> </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 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="70a9cabb-a363-4740-a2e9-c1804177e2f7" class="contentGridItem--70a9cabb-a363-4740-a2e9-c1804177e2f7 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--70a9cabb-a363-4740-a2e9-c1804177e2f7 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-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-4 md:py-4 lg:py-4 px-0 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <div class="score-center"> <div class="text-component"> <h1>Encontre a farmácia mais próxima</h1> </div> <div class="text-component"> <input type="text" placeholder="Digite o endereço ou CEP" id="address-search" class="rounded-md border-2 mr-6 w-full h-full h-10 pac-target-input" autocomplete="off" style="border-color: #e5e7eb; border-radius: .375rem"> </div> </div> <div id="mapid" class="text-component"> <div id="mapid"> </div> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </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('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> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://www.gstatic.com/firebasejs/5.9.4/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/5.9.4/firebase-database.js"></script> <script src="https://cdn.firebase.com/libs/geofire/5.0.1/geofire.min.js"></script> <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js"></script> <script type="text/javascript" src="/dam/resources/medley-com-br/js/site.js"></script> <script type="text/javascript" src="/dam/resources/medley-com-br/js/page.js"></script> </body> </html>

CINXE.COM

Onde Encontrar Medicamentos Medley | Medley