/* 
   Nutrición Page Specific Custom Stylesheet
   This file is only loaded on the /nutricion/ page.
*/
/* Main Hero Video */
.masked-video {
   width: 476px;
   aspect-ratio: 476 / 427;
   max-width: 100%;
   overflow: hidden;
   margin: 0 auto;
}

.masked-video video {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
   -webkit-clip-path: url(#myShape);
   clip-path: url(#myShape);
   -webkit-mask-image: -webkit-radial-gradient(white, black);
   /* Safari fix */
}

@media (max-width: 1200px) {
   .masked-video {
      width: 360px;
   }
}

/* Main Hero Video end */

/* Main Hero Heading */
@media (max-width: 1200px) {
   .nutricion-main-heading {
      width: 100% !important;
      max-width: 500px !important;
   }
}

/* Main Hero Heading */

/* Section 3 images */
.box-highlight h2 {
   line-height: 2.9rem;
}

.line-h2-green {
   position: relative;
   padding: .05em .15em;
   background: #D1FADF;
   box-shadow: 9999px 0 0 #D1FADF inset;
}

/* Section 3 images end */

/* Nutrition Blog */
.nutrition-blog {
   overflow-x: hidden;
}

/* Nutrition Blog end */

/* Preguntas frecuents */
.preguntas-frecuentes .e-n-accordion-item .e-n-accordion-item-title {
   border-radius: 12px 12px 12px 12px !important;
}

.preguntas-frecuentes .e-n-accordion-item[open] .e-n-accordion-item-title {
   border-radius: 12px 12px 0px 0px !important;
}

.preguntas-frecuentes .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened {
   height: 14px;
   width: 26px;
}

/* Preguntas frecuents end */
@media (max-width: 700px) {
   .nutrifit-tabs__pills {
      display: flex !important;
      flex-wrap: nowrap !important;
      flex-direction: row !important;

   }

   .nutrifit-tabs__pills button {
      border: unset;
   }

   .nutrifit-tabs__pills button:hover {
      background-color: unset !important;
   }

   .nutrifit-tabs__pills button:focus {
      background-color: unset !important;
   }

   .nutrifit-tabs__pills button:active {
      background-color: unset !important;
   }

   .nutrifit-tabs__pills.slick-initialized .slick-track {
      display: flex;
      gap: 20px;
      align-items: center;
      padding-top: 10px;
      padding-bottom: 10px;
   }

   .nutrifit-tabs__pills {
      padding-top: 10px;
      padding-bottom: 44px;
   }

   .nutri-pill {
      appearance: none;
      width: 300px;
      text-wrap: wrap;
      border: 1px solid #05603A !important;
      box-shadow: unset !important;
      pointer-events: none;
   }

   .nutri-pill:disabled {
      color: #ffffff !important;
      background-color: #05603A !important;
   }

   .nutri-pill.is-active {
      color: #ffffff !important;
      background-color: #05603A !important;
   }

   .nutrifit-tabs__pills .slick-list {
      display: flex !important;
      justify-content: center;
      align-items: center;
   }
}