.mexicogp_white_logo {
  display: none;
}
.mexicogp_black_logo {
  display: block;
}

#init_menu_mxgp #open_menu_mxgp {
    background-color: #fff;
    color: #000;
}

.page-template-temp_sostenibilidad_2025 .title_header,
.page-template-temp_sostenibilidad_resultados_2025 .title_header{
  padding-top: 130px;
}

.content_padding {
  padding: 1rem max(20px, 2vw);
}

.grid_row_content {
  display: flex;
}

.grid_space_top {
  margin-top: 0.5rem;
}

.title {
  text-align: center;
  font-size: 6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  text-transform: none;
}

.text_bold {
  color: #0D0D17;
  font-family: 'Formula1_bold' !important;
  font-size: 1.3rem !important;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.text_bold_medium {
  color: #0D0D17;
  font-family: 'Formula1_bold' !important;
  font-size: 1.2rem !important;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.text_bold_mini {
  color: #0D0D17;
  font-family: 'Formula1_bold' !important;
  font-size: 1.1rem !important;
  font-style: normal;
  font-weight: 800;
  line-height: 120%;
}

.text_regular {
  color: #0D0D17;
  font-family: 'Formula1_regular'  !important;
  font-size: 0.8rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}

.hero_sostenibilidad {
  align-items: center;
  display: flex;
  height: 60dvh;
  justify-content: center;
  margin-top: 4rem;
}

.hero_sostenibilidad_content {
  max-width: 750px;
  width: 60%;
}

.bg_container {
  background-size: cover;
  background-position: center center;
}

.grid_head .grid_categories {
  padding: 0 4rem;
}

.border_button.grey_border a, 
.border_button.grey_border span {
  color: #a5a5a5;
  font-family: "Inter";
  font-size: 0.9rem;
  text-shadow: none;
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  padding: 0 5px;
}

.border_button.grey_border, 
.border_button.grey_border:hover {
  color: #000;
  border-radius: 0;
  border: none;
  border-bottom: none;
  border-bottom: 2px solid transparent;
}

.border_button.grey_border.active, 
.border_button.grey_border:hover {
  border-bottom: 2px solid #000;
}

.border_button.grey_border {
  border: none;
}

.border_button.grey_border a,
.border_button.grey_border span {
  color: #a5a5a5;
}

.border_button.grey_border.active a,
.border_button.grey_border.active span {
  color: #000 !important;
}

.green_border {
  border: 3px solid #B2EF10;
}

.blue_border {
  border: 3px solid #00E6FF;
}

.grid_item {
  background: #FAF9F8;
  border-radius: 20px;
  padding: 1.5rem;
}

.grid_blue_bg {
  background: #00E6FF;
}

.grid_item .big_icon {
  display: block;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
  width: 80%;
}

.grid_item .grid_icon {
  max-width: 80%;
}

/* .grid_item .grid_icon {
  width: 4rem;
}*/
  
.sostenibilidad_2025_resultados_grid_1 .grid_item .grid_icon {
  margin-bottom: 1rem;
}

/* .sostenibilidad_2025_resultados_grid_2 .grid_item.green_border .grid_icon {
  width: 3rem;
} */

.sostenibilidad_2025_resultados_grid_2 .grid_item .grid_icon.centered {
  margin: 0 auto 1rem auto;
}



.sostenibilidad_2025_resultados_grid_2 .grid_item.green_border {
  align-items: center;
}

.grid_info_column {}

.grid_info_row {
  align-items: center;
  display: flex;
  gap: 1rem;
}

.grid_centered {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.grid_aligned {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sostenibilidad_2025_resultados_grid_2 .grid_item p,
.sostenibilidad_2025_resultados_grid_3 .grid_item p,
.grid_centered p {
  margin: 0;
}

.full_image {
  align-items: center;
  display: flex;
  justify-content: center;
}

.space_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.sostenibilidad_2025_grid_1 {
  display: grid;
  grid-template-columns: calc(37% - 3rem) 21% 21% 21%;
  grid-template-areas: 
    "logo dry_toilets_1 dry_toilets_2 dry_toilets_3"
    "circular_waste_1 dry_toilets_1 dry_toilets_2 dry_toilets_3"
    "circular_waste_1 circular_waste_2 circular_waste_2 circular_waste_3"
    "circular_waste_1 circular_waste_2 circular_waste_2 circular_waste_3";
  gap: 1rem;
  margin-top: 4rem;
}

.sostenibilidad_2025_grid_2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 
    "recycled_glass_1 recycled_glass_2 circular_waste_4 circular_waste_5"
    "animal_welfare_1 animal_welfare_1 animal_welfare_2 animal_welfare_2";
  gap: 1rem;
  padding-top: 0;
}

.sostenibilidad_2025_resultados_grid_1 {
  display: grid;
  grid-template-columns: 15% 15% calc(70% - 2rem);
  grid-template-areas: 
    "title title download"
    "glass aluminum chart"
    "tetrapak compost chart";
  gap: 1rem;
  margin-top: 4rem;
}

.sostenibilidad_2025_resultados_grid_2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-areas: 
    "hybrid dry_toilets nursery mobility"
    "solar dry_toilets nursery mobility";
  gap: 1rem;
  padding-top: 0;
}

.sostenibilidad_2025_resultados_grid_3 {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  gap: 1rem;
  grid-template-areas:
   "impact impact impact impact impact donations donations donations donations marigold marigold marigold marigold textile textile textile textile"
   "inclusion inclusion inclusion inclusion inclusion donations donations donations donations marigold marigold marigold marigold textile textile textile textile"
   "f1academy f1academy f1academy f1academy f1academy protection protection protection protection_2 protection_2 protection_2 gridkids gridkids gridkids gridkids gridkids gridkids"
   "community community community community community protection_3 protection_3 protection_3 kidsjourn kidsjourn kidsjourn nursery_2 nursery_2 nursery_2 nursery_2 nursery_2 nursery_2"
   "unicef unicef unicef unicef unicef protection_3 protection_3 protection_3 kidsjourn kidsjourn kidsjourn nursery_2 nursery_2 nursery_2 nursery_2 nursery_2 nursery_2"
   "unicef unicef unicef unicef unicef mobility_2 mobility_2 mobility_2 mobility_2 mobility_2 mobility_2 nursery_2 nursery_2 nursery_2 nursery_2 nursery_2 nursery_2"
   "unicef unicef unicef unicef unicef mobility_2 mobility_2 mobility_2 mobility_2 mobility_2 mobility_2 drytoilets drytoilets drytoilets drytoilets drytoilets drytoilets";
}

.sostenibilidad_2025_resultados_grid_3 .grid_info_column .grid_icon {
  margin-bottom: 1rem;
}

.grid_icons_container {
  display: flex;
  gap: 1rem;
  justify-content: space-around;
}

.grid_logo {
  grid-area: logo;
}

.grid_dry_toilets_1 {
  grid-area: dry_toilets_1;
}

.grid_dry_toilets_2 {
  grid-area: dry_toilets_2;
}

.grid_dry_toilets_3 {
  grid-area: dry_toilets_3;
}

.grid_circular_waste_1 {
  grid-area: circular_waste_1;
}

.grid_circular_waste_1 .big_icon {
  margin: 2rem auto;
  width: 60%;
}

.grid_circular_waste_1_b {
  display: none;
  grid-area: circular_waste_1_b;
}

.grid_circular_waste_2 {
  grid-area: circular_waste_2;
}

.grid_circular_waste_3 {
  grid-area: circular_waste_3;
}

.grid_circular_waste_4 {
  grid-area: circular_waste_4;
}

.grid_circular_waste_4_b {
  display: none;
  grid-area: circular_waste_4_b;
}

.grid_circular_waste_5 {
  grid-area: circular_waste_5;
}

.grid_circular_waste_5 .big_icon {
  margin: 0 0 2rem auto;
  min-width: 170px;
  width: 30%;
}

.grid_circular_waste_5_b {
  display: none;
  grid-area: circular_waste_5_b;
}

.grid_recycled_glass_1 {
  grid-area: recycled_glass_1;
}

.grid_recycled_glass_2 {
  grid-area: recycled_glass_2;
}

.grid_animal_welfare_1 {
  grid-area: animal_welfare_1;
}

.grid_animal_welfare_2 {
  grid-area: animal_welfare_2;
}

.grid_animal_welfare_2 .big_icon {
  width: 56%;
}

.grid_title {
  grid-area: title;
}

.grid_download {
  align-items: center;
  grid-area: download;
  justify-content: space-between;
}

.grid_download .grid_row_content {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

/*.grid_download .grid_icon {
  height: 2.6rem;
  width: auto;
}*/

.grid_download p {
  margin: 0;
}

.grid_pie_chart {
  align-items: center;
  display: flex;
  grid-area: chart;
  justify-content: center;
}
.grid_pie_chart img { max-height: 45dvh; max-width: 100%; width: auto; }
.grid_glass { grid-area: glass; }
.grid_aluminum { grid-area: aluminum; }
.grid_tetrapak { grid-area: tetrapak; }
.grid_compost { grid-area: compost; }
.grid_hybrid { grid-area: hybrid; }
.grid_solar { grid-area: solar; }
.grid_dry_toilets { grid-area: dry_toilets; }
.grid_nursery { grid-area: nursery; }
.grid_mobility { grid-area: mobility; }
.grid_impact { grid-area: impact; }
.grid_donations  { grid-area: donations; }
.grid_marigold   { grid-area: marigold; }
/*.grid_marigold .grid_icon { width: 40%; }*/
.grid_textile    { grid-area: textile; }
/*.grid_textile .grid_icon { width: 30%; }*/
.grid_inclusion  { grid-area: inclusion; }
.grid_f1academy  { grid-area: f1academy; }
.grid_protection  { grid-area: protection; }
/*.grid_protection .grid_icon { max-height: 3rem; width: auto; }*/
.grid_protection_2   { grid-area: protection_2; }
/*.grid_protection_2 .grid_icon {  width: 40%; } */
.grid_gridkids   { grid-area: gridkids; }
/*.grid_gridkids .grid_icon { width: 20%; }*/
.grid_community  { grid-area: community; }
.grid_protection_3 { grid-area: protection_3; }
.grid_kidsjourn  { grid-area: kidsjourn; }
/*.grid_kidsjourn .grid_icon { width: 90%; }*/
.grid_nursery_2    { grid-area: nursery_2; }
/*.grid_nursery_2 .grid_icon { width: 40%; } */
.grid_unicef     { grid-area: unicef; }
/*.grid_unicef .grid_icon { width: 40%; } */
.grid_mobility_2   { grid-area: mobility_2; }
.grid_drytoilets { grid-area: drytoilets; }
/*.grid_drytoilets .grid_icon { width: 15%; } */


.tag {
  border-radius: 26.5px;
  background: #B2EF10;
  display: inline-block;
  color: #000;
  font-family: 'Inter';
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
}

.grid_item h4 {
  color: #0D0D17;
  font-family: 'Formula1_bold';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

.grid_item p {
  font-family: 'Inter';
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.grid_item .highlighted {
  color: #000;
  font-family: 'Formula1_regular';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: uppercase;
}

.grid_item .grey_text {
  color: #878787;
}

@media (max-width: 1440px) {
	.title {
    font-size: 4.5rem;
  }
}


@media (max-width: 1200px) {
  .grid_icons_container .grid_icon {
    max-width: 40%;
  }

  .grid_blue_bg {
    text-align: center;
  }

	.title {
    font-size: 4.5rem;
  }

  .sostenibilidad_2025_grid_1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 
      "logo dry_toilets_1"
      "dry_toilets_2 dry_toilets_3"
      "circular_waste_1 circular_waste_1_b"
      "circular_waste_3 circular_waste_2";
  }

  .sostenibilidad_2025_grid_2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 
      "recycled_glass_1 recycled_glass_2"
      "circular_waste_5_b circular_waste_4_b"
      "animal_welfare_1 animal_welfare_2";
  }

  .sostenibilidad_2025_resultados_grid_1 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 
      "title title"
      "download download"
      "glass aluminum"
      "tetrapak compost"
      "chart chart";
  }

  .sostenibilidad_2025_resultados_grid_2 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 
      "hybrid dry_toilets"
      "solar dry_toilets"
      "nursery mobility";
  }

  .sostenibilidad_2025_resultados_grid_3 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "impact impact impact impact impact impact"
      "inclusion inclusion inclusion inclusion inclusion inclusion"
      "f1academy f1academy f1academy f1academy f1academy f1academy"
      "community community community community community community"
      "donations donations marigold marigold textile textile"
      "protection protection protection protection_2 protection_2 protection_2"
      "protection_3 protection_3 protection_3 kidsjourn kidsjourn kidsjourn"
      "mobility_2 mobility_2 mobility_2 nursery_2 nursery_2 nursery_2"
      "unicef unicef unicef gridkids gridkids gridkids"
      "unicef unicef unicef drytoilets drytoilets drytoilets";
  }

  .grid_circular_waste_1 .big_icon,
  .grid_circular_waste_5 img {
    display: none;
  }

  .grid_circular_waste_4,
  .grid_circular_waste_5 {
    display: none;
  }

  .grid_circular_waste_1_b,
  .grid_circular_waste_4_b,
  .grid_circular_waste_5_b {
    display: block;
  }
}


@media screen and (max-width: 768px) {
	.title {
    font-size: 2.2rem;
  }

  .sostenibilidad_2025_grid_1 {
    grid-template-columns: 1fr;
    grid-template-areas: 
      "logo"
      "dry_toilets_1"
      "dry_toilets_2"
      "dry_toilets_3"
      "circular_waste_1"
      "circular_waste_1_b"
      "circular_waste_2"
      "circular_waste_3";
  }

  .sostenibilidad_2025_grid_2 {
    grid-template-columns: 1fr;
    grid-template-areas: 
      "recycled_glass_1"
      "recycled_glass_2"
      "circular_waste_4_b"
      "circular_waste_5_b"
      "animal_welfare_1"
      "animal_welfare_2";
  }


  .sostenibilidad_2025_resultados_grid_2 {
    grid-template-columns: 1fr;
    grid-template-areas: 
      "hybrid"
      "solar"
      "dry_toilets"
      "nursery"
      "mobility";
  }

  .sostenibilidad_2025_resultados_grid_3 {
    grid-template-columns: repeat(6, 1fr);
    grid-template-areas:
      "impact impact impact impact impact impact"
      "inclusion inclusion inclusion inclusion inclusion inclusion"
      "f1academy f1academy f1academy f1academy f1academy f1academy"
      "community community community community community community"
      "donations donations donations donations donations donations"
      "marigold marigold marigold textile textile textile"
      "protection protection protection protection_2 protection_2 protection_2"
      "protection_3 protection_3 protection_3 kidsjourn kidsjourn kidsjourn"
      "gridkids gridkids gridkids gridkids gridkids gridkids"
      "nursery_2 nursery_2 nursery_2 nursery_2 nursery_2 nursery_2"
      "unicef unicef unicef unicef unicef unicef"
      "mobility_2 mobility_2 mobility_2 mobility_2 mobility_2 mobility_2"
      "drytoilets drytoilets drytoilets drytoilets drytoilets drytoilets";
  }

  .grid_circular_waste_1 img,
  .grid_circular_waste_5 img {
    display: none;
  }

  .grid_circular_waste_4,
  .grid_circular_waste_5 {
    display: none;
  }

  .grid_circular_waste_1_b,
  .grid_circular_waste_4_b,
  .grid_circular_waste_5_b {
    display: block;
  }

  .grid_download {
    flex-direction: column;
    gap: 1rem;
  }

  .grid_download .grid_icon {
    max-width: 2.5rem;
  }
}