@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800;900&display=swap");

*, *::before, *::after { box-sizing: border-box; }

body {
   margin: 0;
   font-family: "Open Sans", Arial, sans-serif;
   background-color: #f3f4f5;
}

p  { margin: 0; }
h1, h2, h3, h4 { margin: 0; }
a  { text-decoration: none; }
ul { margin: 0; padding: 0; list-style: none; }

.pag-body {
   font-family: "Open Sans", Arial, sans-serif;
   overflow-x: clip;
   background-color: #f3f4f5;
}


.pag-section {
   background-color: #ffffff;
   padding: 0 25px;
   text-align: center;
   height: 452px;
   width: 100%;
   border-radius: 0px 80px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

.pag-inner {
   max-width: 900px;
   margin: 0 auto;
}

.pag-title {
   font-family: "Lato", Arial, sans-serif;
   font-size: 40px;
   font-weight: 800;
   color: #222324;
   line-height: 1.2;
   margin-bottom: 24px;
}

.pag-title::after {
   content: '.';
   color: #FFD139;
}

.pag-description {
   font-family: "Open Sans", Arial, sans-serif;
   font-weight: 400;
   font-size: 18px;
   line-height: 1.7;
   color: #222324;
   margin-bottom: 0;
}

.pag-br { display: block; }

@keyframes pag-scroll {
   0%   { transform: translateX(0); }
   100% { transform: translateX(calc(-160px * 11)); }
}

.pag-slider {
   overflow: hidden;
   position: relative;
   width: 100%;
   margin-top: 80px;
}

.pag-slide-track {
   display: flex;
   align-items: center;
   width: calc(160px * 22);
   animation: pag-scroll 30s linear infinite;
}

.pag-slide {
   width: 160px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.pag-slide img {
   width: 113px;
   height: 64px;
   object-fit: contain;
   display: block;
}

/* ── Mobile ── */
@media (max-width: 599px) {
   .pag-section {
      height: 512px;
      padding: 0 20px;
      border-radius: 0px 48px;
   }

   .pag-inner {
      padding: 0 8px;
   }

   .pag-title {
      white-space: normal;
   }

   .pag-description {
      white-space: normal;
   }

   .pag-br { display: inline; }
}

/* ── Tablet Vertical ── */
@media (min-width: 600px) and (max-width: 899px) {
   .pag-section {
      height: 512px;
      padding: 0 25px;
   }

   .pag-inner {
      width: 380px;
      max-width: 100%;
   }

   .pag-title {
      white-space: normal;
   }

   .pag-description {
      white-space: normal;
   }

   .pag-br { display: inline; }
}

/* ── Tablet Horizontal ── */
@media (min-width: 900px) and (max-width: 1279px) {
   .pag-section {
      height: 452px;
   }
}