/*barra topo*/
.page-header .panel.wrapper {
  border-color:#EEE;
  background-color: #EEE;
}
@media all and (min-width:768px) {
  .header .not-logged-in, .header.panel > .header.links > li > a, .header.panel > .header.links > li > a:visited, 
  .header.panel > .header.links > li, .header.panel > .header.links > li > a:hover {
    color: #333;
  }
}
.barra-topo a, .barra-topo ul.linksTopo li, .barra-topo ul.linksTopo li a, .barra-topo ul.linksTopo li a[href^="tel:"], .barra-topo .barraTopoEsquerda ul.linksTopo li, .barra-topo .barraTopoEsquerda ul.linksTopo li a, .barra-topo ul.linksTopo li a:hover {
  color: #333
}

/*topo*/

/*margin logo do topo*/
@media only screen and (min-width: 768px)  {
  .page-header .logo {
    margin-top: 0px;
	margin-bottom: 0px;
  }
}
/*icones topo*/
@media only screen and (min-width: 768px)  {
  .page-header {background: #FFF;}
  .customer-conta .customer-icon, 
  .customer-favoritos .content-favoritos a.link-favoritos, 
  .minicart-wrapper.active .action.showcart::after, .action.showcart::after, 
  .minicart-wrapper .action.showcart:before,.minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .minicart-wrapper::before {
    color: #333;
  }
}
@media only screen and (max-width: 767px)  {
  .page-header {background: #FFF;}
  .customer-conta .customer-icon, 
  .customer-favoritos .content-favoritos a.link-favoritos, 
  .minicart-wrapper.active .action.showcart::after, .action.showcart::after, 
  .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .minicart-wrapper::before, .block-search .label:before, .block-search .label:hover:before, .block-search .label.active:before, .block-search .label.active:hover:before, .nav-toggle:before, .nav-toggle:hover:before, .nav-toggle.active:before, .nav-toggle.active:hover:before {
    color: #333;
  }
}

/*cor quantidade carrinho*/
.minicart-wrapper .action.showcart .counter.qty {background: #2db05d;}

/*menu*/
@media all and (min-width:768px) {
  .nav-sections-item-content {background:  #DDD; border-color: #DDD;}
  .navigation .level0 > .level-top {background-color: #DDD;}
  .navigation .level0 > .level-top, 
  .navigation .level0>.level-top:hover, .navigation .level0>.level-top.ui-state-focus {
    color: #333;
  }
  .navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top, .navigation .level0>.level-top.ui-state-focus {
    color: #000;
  } 
  .navigation .level0.active>.level-top:hover, .navigation .level0.has-active>.level-top, .navigation .level0>.level-top:hover {
    background-color: #DDD;
  }
  .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top {
    border-color:#333
  }
}

/*cor rodape*/
footer.page-footer {
  background: #EEE;
}
/*titulos e links rodape*/
.page-footer .title strong, .footer.content .links strong, .footer.content .links li, 
.footer.content .links a, .footer.content .links a:visited, .footer.content .links a:hover {
  color:#666;
}

/*redes sociais*/
.rodape-redes-sociais {background: #FFF; border-top-color: transparent; border-bottom-color: #DDD}
.redes-sociais-rodape .titulo-redes-sociais {color:#666}
.redes-sociais-rodape .titulo-redes-sociais .redesocial a,
.redes-sociais-rodape .redesocial a:visited, 
.redes-sociais-rodape .redesocial .alink:visited, 
.redes-sociais-rodape .redesocial i {
	color:#666
}

/*titulos e textos linhaDestaques*/
.linhaDestaques {background: #DDD;}
.linhaDestaques .caixaTexto .titulo, .linhaDestaques .caixaTexto .subtitulo {color:#666;}
.linhaDestaques .icone, .linhaDestaques .icone i {color:#666;}

/*titulos selos*/
.contentSelos {background: #FFF;}
.page-footer .contentSelos .title strong, .footer.content .contentSelos  .links strong {color:#333;}


/*cor botoes listas*/
a.pagebuilder-button-primary, button.pagebuilder-button-primary, div.pagebuilder-button-primary, 
a.pagebuilder-button-primary:hover, button.pagebuilder-button-primary:hover, div.pagebuilder-button-primary:hover {
  background:#2db05d;
  border-color: #2db05d;
}

/*privacidade especial*/
.message.global.noscript, .message.global.cookie {background: #000000c5}
.message.global a.btn-link-privacidade, 
.message.global a.btn-link-privacidade:hover, 
.message.global.cookie .conteudo-cookies {
  color: #FFF;
}
/*newsletter*/
.block.newsletter .action.primary {
    background: #333;
    border: 1px solid #333;
    color: #FFF;
	text-shadow: 2px 0 2px rgb(0 0 0 / 30%);
}
.block.newsletter .action.primary:hover, .block.newsletter .action.primary:focus {
    background: #333;
    border-color: #333;
	filter: brightness(95%);
}
/* Mundial Farma: fundacao BASE-02. Referencia: docs/design/tokens.md. */
:root {
  --color-green-primary: #00A28E;
  --color-blue-petroleum: #00596C;
  --color-black-primary: #141414;
  --color-white: #FFFFFF;
  --color-gray-light: #F7F7F7;
  --color-gray-description: #E9E9E9;
  --color-gray-dark: #2F2F2F;
  --color-gray-393939: #393939;
  --color-gray-666666: #666666;
  --color-gray-7a7a7a: #7A7A7A;
  --color-gray-929292: #929292;
  --color-gray-8e8e8e: #8E8E8E;
  --color-gray-a2a2a2: #A2A2A2;
  --color-gray-d9d9d9: #D9D9D9;
  --color-gray-e3e3e3: #E3E3E3;
  --color-gray-202020: #202020;
  --color-gray-5b5d5d: #5B5D5D;
  --color-blue-checkout-desktop: #225364;
  --color-green-success: #3DB659;
  --color-gray-cacaca: #CACACA;
  --color-gray-d6d6d6: #D6D6D6;
  --color-black-overlay-light: rgb(20 20 20 / 12%);
  --font-size-body: 14px;
  --font-size-small: 12px;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --line-height-body: 1.4;
  --layout-content-max-width: 1110px;
  --layout-page-gutter: 20px;
  --space-section-mobile: 40px;
  --space-section-desktop: 48px;
  --space-footer-mobile: 80px;
  --space-grid-gap: 16px;
}

/* Tipografia global: o Bootstrap define uma pilha de fontes do sistema. */
body {
  font-family: "Lato";
}

.cms-index-index {
  --font-default: "Lato", sans-serif;
  --space-section: var(--space-section-mobile);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-body);
}

.cms-index-index .container {
  max-width: calc(var(--layout-content-max-width) + var(--layout-page-gutter) + var(--layout-page-gutter));
  padding-left: var(--layout-page-gutter);
  padding-right: var(--layout-page-gutter);
}

@media all and (min-width: 768px) {
  .cms-index-index {
    --space-section: var(--space-section-desktop);
  }
}

/* Mundial Farma: login de clientes baseado no fluxo Magento publicado. */
.customer-account-login {
  color: var(--color-black-primary);
  font-family: "Lato", Arial, sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.customer-account-login #maincontent.page-main {
  width: 100%;
  max-width: calc(var(--layout-content-max-width) + (var(--layout-page-gutter) * 2));
  margin: 0 auto;
  padding: 0 var(--layout-page-gutter);
  box-sizing: border-box;
}

.customer-account-login #maincontent > .page-title-wrapper {
  display: block;
  margin: 48px 0 32px;
  text-align: left;
}

.customer-account-login #maincontent > .page-title-wrapper .page-title {
  margin: 0;
  color: var(--color-black-primary);
  font-size: 27px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.customer-account-login #maincontent .columns,
.customer-account-login #maincontent .column.main {
  width: 100%;
  margin: 0;
  padding: 0;
}

.customer-account-login .login-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "login new-customer";
  align-items: start;
  gap: 40px;
  margin: 0 0 64px;
}

.customer-account-login .login-container .block {
  position: static;
  float: none;
  clear: none;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.customer-account-login .login-container .block-customer-login {
  grid-area: login;
}

.customer-account-login .login-container .block-new-customer {
  grid-area: new-customer;
}

.customer-account-login .login-container .form.form-login,
.customer-account-login .login-container .fieldset,
.customer-account-login .login-container .field,
.customer-account-login .login-container .control {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.customer-account-login .login-container .block-title {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--color-gray-d9d9d9);
  text-align: left;
}

.customer-account-login .login-container .block-title strong {
  color: var(--color-black-primary);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.customer-account-login .login-container .block-content {
  margin: 0;
  color: var(--color-gray-5b5d5d);
  font-size: 14px;
}

.customer-account-login .login-container .block-customer-login .field.note,
.customer-account-login .login-container .block-new-customer p {
  min-height: 0;
  margin: 0 0 16px;
  color: var(--color-gray-5b5d5d);
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
}

.customer-account-login .login-container .fieldset {
  margin: 0;
}

.customer-account-login .login-container .fieldset.login {
  display: flex;
  flex-direction: column;
}

.customer-account-login .login-container .fieldset.login > .field.note {
  order: 1;
}

.customer-account-login .login-container .fieldset.login::after {
  order: 2;
}

.customer-account-login .login-container .fieldset.login > .field.email {
  order: 3;
}

.customer-account-login .login-container .fieldset.login > .field.password {
  order: 4;
}

.customer-account-login .login-container .fieldset.login > .field.choice {
  order: 5;
}

.customer-account-login .login-container .fieldset.login > .field.persistent {
  order: 6;
}

.customer-account-login .login-container .fieldset.login > .actions-toolbar {
  order: 7;
}

.customer-account-login .login-container .fieldset > .field:not(.choice) {
  margin: 0 0 16px;
}

.customer-account-login .login-container .fieldset > .field {
  padding-right: 0;
  padding-left: 0;
}

.customer-account-login .login-container .fieldset > .field > .control {
  width: 100%;
  max-width: none;
}

.customer-account-login .login-container .field > .label {
  display: block;
  margin: 0 0 8px;
  color: var(--color-black-primary);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  text-align: left;
}

.customer-account-login .login-container .field.required > .label::after {
  margin-left: 2px;
  color: var(--color-black-primary);
}

.customer-account-login .login-container input[type="email"],
.customer-account-login .login-container input[type="password"],
.customer-account-login .login-container input[type="text"] {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 8px 12px;
  color: var(--color-black-primary);
  background: var(--color-white);
  border: 1px solid var(--color-gray-cacaca);
  border-radius: 0;
  box-shadow: none;
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  box-sizing: border-box;
}

.customer-account-login .login-container input[type="email"]:focus,
.customer-account-login .login-container input[type="password"]:focus,
.customer-account-login .login-container input[type="text"]:focus {
  border-color: var(--color-green-primary);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--color-green-primary);
}

.customer-account-login .login-container input[type="email"]:-webkit-autofill,
.customer-account-login .login-container input[type="password"]:-webkit-autofill,
.customer-account-login .login-container input[type="text"]:-webkit-autofill {
  -webkit-text-fill-color: var(--color-black-primary);
  -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset;
  caret-color: var(--color-black-primary);
}

.customer-account-login .login-container .field.choice {
  display: flex;
  align-items: center;
  min-height: 20px;
  margin: 0 0 12px;
  gap: 6px;
}

.customer-account-login .login-container .field.choice input[type="checkbox"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--color-green-primary);
}

.customer-account-login .login-container .field.choice > .label {
  display: inline;
  margin: 0;
  color: var(--color-gray-5b5d5d);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}

.customer-account-login .login-container .field.persistent .tooltip.wrapper {
  display: none;
}

.customer-account-login .login-container .field.persistent .tooltip.toggle {
  color: var(--color-blue-petroleum);
  font-size: 12px;
  font-weight: var(--font-weight-regular);
}

.customer-account-login .login-container .fieldset::after {
  display: block;
  margin: 0 0 16px;
  color: var(--color-green-primary);
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

.customer-account-login .login-container .actions-toolbar {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  gap: 10px;
}

.customer-account-login .login-container .actions-toolbar::before,
.customer-account-login .login-container .actions-toolbar::after {
  display: none;
}

.customer-account-login .login-container .actions-toolbar > .primary,
.customer-account-login .login-container .actions-toolbar > .secondary {
  float: none;
  width: 100%;
  margin: 0;
  text-align: center;
}

.customer-account-login .login-container .actions-toolbar > .secondary {
  order: 2;
}

.customer-account-login .login-container .actions-toolbar > .primary {
  order: 1;
}

.customer-account-login .login-container .action.login,
.customer-account-login .login-container .action.create {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  color: var(--color-white);
  background: var(--color-green-primary);
  border: 1px solid var(--color-green-primary);
  border-radius: 2px;
  box-shadow: none;
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  font-weight: var(--font-weight-black);
  line-height: 1.2;
  text-transform: uppercase;
  box-sizing: border-box;
}

.customer-account-login .login-container .action.login:hover,
.customer-account-login .login-container .action.login:focus,
.customer-account-login .login-container .action.create:hover,
.customer-account-login .login-container .action.create:focus {
  color: var(--color-white);
  background: var(--color-blue-petroleum);
  border-color: var(--color-blue-petroleum);
  text-decoration: none;
}

.customer-account-login .login-container .action.remind {
  color: var(--color-green-primary);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.customer-account-login .login-container .action.remind:hover,
.customer-account-login .login-container .action.remind:focus {
  color: var(--color-blue-petroleum);
}

.customer-account-login .login-container .block-new-customer .actions-toolbar {
  margin-top: 16px;
}

.customer-account-login .login-container .block-new-customer .action.create {
  color: var(--color-white);
  background: var(--color-green-primary);
  border: 1px solid var(--color-green-primary);
}

.customer-account-login .login-container .block-new-customer .action.create:hover,
.customer-account-login .login-container .block-new-customer .action.create:focus {
  color: var(--color-white);
  background: var(--color-blue-petroleum);
  border-color: var(--color-blue-petroleum);
}

@media all and (max-width: 767px) {
  .customer-account-login #maincontent.page-main {
    padding: 0 20px;
  }

  .customer-account-login #maincontent > .page-title-wrapper {
    margin: 24px 0;
  }

  .customer-account-login #maincontent > .page-title-wrapper .page-title {
    font-size: 24px;
  }

  .customer-account-login .login-container {
    display: block;
    margin: 16px 0 40px;
  }

  .customer-account-login .login-container .block {
    width: 100%;
  }

  .customer-account-login .login-container .block + .block {
    margin-top: 32px;
  }

  .customer-account-login .login-container .block-title {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-gray-d9d9d9);
    text-align: left;
  }

  .customer-account-login .login-container .block-title strong {
    font-size: 16px;
    font-weight: var(--font-weight-regular);
  }

  .customer-account-login .login-container .block-customer-login .field.note,
  .customer-account-login .login-container .block-new-customer p {
    min-height: 0;
    margin-bottom: 16px;
    text-align: left;
  }

  .customer-account-login .login-container .block-customer-login .field.note {
    font-size: 14px;
  }

  .customer-account-login .login-container .block-new-customer p {
    font-size: 12px;
  }

  .customer-account-login .login-container input[type="email"],
  .customer-account-login .login-container input[type="password"],
  .customer-account-login .login-container input[type="text"] {
    height: 32px;
    min-height: 32px;
    padding: 6px 8px;
    font-size: 12px;
  }

  .customer-account-login .login-container .actions-toolbar {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
  }

  .customer-account-login .login-container .actions-toolbar > .primary,
  .customer-account-login .login-container .actions-toolbar > .secondary {
    width: auto;
  }

  .customer-account-login .login-container .actions-toolbar > .primary {
    order: 1;
  }

  .customer-account-login .login-container .actions-toolbar > .secondary {
    order: 2;
  }

  .customer-account-login .login-container .action.login,
  .customer-account-login .login-container .action.create {
    width: auto;
    min-width: 118px;
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    font-size: 12px;
  }

  .customer-account-login .login-container .action.remind {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 10px;
    color: var(--color-black-primary);
    background: var(--color-white);
    border: 1px solid var(--color-gray-cacaca);
    font-size: 11px;
    text-decoration: none;
    box-sizing: border-box;
  }

  .customer-account-login .login-container .block-new-customer .actions-toolbar {
    margin-top: 0;
  }

  .customer-account-login .login-container .block-new-customer .action.create {
    min-width: 118px;
    color: var(--color-white);
    background: var(--color-green-primary);
    border-width: 1px;
  }
}

/* Mundial Farma: cadastro de clientes no mesmo padrao visual do login. */
.customer-account-create {
  color: var(--color-black-primary);
  font-family: "Lato", Arial, sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.customer-account-create #maincontent.page-main {
  width: 100%;
  max-width: calc(var(--layout-content-max-width) + (var(--layout-page-gutter) * 2));
  margin: 0 auto;
  padding: 0 var(--layout-page-gutter);
  box-sizing: border-box;
}

.customer-account-create #maincontent > .page-title-wrapper {
  display: block;
  margin: 48px 0 32px;
  text-align: left;
}

.customer-account-create #maincontent > .page-title-wrapper .page-title {
  margin: 0;
  color: var(--color-black-primary);
  font-size: 27px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.customer-account-create #maincontent .columns,
.customer-account-create #maincontent .column.main {
  width: 100%;
  margin: 0;
  padding: 0;
}

.customer-account-create .form.create.account.form-create-account {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas:
    "personal access"
    "personal actions";
  grid-template-rows: auto auto;
  align-items: start;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0 0 64px;
  column-gap: 40px;
  row-gap: 16px;
}

.customer-account-create .form-create-account > .fieldset.create.info {
  grid-area: personal;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  column-gap: 16px;
}

.customer-account-create .form-create-account > .fieldset.create.account {
  grid-area: access;
  display: flex;
  flex-direction: column;
}

.customer-account-create .form-create-account > .fieldset.create.info,
.customer-account-create .form-create-account > .fieldset.create.account {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: normal;
  box-sizing: border-box;
}

.customer-account-create .form-create-account > .fieldset.create > .legend {
  float: none;
  width: 100%;
  max-width: none;
  margin: 0 0 16px;
  padding: 0 0 12px;
  color: var(--color-black-primary);
  border-bottom: 1px solid var(--color-gray-d9d9d9);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  text-align: left;
  box-sizing: border-box;
}

.customer-account-create .form-create-account > .fieldset.create.info > .legend {
  grid-column: 1 / -1;
}

.customer-account-create .form-create-account > .fieldset.create.account > .legend {
  order: 1;
}

.customer-account-create .form-create-account > .fieldset.create > .legend + br {
  display: none;
}

.customer-account-create .form-create-account > .fieldset.create.info > .field {
  grid-column: 1 / -1;
}

.customer-account-create .form-create-account > .fieldset.create.info > .field.choice.hidden_field {
  grid-column: auto;
}

.customer-account-create .form-create-account > .fieldset.create.account > .field {
  order: 3;
}

.customer-account-create .form-create-account > .fieldset.create.account > .field.persistent {
  order: 4;
}

.customer-account-create .form-create-account > .fieldset.create.account::after {
  order: 2;
  display: block;
  margin: 0 0 16px;
  color: var(--color-green-primary);
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

.customer-account-create .form-create-account .field,
.customer-account-create .form-create-account .control {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

.customer-account-create .form-create-account > .fieldset.create > .field:not(.choice),
.customer-account-create .form-create-account .field.fieldset > .field:not(.choice) {
  margin: 0 0 16px;
  padding: 0;
}

.customer-account-create .form-create-account .field.fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: normal;
}

.customer-account-create .form-create-account .field > .label {
  display: block;
  margin: 0 0 8px;
  color: var(--color-black-primary);
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  text-align: left;
}

.customer-account-create .form-create-account .field.required > .label::after {
  margin-left: 2px;
  color: var(--color-black-primary);
}

.customer-account-create .form-create-account input[type="email"],
.customer-account-create .form-create-account input[type="password"],
.customer-account-create .form-create-account input[type="text"],
.customer-account-create .form-create-account select {
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 8px 12px;
  color: var(--color-black-primary);
  background: var(--color-white);
  border: 1px solid var(--color-gray-cacaca);
  border-radius: 0;
  box-shadow: none;
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
  box-sizing: border-box;
}

.customer-account-create .form-create-account input[type="email"]:focus,
.customer-account-create .form-create-account input[type="password"]:focus,
.customer-account-create .form-create-account input[type="text"]:focus,
.customer-account-create .form-create-account select:focus {
  border-color: var(--color-green-primary);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 1px var(--color-green-primary);
}

.customer-account-create .form-create-account input[type="email"]:-webkit-autofill,
.customer-account-create .form-create-account input[type="password"]:-webkit-autofill,
.customer-account-create .form-create-account input[type="text"]:-webkit-autofill {
  -webkit-text-fill-color: var(--color-black-primary);
  -webkit-box-shadow: 0 0 0 1000px var(--color-white) inset;
  caret-color: var(--color-black-primary);
}

.customer-account-create .form-create-account .field.choice {
  display: flex;
  align-items: center;
  width: auto;
  min-height: 20px;
  margin: 0 0 12px;
  gap: 6px;
}

.customer-account-create .form-create-account .field.choice input[type="checkbox"],
.customer-account-create .form-create-account .field.choice input[type="radio"] {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: var(--color-green-primary);
}

.customer-account-create .form-create-account .field.choice > .label {
  display: inline;
  margin: 0;
  color: var(--color-gray-5b5d5d);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
}

.customer-account-create .form-create-account .field.persistent .tooltip.wrapper {
  display: none;
}

.customer-account-create .form-create-account .password-strength-meter {
  min-height: 24px;
  padding: 4px 8px;
  color: var(--color-gray-5b5d5d);
  background: var(--color-gray-light);
  font-size: 12px;
  line-height: 16px;
  box-sizing: border-box;
}

.customer-account-create .form-create-account > .actions-toolbar {
  grid-area: actions;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  gap: 10px;
}

.customer-account-create .form-create-account > .actions-toolbar::before,
.customer-account-create .form-create-account > .actions-toolbar::after {
  display: none;
}

.customer-account-create .form-create-account > .actions-toolbar > .primary,
.customer-account-create .form-create-account > .actions-toolbar > .secondary {
  float: none;
  width: 100%;
  margin: 0;
  text-align: center;
}

.customer-account-create .form-create-account .action.submit.primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  height: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  color: var(--color-white);
  background: var(--color-green-primary);
  border: 1px solid var(--color-green-primary);
  border-radius: 2px;
  box-shadow: none;
  font-family: "Lato", Arial, sans-serif;
  font-size: 16px;
  font-weight: var(--font-weight-black);
  line-height: 1.2;
  text-transform: uppercase;
  box-sizing: border-box;
}

.customer-account-create .form-create-account .action.submit.primary:hover,
.customer-account-create .form-create-account .action.submit.primary:focus {
  color: var(--color-white);
  background: var(--color-blue-petroleum);
  border-color: var(--color-blue-petroleum);
}

@media all and (max-width: 767px) {
  .customer-account-create #maincontent.page-main {
    padding: 0 20px;
  }

  .customer-account-create #maincontent > .page-title-wrapper {
    margin: 24px 0;
  }

  .customer-account-create #maincontent > .page-title-wrapper .page-title {
    font-size: 24px;
  }

  .customer-account-create .form.create.account.form-create-account {
    display: block;
    margin: 16px 0 40px;
  }

  .customer-account-create .form-create-account > .fieldset.create.info,
  .customer-account-create .form-create-account > .fieldset.create.account {
    width: 100%;
    margin: 0 0 32px;
  }

  .customer-account-create .form-create-account > .fieldset.create > .legend {
    margin-bottom: 16px;
    padding-bottom: 12px;
    font-size: 16px;
    font-weight: var(--font-weight-regular);
  }

  .customer-account-create .form-create-account input[type="email"],
  .customer-account-create .form-create-account input[type="password"],
  .customer-account-create .form-create-account input[type="text"],
  .customer-account-create .form-create-account select {
    height: 32px;
    min-height: 32px;
    padding: 6px 8px;
    font-size: 12px;
  }

  .customer-account-create .form-create-account > .actions-toolbar {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    gap: 8px;
  }

  .customer-account-create .form-create-account > .actions-toolbar > .primary,
  .customer-account-create .form-create-account > .actions-toolbar > .secondary {
    width: auto;
  }

  .customer-account-create .form-create-account .action.submit.primary {
    width: auto;
    min-width: 118px;
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    font-size: 12px;
  }
}

/* Mundial Farma: painel inicial da conta do cliente. */
body.account {
  color: var(--color-black-primary);
  font-family: "Lato", Arial, sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

body.account #maincontent.page-main {
  width: 100%;
  max-width: calc(var(--layout-content-max-width) + (var(--layout-page-gutter) * 2));
  margin: 0 auto;
  padding: 48px var(--layout-page-gutter) 64px;
  box-sizing: border-box;
}

body.account #maincontent > .columns {
  display: grid;
  grid-template-columns: 225px minmax(0, 1fr);
  grid-template-areas:
    "navigation content"
    "additional content";
  align-items: start;
  column-gap: 40px;
  row-gap: 32px;
}

body.account #maincontent .column.main {
  grid-area: content;
  float: none;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
}

body.account #maincontent .sidebar-main {
  grid-area: navigation;
  float: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.account #maincontent .sidebar-additional {
  grid-area: additional;
  float: none;
  clear: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

body.account .column.main > .page-title-wrapper {
  margin: 0 0 8px;
  text-align: left;
}

body.account .column.main > .page-title-wrapper .page-title {
  margin: 0;
  color: var(--color-black-primary);
  font-size: 27px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

body.account .block-collapsible-nav .content {
  padding: 0;
  background: var(--color-gray-light);
  border: 1px solid var(--color-gray-e3e3e3);
  box-shadow: none;
}

body.account .block-collapsible-nav .nav.items {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.account .block-collapsible-nav .item {
  margin: 0;
}

body.account .block-collapsible-nav .item a,
body.account .block-collapsible-nav .item > strong {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 16px 10px 13px;
  color: var(--color-gray-5b5d5d);
  border-left: 3px solid transparent;
  font-size: 13px;
  font-weight: var(--font-weight-regular);
  line-height: 1.35;
  text-decoration: none;
  text-transform: none;
  box-sizing: border-box;
}

body.account .block-collapsible-nav .item a:hover,
body.account .block-collapsible-nav .item a:focus {
  color: var(--color-blue-petroleum);
  background: var(--color-gray-description);
}

body.account .block-collapsible-nav .item.current a,
body.account .block-collapsible-nav .item.current > strong {
  color: var(--color-blue-petroleum);
  background: var(--color-white);
  border-left-color: var(--color-green-primary);
  font-weight: var(--font-weight-bold);
}

body.account .block-collapsible-nav .item .delimiter {
  display: block;
  margin: 4px 16px;
  border-top-color: var(--color-gray-d9d9d9);
}

.customer-account-index .column.main > .block {
  margin: 0 0 32px;
}

.customer-account-index .column.main > .block > .block-title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 24px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--color-gray-d9d9d9);
  gap: 16px;
  box-sizing: border-box;
}

.customer-account-index .column.main > .block > .block-title > strong {
  color: var(--color-black-primary);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
}

.customer-account-index .column.main > .block > .block-title .action {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  margin-left: auto;
  color: var(--color-green-primary);
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
}

.customer-account-index .column.main > .block > .block-title .action:hover,
.customer-account-index .column.main > .block > .block-title .action:focus {
  color: var(--color-blue-petroleum);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.customer-account-index .column.main > .block-dashboard-info > .block-content,
.customer-account-index .column.main > .block-dashboard-addresses > .block-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 40px;
}

.customer-account-index .column.main > .block-dashboard-info > .block-content {
  grid-template-areas: "contact newsletter";
}

.customer-account-index .column.main > .block-dashboard-addresses > .block-content {
  grid-template-areas: "billing shipping";
}

.customer-account-index .column.main > .block-dashboard-info > .block-content::before,
.customer-account-index .column.main > .block-dashboard-info > .block-content::after,
.customer-account-index .column.main > .block-dashboard-addresses > .block-content::before,
.customer-account-index .column.main > .block-dashboard-addresses > .block-content::after {
  display: none;
}

.customer-account-index .column.main > .block-dashboard-info > .block-content > .box-information {
  grid-area: contact;
}

.customer-account-index .column.main > .block-dashboard-info > .block-content > .box-newsletter {
  grid-area: newsletter;
}

.customer-account-index .column.main > .block-dashboard-addresses > .block-content > .box-billing-address,
.customer-account-index .column.main > .block-dashboard-addresses > .block-content > .box-address-billing {
  grid-area: billing;
}

.customer-account-index .column.main > .block-dashboard-addresses > .block-content > .box-shipping-address,
.customer-account-index .column.main > .block-dashboard-addresses > .block-content > .box-address-shipping {
  grid-area: shipping;
}

.customer-account-index .column.main > .block > .block-content > .box {
  float: none;
  clear: none;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0;
}

.customer-account-index .column.main .box {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.customer-account-index .column.main .box-title {
  display: block;
  margin: 0 0 12px;
}

.customer-account-index .column.main .box-title > span,
.customer-account-index .column.main .box-title > strong {
  color: var(--color-black-primary);
  font-size: 16px;
  font-weight: var(--font-weight-bold);
  line-height: 1.3;
}

.customer-account-index .column.main .box-content {
  color: var(--color-gray-393939);
  font-size: 14px;
  line-height: 1.5;
}

.customer-account-index .column.main .box-content p,
.customer-account-index .column.main .box-content address {
  margin: 0;
}

.customer-account-index .column.main .box-information .box-content {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.customer-account-index .column.main .box-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 12px 0 0;
  gap: 8px;
}

.customer-account-index .column.main .box-actions a.action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin: 0;
  padding: 0 12px;
  color: var(--color-green-primary);
  background: var(--color-white);
  border: 1px solid var(--color-green-primary);
  border-radius: 2px;
  box-shadow: none;
  font-size: 12px;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
}

.customer-account-index .column.main .box-actions a.action:hover,
.customer-account-index .column.main .box-actions a.action:focus {
  color: var(--color-white);
  background: var(--color-green-primary);
  border-color: var(--color-green-primary);
}

body.account .sidebar-additional > .block-compare,
body.account .sidebar-additional > .block-wishlist,
body.account .sidebar-additional > .block-reorder {
  display: none;
}

@media all and (max-width: 767px) {
  body.account #maincontent.page-main {
    padding: 24px 20px 40px;
  }

  body.account #maincontent > .columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 48px;
    gap: 0;
    box-sizing: border-box;
  }

  body.account #maincontent .column.main,
  body.account #maincontent .sidebar-main,
  body.account #maincontent .sidebar-additional {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  body.account #maincontent .column.main {
    order: 0;
  }

  body.account #maincontent .sidebar-main {
    order: 1;
  }

  body.account #maincontent .sidebar-additional {
    order: 2;
    margin-top: 32px;
  }

  body.account .column.main > .page-title-wrapper {
    margin: 0 0 24px;
  }

  body.account .column.main > .page-title-wrapper .page-title {
    font-size: 24px;
  }

  .customer-account-index .column.main > .block {
    margin-bottom: 32px;
  }

  .customer-account-index .column.main > .block > .block-title {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }

  .customer-account-index .column.main > .block > .block-title > strong {
    font-size: 16px;
    font-weight: var(--font-weight-regular);
  }

  .customer-account-index .column.main > .block > .block-content {
    display: block;
  }

  .customer-account-index .column.main .box + .box {
    margin-top: 24px;
  }

  .customer-account-index .column.main .box-information .box-content {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  body.account .block-collapsible-nav .title {
    padding: 12px 40px 12px 16px;
    color: var(--color-blue-petroleum);
    background: var(--color-gray-light);
    border-color: var(--color-gray-d9d9d9);
    font-size: 14px;
    font-weight: var(--font-weight-bold);
  }

  body.account .block-collapsible-nav .title::after {
    top: 11px;
    margin: 0;
  }

  body.account .block-collapsible-nav .content {
    border-top: 0;
  }
}

/* Mundial Farma: formulários e ações da área do cliente. */
body.account #maincontent .column.main .actions-toolbar .action.primary {
  display: inline-flex;
  min-width: 96px;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border-color: var(--color-green-primary);
  border-radius: 0;
  background: var(--color-green-primary);
  box-shadow: none;
  color: var(--color-white);
  font-family: "Lato", Arial, sans-serif;
  font-weight: var(--font-weight-bold);
}

body.account #maincontent .column.main .actions-toolbar .action.primary:hover,
body.account #maincontent .column.main .actions-toolbar .action.primary:focus,
body.account #maincontent .column.main .actions-toolbar .action.primary:focus-visible {
  border-color: var(--color-blue-petroleum);
  background: var(--color-blue-petroleum);
  color: var(--color-white);
}

body.account #maincontent .column.main .actions-toolbar .action.primary:focus-visible {
  outline: 2px solid var(--color-blue-petroleum);
  outline-offset: 2px;
}

.customer-address-index #maincontent .block-addresses-default .box-actions a.action,
.customer-address-index #maincontent .additional-addresses #additional-addresses-table a.action {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  margin: 0 8px 8px 0;
  padding: 0 12px;
  border: 1px solid var(--color-green-primary);
  border-radius: 0;
  background: var(--color-white);
  box-shadow: none;
  color: var(--color-green-primary);
  font-family: "Lato", Arial, sans-serif;
  font-weight: var(--font-weight-bold);
  line-height: 1.2;
  text-decoration: none;
  box-sizing: border-box;
}

.customer-address-index #maincontent .block-addresses-default .box-actions a.action:hover,
.customer-address-index #maincontent .block-addresses-default .box-actions a.action:focus-visible,
.customer-address-index #maincontent .additional-addresses #additional-addresses-table a.action:hover,
.customer-address-index #maincontent .additional-addresses #additional-addresses-table a.action:focus-visible {
  border-color: var(--color-green-primary);
  background: var(--color-green-primary);
  color: var(--color-white);
}

.customer-address-index #maincontent .block-addresses-default .box-actions a.action:focus-visible,
.customer-address-index #maincontent .additional-addresses #additional-addresses-table a.action:focus-visible {
  outline: 2px solid var(--color-blue-petroleum);
  outline-offset: 2px;
}

.customer-account-edit #maincontent .form-edit-account .fieldset.info .field.choice,
.newsletter-manage-index #maincontent .form-newsletter-manage .fieldset .field.choice {
  display: inline-flex;
  width: auto !important;
  min-height: 0;
  align-items: center;
  gap: 8px;
  margin: 0 16px 12px 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  vertical-align: middle;
}

.customer-account-edit #maincontent .form-edit-account .fieldset.info .field.choice .checkbox,
.newsletter-manage-index #maincontent .form-newsletter-manage .fieldset .field.choice .checkbox {
  position: static;
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: middle;
  transform: none;
}

.customer-account-edit #maincontent .form-edit-account .fieldset.info .field.choice > .label,
.newsletter-manage-index #maincontent .form-newsletter-manage .fieldset .field.choice > .label {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
  line-height: 16px;
  cursor: pointer;
}

.customer-account-edit #maincontent .form-edit-account .fieldset.info .field.choice > .label > span,
.newsletter-manage-index #maincontent .form-newsletter-manage .fieldset .field.choice > .label > span {
  margin: 0;
  line-height: 16px;
}

.customer-account-edit #maincontent .form-edit-account .allow_remote {
  display: block;
  width: 100%;
  margin: 12px 0 0;
}

.customer-account-edit #maincontent .form-edit-account .allow_remote .field.choice {
  margin: 0 0 8px;
}

.customer-account-edit #maincontent .form-edit-account .allow_remote .field-tooltip {
  display: none;
}

.customer-account-edit #maincontent .form-edit-account .allow_remote-description {
  display: block;
  max-width: 520px;
  margin: 0;
  color: var(--color-gray-5b5d5d);
  font-size: 12px;
  line-height: 1.5;
}

.customer-account-edit #maincontent .form-edit-account > .actions-toolbar {
  margin-top: 24px;
}

/* Mundial Farma: ações do formulário de endereço do cliente. */
@media all and (min-width: 768px) {
  .customer-address-form #maincontent .form-address-edit > .actions-toolbar {
    display: flex;
    width: calc(50% - 20px);
    align-items: center;
    justify-content: flex-start;
    clear: both;
    gap: 12px;
    margin: 24px 0 0 auto;
  }
}

.customer-address-form #maincontent .form-address-edit > .actions-toolbar::before,
.customer-address-form #maincontent .form-address-edit > .actions-toolbar::after {
  display: none;
}

.customer-address-form #maincontent .form-address-edit > .actions-toolbar > .primary,
.customer-address-form #maincontent .form-address-edit > .actions-toolbar > .secondary {
  display: flex;
  float: none;
  align-items: center;
  margin: 0;
}

.customer-address-form #maincontent .form-address-edit .action.save.primary,
.customer-address-form #maincontent .form-address-edit .action.back {
  display: inline-flex;
  min-width: 190px;
  height: 46px;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 8px 16px;
  border: 1px solid var(--color-green-primary);
  border-radius: 0;
  box-shadow: none;
  font-family: "Lato", Arial, sans-serif;
  font-size: 14px;
  font-weight: var(--font-weight-bold);
  line-height: 1;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  box-sizing: border-box;
}

.customer-address-form #maincontent .form-address-edit .action.save.primary {
  background: var(--color-green-primary);
  color: var(--color-white);
}

.customer-address-form #maincontent .form-address-edit .action.back {
  min-width: 120px;
  background: var(--color-white);
  color: var(--color-green-primary);
}

.customer-address-form #maincontent .form-address-edit .action.save.primary:hover,
.customer-address-form #maincontent .form-address-edit .action.save.primary:focus-visible {
  border-color: var(--color-blue-petroleum);
  background: var(--color-blue-petroleum);
  color: var(--color-white);
}

.customer-address-form #maincontent .form-address-edit .action.back:hover,
.customer-address-form #maincontent .form-address-edit .action.back:focus-visible {
  border-color: var(--color-blue-petroleum);
  background: var(--color-white);
  color: var(--color-blue-petroleum);
}

.customer-address-form #maincontent .form-address-edit .action.save.primary:focus-visible,
.customer-address-form #maincontent .form-address-edit .action.back:focus-visible {
  outline: 2px solid var(--color-blue-petroleum);
  outline-offset: 2px;
}

.customer-address-form #maincontent .form-address-edit .action.save.primary:disabled {
  border-color: var(--color-gray-cacaca);
  background: var(--color-gray-cacaca);
  color: var(--color-white);
  cursor: not-allowed;
}

@media all and (max-width: 767px) {
  .customer-address-form #maincontent .form-address-edit > .actions-toolbar,
  .customer-address-form #maincontent .form-address-edit > .actions-toolbar > .primary,
  .customer-address-form #maincontent .form-address-edit > .actions-toolbar > .secondary {
    display: flex;
    width: 100%;
    float: none;
    margin: 0;
  }

  .customer-address-form #maincontent .form-address-edit > .actions-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-top: 24px;
  }

  .customer-address-form #maincontent .form-address-edit .action.save.primary,
  .customer-address-form #maincontent .form-address-edit .action.back {
    width: 100%;
    min-width: 0;
  }
}