Medley Genéricos - Referência em Medicamentos Genéricos

<!DOCTYPE html> <html lang="pt-BR" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet preload prefetch" as="style" href="/.css/theme.css?x-sny-siteoverride=medley-com-br"> <link rel="stylesheet preload prefetch" href="/.resources/sanofi-lm-platform/themes/sanofi-platform/dist/common~2025-03-14-18-14-54-000~cache.css" as="style" type="text/css" /> <script class="site-data"> var ua = navigator.userAgent; var device = /(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua) ? "tablet" : (/Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(ua) ? "mobile" : "desktop") window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "siteType": "brand", "brandWebsiteType": "multibrand", "brand": "Multi-Brand", "gbu": "GBU - General medicines", "region": "amer", "country": "brazil", "franchise": "", "therapeutic_area": "", "platform": "magnolia", "language": "pt", "pageName": "Medley Genéricos - Referência em Medicamentos Genéricos | 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>Medley Genéricos - Referência em Medicamentos Genéricos | Medley</title> <meta name="title" content="Medley Genéricos - Referência em Medicamentos Genéricos | Medley" /> <meta name="description" content="A Medley é referência no segmento de genéricos no Brasil. Inovação, respeito, eficácia e qualidade em medicamentos. Saiba mais!" /> <meta name="algo:security" content="UNLOCKED" /> <meta name="algo:id" content="e824cdc4-e22d-41cf-a41b-eb83bfce5786_pt-BR" /> <meta name="algo:categories" content="" /> <meta name="algo:roles" content="" /> <meta property="og:title" content="Medley Genéricos - Referência em Medicamentos Genéricos | Medley" /> <meta property="og:description" content="A Medley é referência no segmento de genéricos no Brasil. Inovação, respeito, eficácia e qualidade em medicamentos. Saiba mais!" /> <meta property="og:url" content="https://www.medley.com.br/generico" /> <meta property="og:site_name" content="Medley" /> <meta property="og:locale" content="pt_BR" /> <meta property="og:locale:alternate" content="" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Medley Genéricos - Referência em Medicamentos Genéricos | Medley" /> <meta name="twitter:description" content="A Medley é referência no segmento de genéricos no Brasil. Inovação, respeito, eficácia e qualidade em medicamentos. Saiba mais!" /> <meta name="twitter:url" content="https://www.medley.com.br/generico" /> <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/generico" /> <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/generico", "name": "Medley Genéricos - Referência em Medicamentos Genéricos | Medley" } }, { "@type": "ListItem", "position": "3", "item": { "@id": "https://www.medley.com.br/generico", "name": "Medley Genéricos - Referência em Medicamentos Genéricos | 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" /> </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> <a href="#main" class="skipToMainContent skip font-body bg-primary2 text-white fixed top-0 left-0 z-0 opacity-0 focus:z-40 focus:opacity-100 px-5 py-3">Skip to main content</a> <div x-data="stickyHeader" @resize.window.throttle="setHeaderTop" class="endorsementBar bg-primary1 z-30 top-0 border-b-2 lg:border-b-0 block relative lg:relative"> <div class="mx-auto w-full flex justify-between items-center content-center p-4" x-data=""> <p class="text-white visible md:visible lg:visible font-body text-xs pr-4">Só para não profissionais de saúde residentes no Brasil</p> <img role="banner" class="Image max-h-4" src="/dam/jcr:75d6777f-53a5-415a-9b63-663cf9f02e8b/newsanofilogo.svg" alt=""> </div> </div> <header class="z-40 relative" role="banner"> <script type="text/javascript"> document.addEventListener("alpine:init", () => { Alpine.data("nav", () => ({ next: "", depth: 0, showSkip: false, activeNav: "", nextElement: null, currentNavItem: null, nextNavItem: null, currentSubNav: null, nextSubNavItem: null, setNextSkipText(e) { const elem = e.target; if (!elem) return; const nextElement = elem.nextElementSibling; this.currentNavItem = elem; this.nextNavItem = nextElement; if (nextElement && nextElement.dataset) { this.nextElement = nextElement; this.next = nextElement.dataset.linkText; } else { this.nextElement = null; this.next = ""; } }, setSkipLink(e) { this.showSkip = true; const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; const isNavItemLink = elem.classList.contains("nav__item"); const isFirstSubNavItemLink = elem.classList.contains("subNav__firstItem"); if (isNavItemLink) { // shift + tab or last nav link if (isShiftTabPressed || !this.nextNavItem) return; e.preventDefault(); this.focusNextTabbableElement(elem); } else if (isFirstSubNavItemLink && isShiftTabPressed) { this.setNextSkipText(this.currentNavItem); } }, skipItemLink(e) { const elem = e.target; const isShiftTabPressed = e.shiftKey && e.which === 9; if (isShiftTabPressed) { e.preventDefault(); let navListItem = elem.parentNode.previousElementSibling; if (navListItem && navListItem.classList.contains("subNav__title")) { navListItem = navListItem.previousElementSibling; if (navListItem.classList.contains("subNav__skipListItem")) { const isFirstSubNav = navListItem.dataset.depth === 0; if (isFirstSubNav) { if (this.nextNavItem) { this.next = this.nextNavItem.dataset.linkText; } } else { if (this.nextSubNavItem) { this.next = this.nextSubNavItem.dataset.linkText; } } } } if (!navListItem) { this.focusNextElement(); } else { this.focusNextTabbableElement(navListItem); } } }, skipSubNavButton(e) { const elem = e.target; const nextListItem = elem.parentNode.nextElementSibling; const isShiftTabPressed = e.shiftKey && e.which === 9; const isSubNavItemNextButton = elem.classList.contains( "subNav__itemNextButton" ); if (isShiftTabPressed && isSubNavItemNextButton) { elem.previousElementSibling.focus(); } else if (!nextListItem) { this.focusNextElement(); } else { e.preventDefault(); const nextTabElem = elem.parentNode.nextElementSibling.querySelector(".subNav__itemLink"); if (nextTabElem) nextTabElem.focus(); } }, setSkipSubNavButton(e) { const elem = e.target; const nextSubNavItem = e.target.parentNode.nextElementSibling; this.nextSubNavItem = nextSubNavItem; this.currentSubNav = elem.nextElementSibling; if (nextSubNavItem) { this.nextElement = nextSubNavItem.querySelector(".subNav__itemLink"); this.next = nextSubNavItem.dataset.linkText; } else { const nextNavItem = this.currentNavItem.nextElementSibling; if (nextNavItem && nextNavItem.dataset) { this.next = nextNavItem.dataset.linkText; } else { this.next = ""; } } this.focusNextTabbableElement(this.currentSubNav); }, focusNextTabbableElement(container) { // waits for DOM to update setTimeout(function () { const nextTabElem = container.querySelector( "[tabindex]:not([disabled]):not([tabindex='-1'])" ); if (!nextTabElem) return; nextTabElem.focus(); }, 50); }, focusNextElement() { if (this.depth < 0) { this.depth = 0; } this.nextElement.focus(); }, get skipToNextLinkText() { if (this.next === "") return ""; return "Skip to " + this.next; }, })); }); </script> <nav role="navigation" class="relative nav bg-white text-primary1 border-b z-30 top-0 sticky w-full h-auto lg:min-h-24" aria-label="menu" x-data="nav" @setActiveNav="activeNav=$event.detail.id" @isActiveNav="activeNav == $event.detail.id" > <div class="mx-auto container px-4 lg:px-0"> <div class="nav__desktop lg:flex hidden md:items-center"> <a href="/" class="nav__inner ml-0 py-2 md:py-4 nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto pr-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <div class="nav__left pt-0 md:pt-2 justify-center flex ml-12 w-full" @mouseout.outside="$dispatch('setActiveNav', { id: '' })" > <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="CONHEÇA A MEDLEY" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' }) }" > <a href="/conheca-a-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> CONHEÇA A MEDLEY </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> CONHEÇA A MEDLEY </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/conheca-a-medley" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> CONHEÇA A MEDLEY </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Sobre nós"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/sobre-nos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Sobre nós </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Código de ética"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/codigo-de-etica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Código de ética </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Essência Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/essencia-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Essência Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Gestão de qualidade"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/gestao-de-qualidade" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Gestão de qualidade </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Medley e o Comitê Olímpico do Brasil"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/medley-cob" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Medley e o Comitê Olímpico do Brasil </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Projetos incentivados - Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/responsabilidade-social" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Projetos incentivados - Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde, segurança e meio ambiente"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/saude-seguranca-meio-ambiente" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde, segurança e meio ambiente </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Imprensa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/imprensa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Imprensa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Prêmios"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/premios-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Prêmios </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="PRODUTOS" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' }) }" > <a href="/produtos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> PRODUTOS </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> PRODUTOS </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/produtos" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> PRODUTOS </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="MEDICAMENTOS"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/produtos/medicamento" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> MEDICAMENTOS </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="SAÚDE E BEM-ESTAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' }) }" > <a href="/saude-e-bem-estar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> SAÚDE E BEM-ESTAR </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> SAÚDE E BEM-ESTAR </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/saude-e-bem-estar" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> SAÚDE E BEM-ESTAR </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Mental "> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-mental" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Mental </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Física"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-fisica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Física </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Conta, mana"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/conta-mana" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Conta, mana </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Genéricos, similares e referência"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/generico" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Genéricos, similares e referência </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Campanhas"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/campanhas" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Campanhas </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="FALE CONOSCO" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' }) }" > <a href="/fale-conosco" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> FALE CONOSCO </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex items-start h-full normal-case lg:text-primary1" data-link-text="ONDE ENCONTRAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' }) }" > <a href="/onde-encontrar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class="hover:text- border-b hover:border-primary1 border-transparent group-hover:border-primary1"> ONDE ENCONTRAR </span> </a> </div> </div> </div> </div> <div class="nav__mobile lg:hidden"> <div class="flex justify-between items-center"> <a href="/" class=" nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <div class="nav__mobile__right flex flex-row items-center ml-4"> <div class="globalHeader__icons flex justify-evenly"> </div> <button class="nav__mobile__button flex items-center justify-center relative ml-2" aria-label="open menu"> <svg class="w-7 h-7 fill-current ml-2 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/bars.svg#bars"></use> </svg> </button> </div> </div> <div dir="ltr" class="nav__mobile__menu w-full fixed overflow-hidden z-50 transition-all duration-50 left-0 top-0"> <div class="nav__mobile__menuItems bg-white flex justify-between items-center py-0 px-4 border-b w-full transition-all duration-700 ease-in-out"> <a href="/" class=" nav__logoWrap--resize" data-gtmSubSection="logo" data-gtmElement="logo"> <img width="163" height="114" class="Image nav__logo max-w-60 max-h-15 md:block h-auto py-2" src="/dam/jcr:8349cd40-d98b-4c1a-98da-5da585c28397/Logo.png" alt="Medley – Eficaz em tudo que faz | go to homepage"> </a> <button class="flex items-center justify-center nav__mobile__close relative ml-4" aria-label="close menu"> <svg class="w-7 h-7 fill-current ml-1 fill-current" aria-hidden="true" role="img"> <use xlink:href="/.resources/sanofi-lm-platform/themes/sanofi-platform/src/img/icons/global/times.svg#times"></use> </svg> </button> </div> <div class="nav__mobile__navList flex flex-col overflow-y-auto"> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out"> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="CONHEÇA A MEDLEY" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '3d2d0188-7492-4917-9ace-349fa6dd9ffb' }) }" > <a href="/conheca-a-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> CONHEÇA A MEDLEY </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> CONHEÇA A MEDLEY </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/conheca-a-medley" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> CONHEÇA A MEDLEY </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Sobre nós"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/sobre-nos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> Sobre nós </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Código de ética"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/codigo-de-etica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Código de ética </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Essência Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/essencia-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Essência Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Gestão de qualidade"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/gestao-de-qualidade" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Gestão de qualidade </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Medley e o Comitê Olímpico do Brasil"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/medley-cob" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Medley e o Comitê Olímpico do Brasil </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Projetos incentivados - Medley"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/responsabilidade-social" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Projetos incentivados - Medley </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde, segurança e meio ambiente"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/saude-seguranca-meio-ambiente" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde, segurança e meio ambiente </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Imprensa"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/imprensa" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Imprensa </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Prêmios"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/conheca-a-medley/premios-medley" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Prêmios </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="PRODUTOS" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '326087df-8023-405d-8ff9-e8e1b953d654' }) }" > <a href="/produtos" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> PRODUTOS </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> PRODUTOS </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/produtos" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> PRODUTOS </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="MEDICAMENTOS"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/produtos/medicamento" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base subNav__firstItem" data-gtmSection="header" data-gtmSubSection="menu"> MEDICAMENTOS </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="SAÚDE E BEM-ESTAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'c365c40a-7218-4a06-aee7-e7c539057927' }) }" > <a href="/saude-e-bem-estar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> SAÚDE E BEM-ESTAR </span> </a> <button class="font-body inline-block px-6 pt-6 pb-2 h-full subNav__itemNextButton lg:hidden" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--right"></i> </button> <div class="text-primary1 hover:border-primary1 hover:text-primary1 subNav z-40 subNav--mobile h-screen z-50 left-0 w-full absolute hidden overflow-x-hidden bg-white subNav--0 overflow-hidden absolute top-full"> <div class="subNav__bg absolute w-full h-full top-0 left-0 right-0 bottom-0 bg-white opacity-00"></div> <div class="border-b px-6 py-4 w-full block lg:hidden"> <button class="font-navigation subNav__back inline-block text-xl font-semibold relative" aria-label="go to sub menu"> <i class="icon chevron border-primary1 hover:border-primary1 chevron--left mr-4"></i> SAÚDE E BEM-ESTAR </button> </div> <div x-data="nav" class="subNav__container h-full lg:container pt-0 md:pt-4 flex flex-row relative"> <ul class="subNav__list flex flex-col w-full z-00 overflow-y-auto"> <li x-show="showSkip && depth == 0" tabindex="-1" class="subNav__skipListItem" data-depth="0"> <button tabindex="0" class="font-body nav__itemSkipButton my-2 text-xs border-0 font-thin transition-none" x-html="skipToNextLinkText" @keydown.tab="next = '';setSkipLink($event)" @keydown.enter.prevent="depth--; next = ''; focusNextElement()" @keydown.space.prevent="depth--; next = ''; focusNextElement()" ></button> </li> <li class="subNav__title text-2xl py-4 lg:py-0 px-12 uppercase hidden lg:block" tabindex="-1"> <a href="/saude-e-bem-estar" tabindex="0" target="_self" class="" data-gtmSection="header" data-gtmSubSection="menu"> SAÚDE E BEM-ESTAR </a> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Mental "> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-mental" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Mental </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Saúde Física"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/saude-fisica" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Saúde Física </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Conta, mana"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/conta-mana" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Conta, mana </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Genéricos, similares e referência"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/generico" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Genéricos, similares e referência </a> </div> </li> <li dir="ltr" class="subNav__item items-start md:items-center font-medium px-0 lg:px-6 py-4 lg:py-0 border-b lg:border-none md:w-full flex flex-col md:flex-row uppercase" data-link-text="Campanhas"> <div class="subNav__itemWrap flex flex-row w-full"> <a href="/saude-e-bem-estar/campanhas" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation subNav__itemLink hover:underline border-0 px-12 py-4 text-link font-medium inline-block w-full md:text-base " data-gtmSection="header" data-gtmSubSection="menu"> Campanhas </a> </div> </li> </ul> </div> </div> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="FALE CONOSCO" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: 'd076a009-5e5f-401c-8872-330d6455682f' }) }" > <a href="/fale-conosco" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> FALE CONOSCO </span> </a> </div> </div> <div > <div class="nav__item group justify-between flex border-b items-center text-primary1 normal-case lg:text-primary1" data-link-text="ONDE ENCONTRAR" @focus="setNextSkipText($event); showSkip = false" @keydown.tab="setSkipLink($event)" @mouseover="showSkip = false; $dispatch('setActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' })" :class="{ 'nav__item--active': $dispatch('isActiveNav', { id: '6dbd758f-0d75-434f-8e42-6631cdc5d63b' }) }" > <a href="/onde-encontrar" tabindex="0" target="_self" aria-haspopup="true" tabindex="-1" class="font-navigation nav__itemLink relative font-extralight md:font-normal text-link border-white px-3 py-8" data-gtmSection="header" data-gtmSubSection="menu"> <span class=" border-b hover:border-primary1 border-transparent group-hover:border-primary1"> ONDE ENCONTRAR </span> </a> </div> </div> </div> <div class="nav__mobile__menu__main h-auto relative right-0 transition-all duration-300 ease-in-out border-b"> </div> </div> </div> </div> </div> </nav> </header> <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">Medley Genéricos - Referência em Medicamentos Genéricos | Medley</span> </li> </ul> </div> </nav> <section id="13d30312-2766-4a17-83ab-e441f93ffb5b" class="contentGridItem--13d30312-2766-4a17-83ab-e441f93ffb5b contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--13d30312-2766-4a17-83ab-e441f93ffb5b py-0 text-primary h-full animateImage default 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--260271e1-3332-4936-b5e6-6f7e4ffa8d85 py-4 bg-transparent relative z-10"> <div class="coveredContent overflow-hidden container mx-auto lg:pt-8 lg:pb-0 md:pt-8 md:pb-0 pt-8 pb-0"> <div class="flex flex-col md:flex-row justify-center w-full h-full "> <div class="coveredContent md:w-7/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-8 lg:px-8 self-auto imageAttachment bg-tertiary4 bg-tertiary4" 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/vitamedley/header-01-2.png/jcr:content/header-01-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 900w" 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/vitamedley/header-01-2.png/jcr:content/header-01-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 900w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1200" height="493" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 400w, /.imaging/webp/sanofi-platform/img-w500/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 500w, /.imaging/webp/sanofi-platform/img-w600/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 600w, /.imaging/webp/sanofi-platform/img-w700/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 700w, /.imaging/webp/sanofi-platform/img-w800/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 800w, /.imaging/webp/sanofi-platform/img-w900/dam/medley-com-br/vitamedley/header-01-2.png/jcr:content/header-01-2.png 900w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </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 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="99d2a788-7936-4bf6-a59d-54127741a8a4" class="contentGridItem--99d2a788-7936-4bf6-a59d-54127741a8a4 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--99d2a788-7936-4bf6-a59d-54127741a8a4 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="9b90e5cd-8f5f-4ed7-8553-ff4088adc19d" class="contentGridItem--9b90e5cd-8f5f-4ed7-8553-ff4088adc19d contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--9b90e5cd-8f5f-4ed7-8553-ff4088adc19d 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-8 md:py-4 lg:py-8 px-4 md:px-0 lg:px-0 self-center contentBlock flex flex-col text-center md:text-center lg:text-center text-white bg-secondary1 secondary1" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h1 class="contentBlock__title text-title-1 font-title text-white">GENÉRICOS, SIMILARES E REFERÊNCIA</h1> </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="853ebaba-5c3b-48c0-86e9-f4cccf818b27" class="contentGridItem--853ebaba-5c3b-48c0-86e9-f4cccf818b27 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--853ebaba-5c3b-48c0-86e9-f4cccf818b27 py-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-11/12 md:w-11/12 lg:w-11/12 self-center " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-8 px-4 md:px-4 lg:px-4 self-center contentBlock flex flex-col text-center md:text-center lg:text-center text- bg-secondary8 secondary8" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h5 class="contentBlock__title text-size-default font-title text-white">Cuidamos de cada detalhe em cada caixinha que vai para sua casa, entenda como aqui.</h5> </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 lg:w-6/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 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="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/imag1.jpg/jcr:content/imag1.jpg 400w" 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/vitamedley/imag1.jpg/jcr:content/imag1.jpg 400w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="500" height="279" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/imag1.jpg/jcr:content/imag1.jpg 400w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </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 lg:w-5/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg-secondary1 secondary1" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p>Os medicamentos genéricos, de fato, possuem a mesma eficácia e segurança do medicamento de referência podendo, assim, substituir o chamado "remédio de marca". Quando aprovado pela Anvisa, o medicamento genérico precisa apresentar o(s) mesmo(s) princípio(s) ativo(s), a mesma dose e forma farmacêutica e ser administrado pela mesma via e com a mesma posologia e indicação terapêutica do medicamento de referência.</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 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-center md:text-center lg:text-center text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-center md:justify-center lg:justify-center "> <h3 class="contentBlock__title text-size-default font-title text-">Primos: qual a diferença entre genéricos, similares e referência.1</h3> </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 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 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="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/2-01.png/jcr:content/2-01.png 400w" 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/vitamedley/2-01.png/jcr:content/2-01.png 400w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="450" height="445" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/2-01.png/jcr:content/2-01.png 400w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </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 lg:w-9/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-black bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><strong>Referência:</strong> são os medicamentos inovadores registrados no Brasil, cuja eficácia, segurança e qualidade são comprovados cientificamente no registro junto à Anvisa. Os laboratórios farmacêuticos têm exclusividade sobre a comercialização da fórmula durante o período da patente, que pode durar entre 10 e 20 anos.</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 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 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="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/3-01.png/jcr:content/3-01.png 400w" 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/vitamedley/3-01.png/jcr:content/3-01.png 400w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="450" height="445" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/3-01.png/jcr:content/3-01.png 400w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </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 lg:w-9/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-black bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><strong>Similar:</strong> contém o mesmo princípio ativo, concentração, forma farmacêutica, via de administração, indicação terapêutica e posologia do medicamento de referência, mas pode diferir em características relativas ao tamanho e forma do produto, prazo de validade, embalagem, rotulagem, excipientes (substâncias que completam a massa ou volume do remédio) e veículo (substâncias que ajudam na incorporação ou diluição dos ingredientes), devendo sempre ser identificado por nome comercial ou marca. Assim como no caso dos genéricos, a apresentação de testes de bioequivalência à Anvisa são obrigatórios para a comercialização dos similares.</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 lg:w-3/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 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="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/4-01.png/jcr:content/4-01.png 400w" 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/vitamedley/4-01.png/jcr:content/4-01.png 400w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="450" height="445" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img-w400/dam/medley-com-br/vitamedley/4-01.png/jcr:content/4-01.png 400w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </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 lg:w-9/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-black bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><strong>Genérico:</strong> contém o mesmo princípio ativo, dose e forma farmacêutica do medicamento de referência. É administrado pela mesma via e com a mesma indicação terapêutica, proporcionando igual eficácia e segurança. A produção do genérico é liberada após a expiração da patente do medicamento de referência.</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 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 items-center self-auto bg-transparent" x-data="" dir="ltr"> <section id="4403365f-ef21-48d1-91e2-1a8750751447" class="contentGridItem--4403365f-ef21-48d1-91e2-1a8750751447 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--4403365f-ef21-48d1-91e2-1a8750751447 py-4 md:py-4 lg:py-4 px-4 md:px-8 lg:px-8 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-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-white bg-primary1 primary1" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p>O genérico é intercambiável com o medicamento de referência. A substituição do medicamento de referência pelo seu genérico é assegurada por testes de bioequivalência apresentados à Anvisa. A troca pode ser realizada pelo farmacêutico responsável.</p> <p>Se a eficácia é a mesma, por que o genérico é mais barato? Como a maioria dos estudos de eficácia e segurança foram realizados no momento da criação do remédio de referência, o genérico acaba custando menos para o consumidor final.</p> </div> </div> </div> </div> </div> <div class=""></div> </div> </div> </section> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-0 lg:py-0 px-8 md:px-16 lg:px-16 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text-primary1 bg- bg-transparent" x-data="" dir="ltr"> <div class="rich-text mt-3 text-base font-body"> <p><span class="text-body-5">Conteúdo “Primos: qual a diferença entre genéricos, similares e referência"<br /> Produzido por Abril Branded Content<br /> Texto: Daniele Zebini<br /> Ilustrações Leo Natsume.<br /> <strong>1. ANVISA. Saiba a diferença entre medicamentos de referência, similares e genéricos. [acesso em 11 jul 2018]. Disponível em: </strong>https://bit.ly/2Hp4GOs</span></p> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full md:w-full lg:w-full self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-0 md:px-0 lg:px-0 self-auto carousel block bg-transparent" x-data="" dir="ltr"> <div class="flex flex-col carousel__wrap relative px-12 " data-uuid="18671551-b1c3-472c-9e5b-aceeb4781482" data-dir="ltr" data-autoplay="false" data-autoHeight="false" data-controls="true" data-pagination="true" data-loop="false" data-itemsPerSlide="1" data-itemsPerSlideTablet="2" data-itemsPerSlideDesktop="3" 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('821f2aec-589c-4396-a423-f9d91b81a05f')" 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="821f2aec-589c-4396-a423-f9d91b81a05f"> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div x-data="{id: 'b7677f61-a5d1-4148-ac63-97e140912e06'}" class="z-20"> <div @click.stop="$dispatch('open-modal',{id})" class="card__video-container w-full flex-none"> <div class="uiImage relative block w-full card__image bg-black bg-opacity-30" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1919" height="1079" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/generico-referencia.png/jcr:content/generico-referencia.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> <button class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play Qual a diferença entre o medicamento genérico e o referência?" @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': 'Qual a diferença entre o medicamento genérico e o referência?', 'position': 1, 'context': 'other' }) " ></button> </div> </div> </div> <div class="card__content w-full z-10 flex flex-col p-7"> <h3 class="font-card text- ">Qual a diferença entre o medicamento genérico e o referência?</h3> </div> </div> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('b7677f61-a5d1-4148-ac63-97e140912e06'); initState(false); validateStorage('', 'cookies'); appendToBody();" 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 == 'b7677f61-a5d1-4148-ac63-97e140912e06') 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-b7677f61-a5d1-4148-ac63-97e140912e06" data-id="b7677f61-a5d1-4148-ac63-97e140912e06" data-gtmContext="other" aria-modal="true" class="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 lg: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 x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-default "> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="b7677f61-a5d1-4148-ac63-97e140912e06" id="dam-video-player-b7677f61-a5d1-4148-ac63-97e140912e06" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="220530-MEDLEY_01_16x9" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:e98a46aa-6bdf-4dd8-a78c-bd47b4b66e60/220530-MEDLEY_01_16x9.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="821f2aec-589c-4396-a423-f9d91b81a05f"> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div x-data="{id: '172d9bf1-11d6-4307-8f4c-d67331349efb'}" class="z-20"> <div @click.stop="$dispatch('open-modal',{id})" class="card__video-container w-full flex-none"> <div class="uiImage relative block w-full card__image bg-black bg-opacity-30" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1919" height="1079" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-sao-iguais.png/jcr:content/genericos-sao-iguais.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> <button class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play Todos os genéricos são iguais?" @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': 'Todos os genéricos são iguais?', 'position': 2, 'context': 'other' }) " ></button> </div> </div> </div> <div class="card__content w-full z-10 flex flex-col p-7"> <h3 class="font-card text- ">Todos os genéricos são iguais?</h3> </div> </div> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('172d9bf1-11d6-4307-8f4c-d67331349efb'); initState(false); validateStorage('', 'cookies'); appendToBody();" 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 == '172d9bf1-11d6-4307-8f4c-d67331349efb') 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-172d9bf1-11d6-4307-8f4c-d67331349efb" data-id="172d9bf1-11d6-4307-8f4c-d67331349efb" data-gtmContext="other" aria-modal="true" class="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 lg: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 x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-default "> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="172d9bf1-11d6-4307-8f4c-d67331349efb" id="dam-video-player-172d9bf1-11d6-4307-8f4c-d67331349efb" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="220530-MEDLEY_02_16x9" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:75477d2e-6e78-4a33-923a-c9bcc36a555c/220530-MEDLEY_02_16x9.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="821f2aec-589c-4396-a423-f9d91b81a05f"> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div x-data="{id: '8dd6c020-b211-4e7d-9063-610cf51edad3'}" class="z-20"> <div @click.stop="$dispatch('open-modal',{id})" class="card__video-container w-full flex-none"> <div class="uiImage relative block w-full card__image bg-black bg-opacity-30" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1917" height="1079" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-confiavel.png/jcr:content/genericos-confiavel.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> <button class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play O medicamento genérico é confiável?" @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': 'O medicamento genérico é confiável?', 'position': 3, 'context': 'other' }) " ></button> </div> </div> </div> <div class="card__content w-full z-10 flex flex-col p-7"> <h3 class="font-card text- ">O medicamento genérico é confiável?</h3> </div> </div> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('8dd6c020-b211-4e7d-9063-610cf51edad3'); initState(false); validateStorage('', 'cookies'); appendToBody();" 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 == '8dd6c020-b211-4e7d-9063-610cf51edad3') 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-8dd6c020-b211-4e7d-9063-610cf51edad3" data-id="8dd6c020-b211-4e7d-9063-610cf51edad3" data-gtmContext="other" aria-modal="true" class="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 lg: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 x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-default "> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="8dd6c020-b211-4e7d-9063-610cf51edad3" id="dam-video-player-8dd6c020-b211-4e7d-9063-610cf51edad3" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="220530-MEDLEY_03_16x9" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:10ac9e22-aa76-4979-a382-0fa31a068d06/220530-MEDLEY_03_16x9.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="821f2aec-589c-4396-a423-f9d91b81a05f"> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div x-data="{id: '5f067bf2-6604-4edf-9f44-575194b85574'}" class="z-20"> <div @click.stop="$dispatch('open-modal',{id})" class="card__video-container w-full flex-none"> <div class="uiImage relative block w-full card__image bg-black bg-opacity-30" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1917" height="1079" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-efeito-referencia.png/jcr:content/genericos-efeito-referencia.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> <button class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play Os medicamentos genéricos têm o mesmo efeito do medicamento referência?" @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': 'Os medicamentos genéricos têm o mesmo efeito do medicamento referência?', 'position': 4, 'context': 'other' }) " ></button> </div> </div> </div> <div class="card__content w-full z-10 flex flex-col p-7"> <h3 class="font-card text- ">Os medicamentos genéricos têm o mesmo efeito do medicamento referência?</h3> </div> </div> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('5f067bf2-6604-4edf-9f44-575194b85574'); initState(false); validateStorage('', 'cookies'); appendToBody();" 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 == '5f067bf2-6604-4edf-9f44-575194b85574') 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-5f067bf2-6604-4edf-9f44-575194b85574" data-id="5f067bf2-6604-4edf-9f44-575194b85574" data-gtmContext="other" aria-modal="true" class="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 lg: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 x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-default "> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="5f067bf2-6604-4edf-9f44-575194b85574" id="dam-video-player-5f067bf2-6604-4edf-9f44-575194b85574" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="220530-MEDLEY_04_16x9" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:c3ba1c35-fb36-4ae5-96f6-953d2894ffaf/220530-MEDLEY_04_16x9.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> </div> </div> <div aria-roledescription="slide" role="group" class="carousel__slide relative" data-carousel-uuid="821f2aec-589c-4396-a423-f9d91b81a05f"> <div style="" class="ContentSectionItem h-full w-full py-0 md:py-8 lg:py-8 px-0 md:px-8 lg:px-8 self-auto h-full m-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div x-data="{id: '4fc37fa4-eadc-41d2-8fc2-565fa61e50a0'}" class="z-20"> <div @click.stop="$dispatch('open-modal',{id})" class="card__video-container w-full flex-none"> <div class="uiImage relative block w-full card__image bg-black bg-opacity-30" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="1917" height="1079" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 767w, /.imaging/webp/sanofi-platform/img400x300/dam/medley-com-br/generico/genericos-vantagens.png0/jcr:content/genericos-vantagens.png 1200w" class="w-full tns-lazy-img " data-sizes="auto" alt="" /> </picture> <button class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play Quais as vantagens do medicamento genérico?" @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': 'Quais as vantagens do medicamento genérico?', 'position': 5, 'context': 'other' }) " ></button> </div> </div> </div> <div class="card__content w-full z-10 flex flex-col p-7"> <h3 class="font-card text- ">Quais as vantagens do medicamento genérico?</h3> </div> </div> <div id="" class="absolute bottom-0 h-0" x-data="modal()" x-init="initFocus('4fc37fa4-eadc-41d2-8fc2-565fa61e50a0'); initState(false); validateStorage('', 'cookies'); appendToBody();" 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 == '4fc37fa4-eadc-41d2-8fc2-565fa61e50a0') 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-4fc37fa4-eadc-41d2-8fc2-565fa61e50a0" data-id="4fc37fa4-eadc-41d2-8fc2-565fa61e50a0" data-gtmContext="other" aria-modal="true" class="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 lg: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 x-data="video({ showTranscript: false, videoType: 'damAsset' })" class="h-full mx-auto bg-default "> <div class="relative video-wrapper bg-black "> <div x-init="initDamVideo()" class="dam-video-player-container"> <video data-uuid="4fc37fa4-eadc-41d2-8fc2-565fa61e50a0" id="dam-video-player-4fc37fa4-eadc-41d2-8fc2-565fa61e50a0" class=" video-player dam-video-player absolute top-1/2 left-1/2 h-full w-full object-contain" width="100%" height="100%" poster="" pause preload="meta" playsinline data-ismuted="true" data-title="220530-MEDLEY_05_16x9" data-gtmContext="other" disablepictureinpicture controlslist="nodownload"> <source src="/dam/jcr:bd2fa49d-7ae0-4a0e-93ca-ce69b9c465c8/220530-MEDLEY_05_16x9.mp4" type="video/mp4"> </video> <button :class="{ 'play-button-pause': damVideoPlayState }" @click="toggleDamVideo()" class="play-button block absolute top-1/2 left-1/2 rounded-full h-20 w-20 text-white bg-black bg-opacity-40 hover:bg-default pointer" data-pause="play" data-play="play" aria-label="play " ></button> <div class="damVideo__overlay absolute top-0 left-0 w-full h-full" @click="toggleDamVideo(); $el.remove()"></div> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("video", config => ({ ...config, showTranscript: config.showTranscript, hidePlayButton: config.hidePlayButton, loadVideo: false, // DAM VIDEO PROPERTIES damVideoPlayState: false, get damVideo() { return this.$el.querySelector("video"); }, initYoutube() { this.$embedYtScript(this.$el.querySelector(".youtube-iframe"), { autoplay: this.loadVideo }); }, initBrightcove() { const video = this.$el.querySelector("video-js"); const config = { autoplay: this.loadVideo }; if (window.bc) { this.$vjsPlayer(window.bc(video), config); } else { this.$embedBrightcoveScript(video, config); } }, initVimeo({ id, gtmContext }) { this.$vimeoPlayer({ alpine: this, id, gtmContext }); }, initDamVideo() { const damVideo = this.$el.querySelector("video"); const unMuteOnPlay = damVideo.dataset.ismuted; const isMuted = unMuteOnPlay === "true"; // Convert to boolean this.damVideo.addEventListener("mousemove", () => { this.resetCountOnMove(this.damVideo); }); this.damVideo.addEventListener("mouseover", () => { this.damVideo.setAttribute("controls", "controls"); }); this.damVideo.addEventListener("play", () => { damVideo.muted = !isMuted; this.damVideoPlayState = true; }); this.damVideo.addEventListener("pause", () => { this.damVideoPlayState = false; }); if (damVideo.autoplay) { damVideo.muted = true; this.toggleDamVideo(true); } this.$damPlayer(damVideo); }, toggleDamVideo(isPaused = this.damVideo.paused) { if (isPaused == true) { this.damVideo.play(); this.damVideoPlayState = true; } else { this.damVideo.pause(); this.damVideoPlayState = false; } if (this.damVideo && !this.damVideo.hasAttribute("controls")) { this.damVideo.setAttribute("controls", "controls"); } }, resetCountOnMove() { window.clearTimeout(window.startCount); window.startCount = window.setTimeout(() => this.damVideo.removeAttribute("controls"), 5000); } })); }); </script> </div> </div> </div> <script type="text/javascript" async> /* eslint-disable */ document.addEventListener("alpine:init", () => { Alpine.data("modal", (config) => { const opts = { focus: false, open: false, focusTrap: null, ...config, }; return { open: opts.open, focus: opts.focus, focusTrap: opts.focusTrap, initState(state) { if (state) { this.open = state; } }, preventScroll() { document.body.style.overflow = "hidden"; }, restoreScroll() { document.body.style.overflow = "auto"; }, initFocus(id) { const container = document.getElementById("modal-" + id); let btn = container.querySelector(".close-modal-btn"); if (container) { const props = { fallbackFocus: container, allowOutsideClick: true, preventScroll: true, onActivate: () => { //set first button as the first focus when modal is opened. bug with this package requires this odd syntax :( setTimeout("document.getElementById('modal-" + id + "').querySelectorAll('button')[0].focus();", 50); }, } if (btn) { props.initialFocus = btn; } this.focusTrap = this.$createFocusTrap("#modal-" + id, props); this.$watch("open", (value) => { if (value === true) { this.focusTrap.activate(); } else { this.focusTrap.deactivate(); } }); } }, pauseVideo() { var videos = document.querySelectorAll("iframe, video"); Array.prototype.forEach.call(videos, function (video) { if (video.tagName.toLowerCase() === "video") { video.pause(); } else { //pause iframe videos without loading/calling the Vimeo ifame api if (video.parentElement.classList.contains("vimeo-iframe")) { video.contentWindow.postMessage(JSON.stringify({ method: "pause" }), "*"); } else { //pause iframe videos without loading/calling the Youtube ifame api video.contentWindow.postMessage(JSON.stringify({ event: "command", func: "stopVideo" }), "*"); } } }); }, validateStorage(name, storageType="cookies") { switch(storageType) { case "session": this.validateSessionStorage(name); break; case "local": this.validateLocalStorage(name); break; default: this.validateCookie(name); } }, validateCookie(name) { const cookie = this.$getCookie(name); if (cookie) { this.open = !cookie; } }, validateSessionStorage(name) { const session = window.sessionStorage.getItem(name); if (session) { this.open = !session; } }, validateLocalStorage(name) { const local = window.localStorage.getItem(name); if (local) { this.open = !local; } }, removeDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.removeAttribute("disabled"); inputElement.checked = true; }, addDisabledAttribute(id) { let inputElement = document.getElementById(id); inputElement.setAttribute("disabled", "disabled"); inputElement.checked = false; }, appendToBody() { document.body.appendChild(this.$el); }, }; }); }); </script> </div> </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 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 self-auto contentBlock flex flex-col text-left md:text-left lg:text-left text- bg- bg-transparent" x-data="" dir="ltr"> <div class="flex items-center justify-start md:justify-start lg:justify-start "> <h2 class="contentBlock__title text-size-default font-title text-">Confira outras curiosidades abaixo:</h2> </div> </div> </div> <div class="gridComponent flex flex-col my-0 px-0 md:my-0 md:px-0 lg:my-0 lg:px-0 w-full self-start " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-4 lg:py-4 px-4 md:px-4 lg:px-4 items-start self-start bg-transparent" x-data="" dir="ltr"> <section id="601ee6c5-0138-43b8-9f82-88d9e5875d24" class="contentGridItem--601ee6c5-0138-43b8-9f82-88d9e5875d24 contentGridItem relative h-full " > <div class="contentGridItem__container relative h-full" dir="ltr"> <div class="background--601ee6c5-0138-43b8-9f82-88d9e5875d24 py-4 md:py-4 lg:py-4 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-start items-start -mx-1 py-1 md:-mx-1 md:py-1 lg:-mx-1 lg:py-1"> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full lg:w-4/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="280" height="186" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/Blog/mitos-e-verdades-genericos/mitos-verdades-card-2.jpg/jcr:content/mitos-verdades-card-2.jpg 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h2 class="font-card text- text-title-5">Mitos e verdades sobre os genéricos</h2> <div class="font-body rich-text mt-2 mb-2 text-"><p>Medicamentos são itens de muita importância, principalmente para quem possui uma doença crônica que necessita de tratamento constante. Foi a partir de 1999 que houve instituição do medicamento genérico no Brasil, o que facilita o acesso dos brasileiros à medicação de qualidade e também mais baratas.</p> </div> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `Mitos e verdades sobre os genéricos`, 'position': 1, 'context': 'other' })" href="/blog/saude-fisica/mitos-e-verdades-sobre-genericos" target="_self" > Saiba mais </a> </div> </div> </div> </div> </div> </div> </div> <div class="gridComponent flex flex-col my-1 px-1 md:my-1 md:px-1 lg:my-1 lg:px-1 w-full lg:w-4/12 self-auto " > <div style="" class="ContentSectionItem h-full w-full py-4 md:py-8 lg:py-8 px-4 md:px-8 lg:px-8 self-auto " x-data="" dir="ltr"> <div class="card--default card bg- text- h-full overflow-hidden flex flex-col transition-all text-default border border-solid border-gray-200 shadow-sm hover:shadow-lg " > <div class="bg-white card__image-container w-full flex-none relative text-white card__fixedRatio"> <div class="uiImage relative block w-full card__image" > <picture> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 1200w" media="(max-width: 767px)" class=" " data-sizes="auto" /> <source srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-srcset="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 1200w" media="(min-width: 768px)" class="" data-sizes="auto" /> <img width="395" height="257" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="/.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 767w, /.imaging/webp/sanofi-platform/img620x465/dam/medley-com-br/generico/ciencia-fabricacao-remedio.png/jcr:content/ciencia-fabricacao-remedio.png 1200w" class="w-full lazyload " data-sizes="auto" alt="" /> </picture> </div> </div> <div class="card__content w-full z-10 flex flex-col flex-grow p-7"> <h2 class="font-card text- text-title-5">A ciência por trás da fabricação dos remédios</h2> <div class="font-body rich-text mt-2 mb-2 text-"><p>Da escolha dos fornecedores da matéria-prima à entrega do produto final nas farmácias, conheça o caminho para produzir remédios de qualidade unindo trabalho humano e tecnologia.</p> <p> </p> </div> <div id="spacer" class="flex-grow "></div> <div class="card__actions" x-data=""> <div class="block mb-2 mt-3 text-center"> <div > <a class="button button--default text-center font-title overflow-hidden inline-block border border rounded-full border-solid text-center button--auto " @click=" $dispatch('track-event', { 'event': 'cmp_event', 'event_type': 'card', 'title': `A ciência por trás da fabricação dos remédios`, 'position': 2, 'context': 'other' })" href="/generico/fabricacao" target="_self" > Saiba mais </a> </div> </div> </div> </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> </body> </html>

CINXE.COM

Medley Genéricos - Referência em Medicamentos Genéricos | Medley