/* petroleo: page layout and artwork dimensions. */

:where([data-layout="mobile"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="mobile"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 200px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="mobile"]) .page-grid > [id="comp-mpji4mmb"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 160px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="mobile"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: auto;
    grid-template-rows: repeat(6, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="mobile"]) [data-mesh-id="comp-mpji4mmv-rotated-wrapper"] > [id="comp-mpji4mmv"] {
    position: relative;
    left: 145px;
    top: -15px;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpji4mmq9"] {
    position: relative;
    margin: 20px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpji4mmr5"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpji4mms"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpji4mmt6"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 4 / 1 / 5 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpjiu75e"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 160px);
    left: 20px;
    grid-area: 5 / 1 / 6 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) .section-1-grid > [id="comp-mpji4mmt12"] {
    position: relative;
    margin: 0px 0px 25px calc(50% - 160px);
    left: 20px;
    grid-area: 6 / 1 / 7 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) [data-mesh-id="comp-mpji4mmv-rotated-wrapper"] {
    position: static;
    height: 31px;
    width: 0px;
    margin: 0px 0px 34px calc(50% - 160px);
    grid-area: 7 / 1 / 8 / 2;
    place-self: start;
  }

:where([data-layout="mobile"]) #comp-mpjiu75e {
    width: 280px;
    height: 361px;
  }

@media (prefers-reduced-motion: no-preference) {
    :where([data-layout="mobile"]) #comp-mpji4mmv:not([data-motion-enter="done"]) {
      animation: auto ease 0s 1 normal none running none;
      animation-composition: replace;
    }
  }

:where([data-layout="mobile"]) #dajt7 {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    width: auto;
    min-height: 200px;
  }

:where([data-layout="mobile"]) #pageBackground_dajt7 {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="mobile"]) #comp-mpji4mmb {
    left: 0px;
    margin-left: 0px;
    width: 320px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 320px;
  }

:where([data-layout="mobile"]) #comp-mpji4mmq9 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --font_1: normal normal normal 15.11111111111111px/1.4em din-next-w01-light,sans-serif;
    --font_2: normal normal normal 16.055555555555554px/1.4em syne,sans-serif;
    --font_3: normal normal normal 16.055555555555554px/1.4em syne,sans-serif;
    --font_5: normal normal normal 23.61111111111111px/1.4em syne,sans-serif;
    --font_6: normal normal normal 34px/1.4em syne,sans-serif;
    --font_7: normal normal normal 23.61111111111111px/1.4em questrial,sans-serif;
    --font_8: normal normal normal 15.11111111111111px/1.4em questrial,sans-serif;
    --font_9: normal normal normal 14.166666666666666px/1.4em questrial,sans-serif;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mpji4mmr5 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mpji4mms {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mpji4mmt6 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mpji4mmt12 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 280px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="mobile"]) #comp-mpji4mmv {
    width: 30px;
    height: 60px;
    transform: rotate(270deg);
    --fill-opacity: 1;
    --stroke-width: 0;
    --stroke: #ED1566;
    --stroke-opacity: 1;
    --fill: #424242;
  }

@keyframes motion-revealIn {
    0% {
      opacity: 0;
      animation-timing-function: step-end;
    }

    0.0001% {
      opacity: var(--comp-opacity, 1);
      clip-path: var(--motion-clip-start, polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%));
    }

    100% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
  }

:where([data-layout="desktop"]) #masterPage {
    --pinned-layers-in-page: 0;
  }

:where([data-layout="desktop"]) .page-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .page-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 40px;
    grid-template-rows: 1fr;
    grid-template-columns: 100%;
    padding-bottom: 0px;
    box-sizing: border-box;
  }

:where([data-layout="desktop"]) .page-grid > [id="comp-mpji4mmb"] {
    position: relative;
    margin: 0px 0px 0px calc(50% - 490px);
    left: 0px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-content {
    height: auto;
    width: 100%;
  }

:where([data-layout="desktop"]) .section-1-grid {
    position: static;
    display: grid;
    height: auto;
    width: 100%;
    min-height: 806px;
    grid-template-rows: repeat(6, min-content) 1fr;
    grid-template-columns: 100%;
  }

:where([data-layout="desktop"]) [data-mesh-id="comp-mpji4mmv-rotated-wrapper"] > [id="comp-mpji4mmv"] {
    position: relative;
    left: 827px;
    top: -14px;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpjiu75e"] {
    position: relative;
    margin: 8px 0px 10px calc(50% - 490px);
    left: 12px;
    grid-area: 1 / 1 / 6 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpji4mmq9"] {
    position: relative;
    margin: 18px 0px 11px calc(50% - 490px);
    left: 568px;
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpji4mmr5"] {
    position: relative;
    margin: 0px 0px 5px calc(50% - 490px);
    left: 568px;
    grid-area: 2 / 1 / 3 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpji4mms"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 490px);
    left: 568px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpji4mmt6"] {
    position: relative;
    margin: 40px 0px 10px calc(50% - 490px);
    left: 568px;
    grid-area: 3 / 1 / 4 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-grid > [id="comp-mpji4mmt12"] {
    position: relative;
    margin: 0px 0px 10px calc(50% - 490px);
    left: 568px;
    grid-area: 4 / 1 / 5 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) [data-mesh-id="comp-mpji4mmv-rotated-wrapper"] {
    position: static;
    height: 29px;
    width: 0px;
    margin: 0px 0px 10px calc(50% - 490px);
    grid-area: 7 / 1 / 8 / 2;
    place-self: start;
  }

:where([data-layout="desktop"]) .section-1-spacer-7 {
    visibility: hidden;
    height: 581px;
    width: 0px;
    grid-area: 1 / 1 / 7 / 2;
  }

:where([data-layout="desktop"]) #comp-mpjiu75e {
    width: 532px;
    height: 501px;
  }

:where([data-layout="desktop"]) #dajt7 {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    width: auto;
    min-height: 40px;
  }

:where([data-layout="desktop"]) #pageBackground_dajt7 {
    --bg-position: absolute;
    --bg-overlay-color: rgb(255,255,255);
    --bg-gradient: none;
  }

:where([data-layout="desktop"]) #comp-mpji4mmb {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    min-width: 0px;
    --bg-overlay-color: transparent;
    --bg-gradient: none;
    min-width: 980px;
  }

:where([data-layout="desktop"]) #comp-mpji4mmq9 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 404px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-mpji4mmr5 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 310px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-mpji4mms {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 330px;
    height: auto;
    --min-height: 117px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-mpji4mmt6 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 330px;
    height: auto;
    --min-height: 117px;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-mpji4mmt12 {
    --backgroundColor: 0,0,0;
    --alpha-backgroundColor: 0;
    --blendMode: normal;
    --textShadow: 0px 0px transparent;
    --textOutline: 0px 0px transparent;
    width: 310px;
    height: auto;
    --text-direction: ltr;
  }

:where([data-layout="desktop"]) #comp-mpji4mmv {
    width: 28px;
    height: 57px;
    transform: rotate(270deg);
    --fill-opacity: 1;
    --stroke-width: 0;
    --stroke: #ED1566;
    --stroke-opacity: 1;
    --fill: #424242;
  }