/* Box Topo */ .boxTopo{position: relative; display: flex ; align-items: center; width: 100%; background: #000; height: 100vh; max-height: 800px; min-height: 500px; transition: all 0.5s ease;} .boxTopo .centro{width: 100%;max-width: 1608px;padding: 0px 20px 0px;margin: 0px auto;position: relative;z-index: 2;} .boxTopo .centro h2{padding-top: 35px; transition: all 0.5s ease;} .es .boxTopo .centro p{max-width: 690px;} .en .boxTopo .centro p{max-width: 709px;} .boxTopo .centro a b{font-size: 20px;} /* Box Sobre Nos */ .boxSobreNos{background: #FFF;overflow-x: clip;position: relative;} ._1000 .boxLegado .centro:not(._1000 .boxJanelaVideo .centro)::after{content: "";width: 34px;height: 16px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 34 15'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='M17 15 34-1H0l17 16Z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat;position: absolute;top: 0px;left: calc(100% - 747px);left: 50%;transform: translateX(-50%);pointer-events: none;z-index: 2;} .boxSobreNos .centro{width: 100%;max-width: 1056px;padding: 160px 20px 212px 113px;margin: 0px auto;position: relative;transition: all 1.5s ease;} ._1000 .boxSobreNos .centro::before{content: "";width: 37px;height: 24px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 37 24'%3E%3Cpath fill='%230574C6' d='m36.979 15.077-3.35-11.003a1.34 1.34 0 0 0-.17-.308.854.854 0 0 0-.194-.172L27.937.148A.877.877 0 0 0 27.44 0H10.728a.858.858 0 0 0-.521.172L6.42 2.868l-.073.061c-.085.074-.158.16-.218.259-.025.049-.037.086-.049.11-.024.05-.06.124-.073.222l-.619 5.194-2.014.677a.887.887 0 0 0-.473.369L.12 14.068l-.036.061a.824.824 0 0 0-.085.32c0 .099 0 .197.024.308l4.309 8.738a.907.907 0 0 0 .813.505h20.437c.133 0 .267-.037.388-.086l6.93-3.31.048-.026c.086-.049.158-.11.219-.172l3.629-4.48a.874.874 0 0 0 .158-.837l.024-.012Zm-1.881.062-2.416 2.978-4.793-9.33 4.369-2.978 2.828 9.33h.012ZM7.185 9.145l.46-3.816 4.188 3.213-.413 6.203-4.235-5.6ZM21.08 5.23a.795.795 0 0 0-.34-.062c-.072 0-.157 0-.218.025l-7.536 1.92L8.47 3.655l2.573-1.821h16.153l3.944 2.548-4.526 4.089-5.522-2.228-.013-.012ZM6.505 18.474c.133.074.28.123.498.098l4.939-.406 5.073 3.114a.921.921 0 0 0 1.25-.295.866.866 0 0 0 .11-.69.928.928 0 0 0-.414-.566l-4.854-2.99.522-7.927 7.039-1.784 5.388 2.178 5.219 10.142-5.898 2.818H5.717l-2.756-5.55 3.544 1.846v.012Zm.607-1.736-4.891-2.56 2.05-3.15 1.64-.554 4.538 5.994-3.325.27h-.012Z' opacity='1'/%3E%3C/svg%3E") no-repeat;position: absolute;top: 159px;left: 3px;pointer-events: none;} ._1000 .boxSobreNos .centro::after{content: "";width: 2px;height: calc(100% - 261px);background: #F5F5F5;position: absolute;top: 193px;left: 20px;pointer-events: none;} .boxSobreNos .centro > span {display: block;font-size: 14px;font-weight: 700;line-height: 14px;letter-spacing: 0.08em;text-transform: uppercase;color: #0574C6;margin-bottom: 12px;} .boxSobreNos .centro h2{font-size: 42px;font-weight: 300;line-height: 58px;letter-spacing: -0.01em;color: #12132D;margin-bottom: 46px;/* padding-top: 35px; */transition: all 0.5s ease;} .boxSobreNos .centro h2 b{font-weight: 700;} .boxSobreNos .centro p{font-size: 18px;font-weight: 300;line-height: 32px;letter-spacing: 0.01em;color: #70757A;} .boxSobreNos .centro p b{font-weight: 500;color: #423E3B;} .boxSobreNos .centro em{width: max-content;font-size: 105px;font-weight: 300;line-height: 105px;text-transform: uppercase;letter-spacing: 0.08em;color: #000;background-image: linear-gradient(180deg, rgba(249, 249, 249, 0.8) 5.5%, rgba(238, 238, 238, 0.8) 88.83%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: absolute;bottom: -20px;left: 50%;transform: translateX(-51.2%);pointer-events: none;z-index: 1;} /* estrategia internacional */ section.estrategiaInternacional {background: #EFF4F9;} section.estrategiaInternacional .centro {max-width: 1600px;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;padding: 173px 20px 120px;gap: 20px;} section.estrategiaInternacional .centro .conteudo { } section.estrategiaInternacional .centro .conteudo h2 {font-family: Manrope;font-weight: 400;font-size: 50px;line-height: 65px;letter-spacing: -0.01em;color: #12132D;max-width: 519px;width: 100%;margin-bottom: 18px;} body.es section.estrategiaInternacional .centro .conteudo h2 {max-width: 530px;} section.estrategiaInternacional .centro .conteudo h2 b {font-weight:700;} section.estrategiaInternacional .centro .conteudo h3 {font-family: Manrope;font-weight: 400;font-size: 22px;line-height: 36px;letter-spacing: 0.01em;color: #424247;max-width: 609px;width: 100%;margin-bottom: 162px;} body.es section.estrategiaInternacional .centro .conteudo h3 {max-width: 650px;} section.estrategiaInternacional .centro .conteudo p {font-family: Manrope;font-weight: 500;font-size: 22px;line-height: 36px;letter-spacing: 0.01em;color: #424247;max-width: 596px;width: 100%;border-left: solid 4px #D9DDE5;padding-left: 38px;} section.estrategiaInternacional .centro .conteudo p b {font-weight: 800;color: #0574C6;} section.estrategiaInternacional .centro .listagem { } section.estrategiaInternacional .centro ul.listagem li {background: #FFF;max-width: 862px;width: 100%;margin-bottom: 16px;padding: 28px 56px;position: sticky;top: 100px;} section.estrategiaInternacional .centro ul.listagem li h2 {font-family: Manrope;font-weight: 600;font-size: 24px;line-height: 36px;letter-spacing: -0.01em;color: #12132D;margin-bottom: 4px;} section.estrategiaInternacional .centro ul.listagem li p {font-family: Manrope;font-weight: 400;font-size: 18px;line-height: 30px;letter-spacing: 0.01em;color: #70757A;} /* mapa distribuicao */ section.mapaDistribuicao {background: #EFF4F9;} section.mapaDistribuicao .centro {padding-bottom: 112px;} section.mapaDistribuicao .centro h2 {font-family: Manrope;font-weight: 700;font-size: 16px;line-height: 18px;letter-spacing: 0.06em;text-align: center;text-transform: uppercase;color: #70757A;margin-bottom: 31px;} section.mapaDistribuicao .centro nav {padding-bottom: 103px;} section.mapaDistribuicao .centro nav ul {display: flex;gap: 22px;justify-content: center;} section.mapaDistribuicao .centro nav ul li{font-family: Manrope;font-weight: 700;font-size: 16px;line-height: 20px;vertical-align: middle;text-transform: uppercase;color: #19191A;border-radius: 4px;border: 2px solid #F2F4F5;max-width: max-content;width: 100%;padding: 18px 26px;background: #FFF;box-shadow: 0px 8px 32px -18px #0000004F;transition:all ease 0.5s;cursor: pointer;position: relative;align-content: center;} section.mapaDistribuicao .centro nav ul li.ativo::before {position:absolute;content:'';width:29px;height:15px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' fill='none' viewBox='0 0 26 12'%3E%3Cpath fill='%23056bb7' d='M12.558 11.25 0 0h25.115z'/%3E%3C/svg%3E")no-repeat;bottom: -17px;left: 50%;transform: translateX(-50%);} section.mapaDistribuicao .centro nav ul li:hover {background:#0574C6;color:#FFF;border: 2px solid #056BB7;} section.mapaDistribuicao .centro nav ul li.ativo {background:#0574C6;color:#FFF;border: 2px solid #056BB7;} section.mapaDistribuicao .centro .mapas {max-width: 1600px;width: 100%;margin: 0 auto;} section.mapaDistribuicao .centro .mapas figure {display:none;} section.mapaDistribuicao .centro .mapas figure.ativo {display:block;} section.mapaDistribuicao .centro .mapas figure img {user-select:none;mix-blend-mode: multiply;} /* controle qualidade */ section.controleQualidade { } section.controleQualidade .centro {max-width: 1640px;width: 100%;margin: 0 auto;padding: 167px 20px 170px;} section.controleQualidade .centro .topoControleQualidade {display: flex;gap: 20px;justify-content: space-between;max-width: 1455px;width: 100%;margin: 0 auto 155px;position: relative;} section.controleQualidade .centro .topoControleQualidade .titulo {position: sticky;top: 100px;height: fit-content;min-width: 380px;} section.controleQualidade .centro .topoControleQualidade .titulo span {font-family: Manrope;font-weight: 700;font-size: 14px;line-height: 14px;letter-spacing: 0.08em;text-align: center;text-transform: uppercase;color: #0574C6;} section.controleQualidade .centro .topoControleQualidade .titulo h2 {font-family: Manrope;font-weight: 400;font-size: 47px;line-height: 60px;color: #12132D;max-width: 418px;width: 100%;} section.controleQualidade .centro .topoControleQualidade .titulo h2 b {font-weight: 700;} section.controleQualidade .centro .topoControleQualidade .conteudo {max-width: 920px;width: 100%;} section.controleQualidade .centro .topoControleQualidade .conteudo li {margin-bottom: 75px;} section.controleQualidade .centro .topoControleQualidade .conteudo li:last-of-type {margin-bottom: 0!important;} section.controleQualidade .centro .topoControleQualidade .conteudo li h2 {font-family: Manrope;font-weight: 700;font-size: 14px;line-height: 14px;letter-spacing: 0.08em;text-transform: uppercase;color: #12132D;margin-bottom: 14px;} section.controleQualidade .centro .topoControleQualidade .conteudo li p {font-family: Manrope;font-weight: 400;font-size: 18px;line-height: 30px;letter-spacing: 0.01em;color: #70757A;} section.controleQualidade .centro .compromisso {background: #EFF4F9;padding: 120px 20px 110px;} section.controleQualidade .centro .compromisso .compromissoWrapper {display: flex;justify-content: space-between;gap: 40px;max-width: 1280px;width: 100%;margin: 0 auto;} section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo {max-width: 440px;width: 100%;height: fit-content;position: sticky;top: 100px;} section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo h2 {font-family: Manrope;font-weight: 400;font-size: 47px;line-height: 60px;color: #12132D;margin-bottom: 17px;} section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo h2 b {font-weight: 700;} section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo p {font-family: Manrope;font-weight: 400;font-size: 18px;line-height: 32px;letter-spacing: 0.01em;color: #70757A;} section.controleQualidade .centro .compromisso .compromissoWrapper figure { } section.controleQualidade .centro .compromisso .compromissoWrapper figure img {user-select: none;} /* Box Legado */ .boxLegado{background: url('../img/boxLegadoFundo.webp') no-repeat center top #000;position: relative;z-index:;} .boxLegado::before{content: "";width: 100%;max-width: 968px;height: 100%;background: linear-gradient(90deg, #000000 1.54%, #00000000 102.41%);position: absolute;top: 0px;left: 0px;z-index: 1;pointer-events: none;} ._1000 .boxLegado::after{content: "";width: 1336px;height: 900px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1347 712'%3E%3Cpath stroke='%23fff' stroke-miterlimit='4.776' stroke-width='6' d='M-167.033 827h63.019c9.695 0 16.966-7.271 16.966-16.965v-50.894c0-9.694-7.271-16.965-16.966-16.965h-60.596c-9.695 0-16.966 7.271-16.966 16.965v50.894c0 9.694 7.271 16.965 16.966 16.965h-2.423Zm710.176 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965h-60.595c-9.696 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.271 16.965 16.967 16.965h-2.424Zm186.633 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965H732.2c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424Zm189.057 0h63.019c9.696 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.271-16.965-16.967-16.965h-60.595c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424ZM-184 579.8V10.27H55.957l140.581 441.083L341.967 10.271h239.957v220.541C647.367 97.518 785.524 3 945.495 3 1105.47 3 1306.64 145.988 1343 335.024h-186.63c-31.51-87.248-113.92-150.259-210.875-150.259-96.952 0-225.414 101.788-225.414 227.811 0 126.024 101.8 227.812 225.414 227.812 123.615 0 181.785-65.435 213.295-155.106H1343c-24.24 142.989-121.19 259.318-252.08 310.212V667.047c0-7.271-7.27-12.118-16.96-12.118H921.257c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694-7.271 16.965-16.966 16.965h-60.595c-9.696 0-16.967-7.271-16.967-16.965V662.2c0-4.847-7.272-7.271-12.119-7.271h-67.867c-7.271 0-12.119 4.847-12.119 12.118v60.588c0 12.118-7.271 21.812-16.967 21.812h-60.595c-9.695 0-16.966-9.694-16.966-19.388v-63.012c-19.391-26.659-33.934-53.318-48.477-82.4H434.071V167.8l-135.733 412H97.162l-133.31-412v412H-184Z' clip-rule='evenodd' opacity='.12'/%3E%3C/svg%3E") center center no-repeat;position: absolute;bottom: -60px;left: -5px;z-index: 1;filter: contrast(0.5);pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='840' fill='none' viewBox='0 0 960 840'%3E%3Cpath stroke='%23fff' stroke-opacity='.1' stroke-width='6' d='M491.829 3c72.831 0 148.202 2.968 226.577 9.136 77.324 6.084 156.445 15.061 237.365 27.146l-69.723 263.159c-52.33-10.038-101.323-17.651-146.98-23.053l-.007-.001-.007-.001-4.347-.487c-44.82-4.951-86.626-7.535-125.203-7.535-90.408 0-152.61 4.558-186.271 13.587-16.863 4.41-29.841 10.58-38.645 18.638-8.896 8.141-13.434 18.134-13.434 29.764 0 14.424 4.916 25.04 15.639 30.755v.001c5.203 2.836 14.356 4.754 26.922 6.01 12.716 1.272 29.382 1.901 49.964 1.901H602.12c81.022 0 139.523 13.482 175.656 40.112 35.936 26.484 54.157 68.656 54.157 126.994 0 55.24-8.718 105.856-26.337 151.885l-.004.012c-17.395 46.04-41.842 83.354-72.836 112.034l-.008.007-.008.007c-34.383 32.266-80.727 55.845-138.971 70.615C535.496 888.462 459.165 896 364.693 896c-82.74 0-167.104-3.882-253.324-11.192h-.001c-85.177-7.448-171.482-18.466-258.694-33.049l55.774-213.716c72.298 10.324 135.387 17.751 189.484 22.275v.001c54.754 4.808 103.76 7.1 147.01 7.1 68.731 0 115.777-4.099 140.734-12.031 12.668-3.99 22.441-9.653 29.059-17.165 6.67-7.571 9.95-16.812 9.951-27.534 0-14.559-4.369-25.445-13.671-32.359l-.022-.017-.021-.015-.43-.302c-9.098-6.293-23.336-9.404-42.388-9.404-27.475 0-56.787.458-88.389 1.143H263.4c-108.38 0-183.25-14.433-225.362-42.925-41.82-28.296-63.056-76.555-63.056-145.672 0-53.1 10.303-105.762 31.16-157.776 21.104-52.052 48.58-95.118 83.298-128.84l.006-.007c32.721-31.973 79.929-55.552 141.181-69.873C291.902 10.315 379.083 3 491.829 3Z'/%3E%3C/svg%3E")no-repeat;} .boxLegado .centro{width: 100%;max-width: 1167px;margin: 0px auto;padding: 347px 20px 390px;position: relative;z-index: 2;} .boxLegado .centro h2{font-size: 52px;font-weight: 700;line-height: 52px;letter-spacing: -0.04em;text-align: center;color: #FFF;margin-bottom: 6px;} .boxLegado .centro p{font-size: 17px;font-weight: 400;line-height: 26px;letter-spacing: 0.01em;text-align: center;color: #ECECEC;margin-bottom: 30px;transition: all 0.5s ease;} .boxLegado .centro a:link, .boxLegado .centro a:active, .boxLegado .centro a:visited{width: max-content;display: flex;align-items: center;gap: 18px;color: #000;background: #FFF;border-radius: 4px;padding: 19px 32px 20px;margin: 0px auto;transition: all 0.5s ease;box-shadow: 0px 4px 4px 0px #00000040, 0px -40px 52px -16px #819BBEB2 inset;} .boxLegado .centro a b{font-size: 18px; font-weight: 600; line-height: 21px; color: #11170F; transition: all 0.5s ease;} .boxLegado .centro a svg{width: 22px;min-width: 22px;height: 22px;} /* Hover*/ .boxLegado .centro a:hover{background: #0574C6;box-shadow: 0px 4px 7px 0px #00000033, 0px -48px 44px -16px #12317080 inset;color: #FFF;} .boxLegado .centro a:hover b{color: #FFF;} .boxLegado .centro a:hover svg{transform: initial;} /* Box Apresentacao */ .boxApresentacao{position: relative;overflow-x: clip;} ._1000 .boxApresentacao::before {position:absolute;content:'';width: 1336px;min-width: 1336px;height: 1147px;top: -516px;left: -145px;/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1347 119'%3E%3Cpath stroke='%23999' stroke-miterlimit='4.776' stroke-width='6' d='M-167.033 116h63.019c9.695 0 16.966-7.271 16.966-16.965V48.141c0-9.694-7.271-16.964-16.966-16.964h-60.596c-9.695 0-16.966 7.27-16.966 16.964v50.894c0 9.694 7.271 16.965 16.966 16.965h-2.423Zm710.176 0h63.019c9.695 0 16.967-7.271 16.967-16.965V48.141c0-9.694-7.272-16.964-16.967-16.964h-60.595c-9.696 0-16.967 7.27-16.967 16.964v50.894c0 9.694 7.271 16.965 16.967 16.965h-2.424Zm186.633 0h63.019c9.695 0 16.967-7.271 16.967-16.965V48.141c0-9.694-7.272-16.964-16.967-16.964H732.2c-9.695 0-16.967 7.27-16.967 16.964v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424Zm189.057 0h63.019c9.696 0 16.967-7.271 16.967-16.965V48.141c0-9.694-7.271-16.964-16.967-16.964h-60.595c-9.695 0-16.967 7.27-16.967 16.964v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424ZM-184-131.2v-569.529H55.957l140.581 441.082 145.429-441.082h239.957v220.541C647.367-613.482 785.524-708 945.495-708 1105.47-708 1306.64-565.012 1343-375.976h-186.63c-31.51-87.248-113.92-150.259-210.875-150.259-96.952 0-225.414 101.788-225.414 227.811 0 126.024 101.8 227.812 225.414 227.812 123.615 0 181.785-65.435 213.295-155.106H1343C1318.76-82.729 1221.81 33.6 1090.92 84.494V-43.953c0-7.27-7.27-12.118-16.96-12.118H921.257c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694-7.271 16.965-16.966 16.965h-60.595c-9.696 0-16.967-7.27-16.967-16.965V-48.8c0-4.847-7.272-7.27-12.119-7.27h-67.867c-7.271 0-12.119 4.846-12.119 12.117v60.588c0 12.118-7.271 21.812-16.967 21.812h-60.595c-9.695 0-16.966-9.694-16.966-19.388V-43.952c-19.391-26.66-33.934-53.319-48.477-82.401H434.071V-543.2l-135.733 412H97.162l-133.31-412v412H-184Z' clip-rule='evenodd' opacity='.12'/%3E%3C/svg%3E")center center no-repeat; */} ._1000 .boxApresentacao::after{content: "";width: 1376px;height: 1107px;/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1342 783'%3E%3Cpath stroke='%23F4F4F4' stroke-miterlimit='4.776' stroke-width='6' d='M19.967 827h63.019c9.695 0 16.966-7.271 16.966-16.965v-50.894c0-9.694-7.271-16.965-16.966-16.965H22.39c-9.695 0-16.966 7.271-16.966 16.965v50.894c0 9.694 7.271 16.965 16.966 16.965h-2.423Zm710.176 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965h-60.595c-9.696 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.271 16.965 16.967 16.965h-2.424Zm186.633 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965H919.2c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424Zm189.054 0h63.02c9.7 0 16.97-7.271 16.97-16.965v-50.894c0-9.694-7.27-16.965-16.97-16.965h-60.59c-9.7 0-16.97 7.271-16.97 16.965v50.894c0 9.694 7.27 16.965 16.97 16.965h-2.43ZM3 579.8V10.27h239.957l140.581 441.083L528.967 10.271h239.957v220.541C834.367 97.518 972.524 3 1132.5 3c159.97 0 361.14 142.988 397.5 332.024h-186.63c-31.51-87.248-113.92-150.259-210.87-150.259-96.96 0-225.419 101.788-225.419 227.811 0 126.024 101.799 227.812 225.419 227.812 123.61 0 181.78-65.435 213.29-155.106H1530c-24.24 142.989-121.19 259.318-252.08 310.212V667.047c0-7.271-7.27-12.118-16.96-12.118h-152.7c-9.7 0-16.97 7.271-16.97 16.965v50.894c0 9.694-7.27 16.965-16.97 16.965h-60.59c-9.7 0-16.968-7.271-16.968-16.965V662.2c0-4.847-7.272-7.271-12.119-7.271h-67.867c-7.271 0-12.119 4.847-12.119 12.118v60.588c0 12.118-7.271 21.812-16.967 21.812h-60.595c-9.695 0-16.966-9.694-16.966-19.388v-63.012c-19.391-26.659-33.934-53.318-48.477-82.4H621.071V167.8l-135.733 412H284.162l-133.31-412v412H3Z' clip-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat; */position: absolute;bottom: -151px;right: -2px;pointer-events: none;transform-origin: bottom right;transition: all 0.5s ease;/* background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='840' fill='none' viewBox='0 0 960 840'%3E%3Cpath stroke='%23fff' stroke-opacity='.1' stroke-width='6' d='M491.829 3c72.831 0 148.202 2.968 226.577 9.136 77.324 6.084 156.445 15.061 237.365 27.146l-69.723 263.159c-52.33-10.038-101.323-17.651-146.98-23.053l-.007-.001-.007-.001-4.347-.487c-44.82-4.951-86.626-7.535-125.203-7.535-90.408 0-152.61 4.558-186.271 13.587-16.863 4.41-29.841 10.58-38.645 18.638-8.896 8.141-13.434 18.134-13.434 29.764 0 14.424 4.916 25.04 15.639 30.755v.001c5.203 2.836 14.356 4.754 26.922 6.01 12.716 1.272 29.382 1.901 49.964 1.901H602.12c81.022 0 139.523 13.482 175.656 40.112 35.936 26.484 54.157 68.656 54.157 126.994 0 55.24-8.718 105.856-26.337 151.885l-.004.012c-17.395 46.04-41.842 83.354-72.836 112.034l-.008.007-.008.007c-34.383 32.266-80.727 55.845-138.971 70.615C535.496 888.462 459.165 896 364.693 896c-82.74 0-167.104-3.882-253.324-11.192h-.001c-85.177-7.448-171.482-18.466-258.694-33.049l55.774-213.716c72.298 10.324 135.387 17.751 189.484 22.275v.001c54.754 4.808 103.76 7.1 147.01 7.1 68.731 0 115.777-4.099 140.734-12.031 12.668-3.99 22.441-9.653 29.059-17.165 6.67-7.571 9.95-16.812 9.951-27.534 0-14.559-4.369-25.445-13.671-32.359l-.022-.017-.021-.015-.43-.302c-9.098-6.293-23.336-9.404-42.388-9.404-27.475 0-56.787.458-88.389 1.143H263.4c-108.38 0-183.25-14.433-225.362-42.925-41.82-28.296-63.056-76.555-63.056-145.672 0-53.1 10.303-105.762 31.16-157.776 21.104-52.052 48.58-95.118 83.298-128.84l.006-.007c32.721-31.973 79.929-55.552 141.181-69.873C291.902 10.315 379.083 3 491.829 3Z'/%3E%3C/svg%3E")no-repeat; */} .boxApresentacao .centro{width: 100%;max-width: 1640px;padding: 122px 20px 227px;margin: 0px auto;position: relative;z-index: 1;transform-origin: top center;transition: all 0.5s ease;} .boxApresentacao .centro > div{display: flex; justify-content: space-between; align-items: center; gap: 20px;transition: all 0.5s ease;} .boxApresentacao .centro div.visao{margin-bottom: 223px;} .boxApresentacao .centro div.missao{margin-bottom: 101px;} .boxApresentacao .centro div .conteudo{width: 100%;max-width: 724px;margin-left: auto;} .boxApresentacao .centro div h2{width: 100%;max-width: 620px;font-size: 40px;font-weight: 400;line-height: 44px;letter-spacing: -0.02em;color: #12132D;margin-bottom: 41px;} .boxApresentacao .centro div h2 b{font-weight: 700;} .boxApresentacao .centro div .conteudo p{width: 100%;max-width: 620px;font-size: 20px;font-weight: 300;line-height: 32px;letter-spacing: 0.01em;color: #70757A;} .boxApresentacao .centro div figure:not(.boxApresentacao .centro div.valores ul li figure){width: 100%;max-width: 788px;height: 488px;border: 10px solid #FFF;border-radius: 30px;box-shadow: 0px 4px 28px -6px #00000024;} .boxApresentacao .centro div figure.mobile{display: none;} .boxApresentacao .centro div.visao figure{max-width: 761px;} .boxApresentacao .centro div figure img:not(.boxApresentacao .centro div.valores ul li figure img){width: 100%;height: 100%;object-fit: cover;border-radius: 20px;} .boxApresentacao .centro div.valores{display: block;transform-origin: top center; transition: all 0.5s ease;} .boxApresentacao .centro div.valores h2{text-align: center;margin: 0px auto 70px;} .boxApresentacao .centro div.valores p.mobile{display: none;} .boxApresentacao .centro div.valores ul{width: 100%;max-width: 1435px;display: flex;justify-content: space-between;gap: 20px;margin: 0px auto;} .boxApresentacao .centro div.valores ul li{width: 100%;max-width: 264px;} .boxApresentacao .centro div.valores ul li:nth-of-type(4){max-width: 322px;min-width: 258px;} body.es .boxApresentacao .centro div.valores ul li:nth-of-type(1){min-width: 230px;} body.es .boxApresentacao .centro div.valores ul li:nth-of-type(4){max-width: 344px; min-width: 263px;} .boxApresentacao .centro div.valores ul li figure{display: flex;align-items: flex-start;justify-content: center;width: 100%;max-width: 124px;height: 120px;margin: 0px auto 41px;pointer-events: none;} .boxApresentacao .centro div.valores ul li:nth-of-type(1) figure img{width: 120px; height: 120px;} .boxApresentacao .centro div.valores ul li:nth-of-type(2) figure img{width: 124px; height: 110px;} .boxApresentacao .centro div.valores ul li:nth-of-type(3) figure img{width: 123px; height: 111px;} .boxApresentacao .centro div.valores ul li:nth-of-type(4) figure img{width: 116px; height: 116px;} .boxApresentacao .centro div.valores ul li p{font-size: 22px;font-weight: 400;line-height: 32px;letter-spacing: -0.01em;text-align: center;color: #12132D;} .boxApresentacao .centro div.valores ul li p b{font-weight: 700;color: #12132D;} @media (min-width: 1000px) and (max-width: 1055px){._1000 .boxSobreNos .centro{padding-left: 60px;}} /* MOBILE */ ._320 span.subtitulo{display: flex;align-items: center;justify-content: center;gap: 12px;text-align: center;} ._320 span.subtitulo:not(._320 .boxLinhaTempo .centro .boxTitulo span)::before{content: "";width: 31px;height: 20px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 28 18'%3E%3Cpath fill='%230574C6' d='m27.984 11.308-2.535-8.253a1.003 1.003 0 0 0-.129-.23.644.644 0 0 0-.146-.13L21.142.111A.668.668 0 0 0 20.765 0H8.12a.654.654 0 0 0-.395.13L4.858 2.15l-.055.047a.838.838 0 0 0-.165.194c-.018.037-.028.064-.037.083a.497.497 0 0 0-.055.166l-.468 3.895-1.525.508a.67.67 0 0 0-.358.277L.092 10.55l-.028.047a.614.614 0 0 0-.064.24c0 .074 0 .148.018.23l.028.056 3.233 6.499c.12.23.349.378.615.378H19.36a.8.8 0 0 0 .294-.065l5.244-2.483.037-.018a.79.79 0 0 0 .165-.13l2.746-3.36a.65.65 0 0 0 .12-.627l.018-.01Zm-1.424.046-1.827 2.234-3.628-6.997 3.306-2.234 2.14 6.997h.01ZM5.437 6.858l.349-2.861 3.168 2.41-.312 4.652-3.205-4.2Zm10.516-2.935a.607.607 0 0 0-.257-.046.48.48 0 0 0-.166.018l-5.703 1.44L6.41 2.742l1.948-1.367H20.58l2.985 1.911-3.425 2.317-4.18-1.67-.008-.01Zm-11.03 9.932a.59.59 0 0 0 .376.074l3.738-.304 3.84 2.335a.701.701 0 0 0 .945-.222.645.645 0 0 0 .083-.516.697.697 0 0 0-.313-.425L9.92 12.554l.395-5.945 5.326-1.338 4.078 1.634 3.95 7.606-4.464 2.114H4.326L2.24 12.46l2.682 1.385v.01Zm.459-1.301-3.701-1.92L3.233 8.27l1.24-.416 3.434 4.496-2.516.203h-.01Z'/%3E%3C/svg%3E") no-repeat;pointer-events: none;} /* Box Topo */ ._320 .boxTopo{height: 280px; min-height: initial;} ._320 .boxTopo .centro h2{padding-top: 50px} /* Box Sobre Nos */ ._320 .boxSobreNos{position: relative;} ._320 .boxSobreNos:before{content: "";width: 100%;height: 132px;background: linear-gradient(180deg, #D9E5F099 0%, #D9E5F000 100%);position: absolute;top: 0px;left: 0px;pointer-events: none;} ._320 .boxSobreNos .centro{padding: 73px 20px 66px; z-index: 1;} ._320 .boxSobreNos .centro h2{width: 100%;font-size: 24px;line-height: 32px;letter-spacing: -0.04em;text-align: center;margin: 0px auto 38px;} ._320 .boxSobreNos .centro p{font-size: 16px;font-weight: 400;line-height: 28px;text-align: center;} ._320 .boxSobreNos .centro p b{font-weight: 700;} ._320 .boxSobreNos .centro em{display: none;} /* estrategia internacional */ ._320 section.estrategiaInternacional { } ._320 section.estrategiaInternacional .centro {flex-direction: column;padding: 40px 20px;} ._320 section.estrategiaInternacional .centro .conteudo { } ._320 section.estrategiaInternacional .centro .conteudo h2 {font-size: 24px;text-align: center;margin-bottom: 4px;} ._320 section.estrategiaInternacional .centro .conteudo h2 b { } ._320 section.estrategiaInternacional .centro .conteudo h3 {font-size: 16px;margin-bottom: 30px;line-height: 28px;text-align: center;} ._320 section.estrategiaInternacional .centro .conteudo p {font-size: 16px;margin-bottom: 30px;line-height: 26px;padding-left: 20px;margin-bottom: 10px;} ._320 section.estrategiaInternacional .centro .conteudo p b { } ._320 section.estrategiaInternacional .centro .listagem { } ._320 section.estrategiaInternacional .centro ul.listagem li {padding: 20px 30px;} ._320 section.estrategiaInternacional .centro ul.listagem li h2 {font-size: 20px;} ._320 section.estrategiaInternacional .centro ul.listagem li p {font-size: 16px;line-height: 26px;} /* mapa distribuicao */ ._320 section.mapaDistribuicao { } ._320 section.mapaDistribuicao .centro {padding-bottom: 40px;} ._320 section.mapaDistribuicao .centro h2 {margin-bottom: 20px;} ._320 section.mapaDistribuicao .centro nav {padding-bottom: 46px;} ._320 section.mapaDistribuicao .centro nav ul {gap: 10px;flex-wrap: wrap;} ._320 section.mapaDistribuicao .centro nav ul li{font-size: 14px;padding: 10px 20px;} ._320 section.mapaDistribuicao .centro nav ul li.ativo::before { } ._320 section.mapaDistribuicao .centro nav ul li:hover { } ._320 section.mapaDistribuicao .centro nav ul li.ativo { } ._320 section.mapaDistribuicao .centro .mapas { } ._320 section.mapaDistribuicao .centro .mapas figure { } ._320 section.mapaDistribuicao .centro .mapas figure img { } /* controle qualidade */ ._320 section.controleQualidade { } ._320 section.controleQualidade .centro {padding: 40px 20px;} ._320 section.controleQualidade .centro .topoControleQualidade {flex-direction: column;margin-bottom: 40px;} ._320 section.controleQualidade .centro .topoControleQualidade .titulo {position: static;margin-bottom: 15px;} ._320 section.controleQualidade .centro .topoControleQualidade .titulo span { } ._320 section.controleQualidade .centro .topoControleQualidade .titulo h2 {font-size: 24px;line-height: 32px;} ._320 section.controleQualidade .centro .topoControleQualidade .titulo h2 b { } ._320 section.controleQualidade .centro .topoControleQualidade .conteudo { } ._320 section.controleQualidade .centro .topoControleQualidade .conteudo li {margin-bottom: 32px;} ._320 section.controleQualidade .centro .topoControleQualidade .conteudo li:last-of-type { } ._320 section.controleQualidade .centro .topoControleQualidade .conteudo li h2 {margin-bottom: 10px;} ._320 section.controleQualidade .centro .topoControleQualidade .conteudo li p {font-size: 16px;line-height: 26px;} ._320 section.controleQualidade .centro .compromisso {padding: 40px 20px;} ._320 section.controleQualidade .centro .compromisso .compromissoWrapper {flex-direction: column;} ._320 section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo {position: static;} ._320 section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo h2 {font-size: 24px;line-height: 32px;} ._320 section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo h2 b { } ._320 section.controleQualidade .centro .compromisso .compromissoWrapper .conteudo p {font-size: 16px;line-height: 26px;} ._320 section.controleQualidade .centro .compromisso .compromissoWrapper figure { } ._320 section.controleQualidade .centro .compromisso .compromissoWrapper figure img { } /* Box Legado */ .boxLegado{background: url('../img/boxLegadoFundo.webp') no-repeat center top #000;position: relative;z-index: 2;} .boxLegado::before{content: "";width: 100%;max-width: 968px;height: 100%;background: linear-gradient(90deg, #000000 1.54%, #00000000 102.41%);position: absolute;top: 0px;left: 0px;z-index: 1;pointer-events: none;} ._1000 .boxLegado::after{content: "";width: 1336px;height: 900px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1347 712'%3E%3Cpath stroke='%23fff' stroke-miterlimit='4.776' stroke-width='6' d='M-167.033 827h63.019c9.695 0 16.966-7.271 16.966-16.965v-50.894c0-9.694-7.271-16.965-16.966-16.965h-60.596c-9.695 0-16.966 7.271-16.966 16.965v50.894c0 9.694 7.271 16.965 16.966 16.965h-2.423Zm710.176 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965h-60.595c-9.696 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.271 16.965 16.967 16.965h-2.424Zm186.633 0h63.019c9.695 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.272-16.965-16.967-16.965H732.2c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424Zm189.057 0h63.019c9.696 0 16.967-7.271 16.967-16.965v-50.894c0-9.694-7.271-16.965-16.967-16.965h-60.595c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694 7.272 16.965 16.967 16.965h-2.424ZM-184 579.8V10.27H55.957l140.581 441.083L341.967 10.271h239.957v220.541C647.367 97.518 785.524 3 945.495 3 1105.47 3 1306.64 145.988 1343 335.024h-186.63c-31.51-87.248-113.92-150.259-210.875-150.259-96.952 0-225.414 101.788-225.414 227.811 0 126.024 101.8 227.812 225.414 227.812 123.615 0 181.785-65.435 213.295-155.106H1343c-24.24 142.989-121.19 259.318-252.08 310.212V667.047c0-7.271-7.27-12.118-16.96-12.118H921.257c-9.695 0-16.967 7.271-16.967 16.965v50.894c0 9.694-7.271 16.965-16.966 16.965h-60.595c-9.696 0-16.967-7.271-16.967-16.965V662.2c0-4.847-7.272-7.271-12.119-7.271h-67.867c-7.271 0-12.119 4.847-12.119 12.118v60.588c0 12.118-7.271 21.812-16.967 21.812h-60.595c-9.695 0-16.966-9.694-16.966-19.388v-63.012c-19.391-26.659-33.934-53.318-48.477-82.4H434.071V167.8l-135.733 412H97.162l-133.31-412v412H-184Z' clip-rule='evenodd' opacity='.12'/%3E%3C/svg%3E") center center no-repeat;position: absolute;bottom: -60px;left: -5px;z-index: 1;filter: contrast(0.5);pointer-events: none;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='960' height='840' fill='none' viewBox='0 0 960 840'%3E%3Cpath stroke='%23fff' stroke-opacity='.1' stroke-width='6' d='M491.829 3c72.831 0 148.202 2.968 226.577 9.136 77.324 6.084 156.445 15.061 237.365 27.146l-69.723 263.159c-52.33-10.038-101.323-17.651-146.98-23.053l-.007-.001-.007-.001-4.347-.487c-44.82-4.951-86.626-7.535-125.203-7.535-90.408 0-152.61 4.558-186.271 13.587-16.863 4.41-29.841 10.58-38.645 18.638-8.896 8.141-13.434 18.134-13.434 29.764 0 14.424 4.916 25.04 15.639 30.755v.001c5.203 2.836 14.356 4.754 26.922 6.01 12.716 1.272 29.382 1.901 49.964 1.901H602.12c81.022 0 139.523 13.482 175.656 40.112 35.936 26.484 54.157 68.656 54.157 126.994 0 55.24-8.718 105.856-26.337 151.885l-.004.012c-17.395 46.04-41.842 83.354-72.836 112.034l-.008.007-.008.007c-34.383 32.266-80.727 55.845-138.971 70.615C535.496 888.462 459.165 896 364.693 896c-82.74 0-167.104-3.882-253.324-11.192h-.001c-85.177-7.448-171.482-18.466-258.694-33.049l55.774-213.716c72.298 10.324 135.387 17.751 189.484 22.275v.001c54.754 4.808 103.76 7.1 147.01 7.1 68.731 0 115.777-4.099 140.734-12.031 12.668-3.99 22.441-9.653 29.059-17.165 6.67-7.571 9.95-16.812 9.951-27.534 0-14.559-4.369-25.445-13.671-32.359l-.022-.017-.021-.015-.43-.302c-9.098-6.293-23.336-9.404-42.388-9.404-27.475 0-56.787.458-88.389 1.143H263.4c-108.38 0-183.25-14.433-225.362-42.925-41.82-28.296-63.056-76.555-63.056-145.672 0-53.1 10.303-105.762 31.16-157.776 21.104-52.052 48.58-95.118 83.298-128.84l.006-.007c32.721-31.973 79.929-55.552 141.181-69.873C291.902 10.315 379.083 3 491.829 3Z'/%3E%3C/svg%3E")no-repeat;} .boxLegado .centro{width: 100%;max-width: 1167px;margin: 0px auto;padding: 347px 20px 390px;position: relative;z-index: 2;} .boxLegado .centro h2{font-size: 52px;font-weight: 700;line-height: 52px;letter-spacing: -0.04em;text-align: center;color: #FFF;margin-bottom: 6px;} .boxLegado .centro p{font-size: 17px;font-weight: 400;line-height: 26px;letter-spacing: 0.01em;text-align: center;color: #ECECEC;margin-bottom: 30px;transition: all 0.5s ease;} .boxLegado .centro a:link, .boxLegado .centro a:active, .boxLegado .centro a:visited{width: max-content;display: flex;align-items: center;gap: 18px;color: #000;background: #FFF;border-radius: 4px;padding: 19px 32px 20px;margin: 0px auto;transition: all 0.5s ease;box-shadow: 0px 4px 4px 0px #00000040, 0px -40px 52px -16px #819BBEB2 inset;} .boxLegado .centro a b{font-size: 18px; font-weight: 600; line-height: 21px; color: #11170F; transition: all 0.5s ease;} .boxLegado .centro a svg{width: 22px;min-width: 22px;height: 22px;} /* Hover*/ .boxLegado .centro a:hover{background: #0574C6;box-shadow: 0px 4px 7px 0px #00000033, 0px -48px 44px -16px #12317080 inset;color: #FFF;} .boxLegado .centro a:hover b{color: #FFF;} .boxLegado .centro a:hover svg{transform: initial;} /* Box Legado */ ._320 .boxLegado{background: url('../img/boxLegadoFundo.webp') no-repeat center top #000;background-size: 100% 184px;} ._320 .boxLegado::before{height: 126px;background: linear-gradient(360deg, #000 0%, rgba(20, 20, 20, 0) 100%);top: 58px;pointer-events: none;} ._320 .boxLegado .centro{padding: 172px 20px 80px;} ._320 .boxLegado .centro h2{font-size: 24px;line-height: 24px;margin-bottom: 12px;} ._320 .boxLegado .centro p{margin-bottom: 20px;} ._320 .boxLegado .centro a:link, ._320 .boxLegado .centro a:active, ._320 .boxLegado .centro a:visited{gap: 12px;padding: 11px 26px 13px;} ._320 .boxLegado .centro a b{font-size: 16px;line-height: 20px;} ._320 .boxLegado .centro a svg path{fill: #2A2725;transition: all 0.5s ease;} ._320 .boxLegado .centro a:hover svg path {fill:#FFF;} /* Box Apresentacao */ ._320 .boxApresentacao .centro{padding: 72px 20px 0px;} ._320 .boxApresentacao .centro::before {display:none;} ._320 .boxApresentacao .centro > div{flex-direction: column;gap: 0px;} ._320 .boxApresentacao .centro div.visao{flex-direction: column-reverse;margin-bottom: 64px;} ._320 .boxApresentacao .centro div.missao{margin-bottom: 52px;} ._320 .boxApresentacao .centro div h2{text-align: center;font-size: 24px;line-height: 32px;letter-spacing: -0.04em;margin-bottom: 16px;} ._320 .boxApresentacao .centro div .conteudo p{font-size: 16px;line-height: 28px;text-align: center;margin-bottom: 48px;} ._320 .boxApresentacao .centro div figure:not(.boxApresentacao .centro div.valores ul li figure){width: calc(100% + 40px);max-width: initial;height: 268px;border: none;border-radius: 0px 0px 20px 20px;box-shadow: none;} ._320 .boxApresentacao .centro div.missao figure{margin-right: 64px;} ._320 .boxApresentacao .centro div.visao figure{margin-left: 64px;} ._320 .boxApresentacao .centro div figure{display: block;} ._320 .boxApresentacao .centro div figure.desk{display: none;} ._320 .boxApresentacao .centro div.valores p.mobile{width: 100%;display: block;font-size: 16px;line-height: 28px;letter-spacing: 0.01em;text-align: center;color: #5A5A5A;padding-bottom: 64px;position: relative;margin: 0px auto;} ._320 .boxApresentacao .centro div.valores p.mobile::after{content: "";width: calc(100% + 40px);height: 96px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);box-shadow: 0px 12px 24px -6px #473D3714;border-radius: 4px;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);z-index: -1;pointer-events: none;} ._320 .boxApresentacao .centro div.valores ul{flex-direction: column;gap: 0px;} ._320 .boxApresentacao .centro div.valores ul li{max-width: initial;display: flex;align-items: center;gap: 20px;padding: 52px 0px 54px;position: relative;} ._320 .boxApresentacao .centro div.valores ul li::after{content: "";width: calc(100% + 40px);height: 96px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);box-shadow: 0px 12px 24px -6px #473D3714;border-radius: 4px;position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);pointer-events: none;} ._320 .boxApresentacao .centro div.valores ul li:nth-of-type(4){min-width: initial;} ._320 .boxApresentacao .centro div.valores ul li figure{max-width: 80px;height: 80px;margin: 0px;position: relative;z-index: 1;} ._320 .boxApresentacao .centro div.valores ul li:nth-of-type(1) figure img{width: 80px;min-width: 80px;height: 80px;} ._320 .boxApresentacao .centro div.valores ul li:nth-of-type(2) figure img{width: 80px;min-width: 80px;height: 71px;} ._320 .boxApresentacao .centro div.valores ul li:nth-of-type(3) figure img{width: 80px;height: 72px;} ._320 .boxApresentacao .centro div.valores ul li:nth-of-type(4) figure img{width: 76px;height: 76px;} ._320 .boxApresentacao .centro div.valores ul li p{font-size: 19px;line-height: 30px;text-align: left;position: relative;z-index: 1;} @media (max-width:400px) { ._320 section.controleQualidade .centro {padding-bottom:0;} ._320 section.controleQualidade .centro .compromisso {width: calc(100% + 40px);margin-left: -20px;} }