/* ============================= */
/* MEDIA QUERY - até 1440px */
/* ============================= */
@media screen and (max-width: 1440px) {
  .nav-menu {
    width: 90vw;
    flex-wrap: wrap;
    height: 100%;
  }
  .nav-item {
    margin: 5px;
    flex-wrap: wrap;
  }
  .nav-item span { font-size: 1rem; }
}

/* ============================= */
/* MEDIA QUERY - até 1200px */
/* ============================= */
@media screen and (max-width: 1200px) {

  /* HEADER */
  .nav-menu { width: 90vw; flex-wrap: wrap; height: 100%; }
  .nav-item { margin: 5px; flex-wrap: wrap; }
  .nav-item span { font-size: 1rem; }

  /* HERO */
  .bg-hero { height: 120%; }
  .bg-hero img { height: 100%; top: -8%; }
  .hero-center { top: 30%; }
  .hero-span { font-size: 1.8rem; }
  .hero-p { font-size: 1.2rem; text-shadow: 2px 2px 2px black; }

  /* INDICATORS */
  .indicators-grid { padding: 10px; display: grid; grid-template-columns: auto auto; height: 100%; }
  .indicators-card { width: 100%; }
  .indicators-card-number { font-size: 2rem; margin-bottom: 0; }
  .indicators-card-description { font-size: 1rem; }


  /* ABOUT */
  #about { height: auto; padding: 20px; }
  .section-about { width: 100%; padding: 10px; }
  .about-text { width: 100%; gap: 0; }
  .title-about { width: 100%; margin-bottom: 0; line-height: 5.5rem; text-align: center; }
  .p-about { padding: 5px; }
  .list-about { width: 100%; }
  .ul-about { width: 100%; align-items: center; gap: 20px; }
  .card-about { padding: 20px; }
  .p-card-about { text-align: center; font-size: .9rem; }

  /* SERVICES */
  .services-title { font-size: 3rem; }
  .services-carousel { grid-auto-columns: calc((100% / 2) - 9px); }
  .services-card { width: 100%; }

  /* PAYMENT */
   .section-payment-methods { width: 90dvw; flex-direction: column-reverse; }
  .payment-methods-text { width: 100%; text-align: center; }
  .payment-methods-title { width: 100%; }
  .payment-methods { width: 100%; }
  .payment-methods-grid-pills { gap: 15px; padding: 0; grid-template-columns: auto auto; }

  /* FAQ */
   .section-faq { overflow: hidden; gap: 0; width: 100%; position: relative; }
  .faq-text { width: 100%; padding: 50px; z-index: 2; position: absolute; }
  .faq-img { z-index: 0; position: absolute; }
  .faq-img img { width: 300px; left: 500px; top: 70%; }

  /* FOOTER */
  .footer-section-right { font-size: .8rem; }
  .logo-footer { height: 200px; width: 200px; }
  .footer-left-p { margin-top: -25px; font-size: 0.8rem; }
  .copy-nexo { text-align: center; }
}

/* ============================= */
/* MEDIA QUERY - até 800px */
/* ============================= */
@media screen and (max-width: 800px) {

  /* HEADER */
  .nav-menu { width: 90vw; flex-wrap: wrap; height: 150px; }
  .nav-item { margin: 5px; flex-wrap: wrap; }
  .nav-item span { font-size: 1rem; }

  /* HERO */
  #hero {height: 120%;}
  .bg-hero { height: 120%; }
  .bg-hero img { height: 100%; right: 200px; }
  .hero-center { left: 0; }
  .hero-title { font-size: 4rem; }
  .hero-span { font-size: 1rem; }
  .hero-p { font-size: 1rem; text-shadow: 2px 2px 2px black; }

  /* INDICATORS */
  #indicators { height: 250px;}
  .indicators-grid { padding: 10px; display: grid; grid-template-columns: auto auto; height: 100%; }
  .indicators-card { width: 100px; text-align: center; }
  .indicators-card-number { font-size: 2rem; margin-bottom: 0; }
  .indicators-card-description { font-size: 1rem; }

  /* PARTNERS */
  #partners{height: 500px}
.partners-title{padding: 5px; line-height: 90%; font-size: 3.7rem;}

  /* ABOUT */
  #about { height: auto; padding: 20px; }
  .section-about { width: 100%; padding: 10px; }
  .about-text { width: 100%; gap: 0; }
  .title-about { width: 100%; margin-bottom: 0; line-height: 5.5rem; text-align: center; }
  .p-about { padding: 5px; }
  .list-about { width: 100%; }
  .ul-about { width: 100%; flex-direction: column; align-items: center; gap: 20px; }
  .card-about { width: 100%; height: 150px; flex-direction: row; padding: 20px; gap: 10px; }
  .title-card-about { flex: 0 0 50%; }
  .p-card-about { text-align: left; font-size: 0.7rem; }

  /* SERVICES */
  .services-title { font-size: 3rem; }
  .services-carousel { grid-auto-columns: 100%; }

  /* PAYMENT */
  .section-payment-methods { width: 90dvw; flex-direction: column-reverse; }
  .payment-methods-text { width: 100%; text-align: center; }
  .payment-methods-title { width: 100%; font-size: 2.7rem; }
  .payment-methods { width: 100%; }
  .payment-methods-grid-pills { gap: 5px; padding: 0; grid-template-columns: auto; }

  /* FAQ */
   .section-faq { overflow: hidden; gap: 0; width: 100%; position: relative; }
  .faq-text { width: 100%; padding: 50px; z-index: 2; position: absolute; }
  .faq-img { z-index: 0; position: absolute; }
  .faq-img img { width: 200px; left: 500px; top: 600px; }

  /* FOOTER */
  .footer-section-right { font-size: .8rem; }
  .footer-section-logo { width: 100%; }
  .logo-footer { height: 200px; width: 200px; }
  .footer-left-p { margin-top: -25px; font-size: 0.8rem; }
  .copy-nexo { text-align: center; }
}


/* ***************************************************************
|                             FEITO POR    

|
  #####     ##     ##   ##    ####   ##   ##  #######   #####
 ##   ##   ####    ###  ##   ##  ##  ##   ##   ##   #  ##   ##
 #        ##  ##   #### ##  ##       ##   ##   ## #    #
  #####   ##  ##   ## ####  ##       #######   ####     #####
      ##  ######   ##  ###  ##       ##   ##   ## #         ##
 ##   ##  ##  ##   ##   ##   ##  ##  ##   ##   ##   #  ##   ##
  #####   ##  ##   ##   ##    ####   ##   ##  #######   #####

***************************************************************** */