@font-face {
  font-family: "tahoma-bold";
  src: url("../../assets/fonts/tahoma/tahoma-bold.woff2") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "tahoma";
  src: url("../../assets/fonts/tahoma/tahoma.woff2") format("truetype");
  font-display: swap;
}
.ff-tahoma {
  font-family: "tahoma", Arial, sans-serif;
  line-height: 1.4;
}

.ff-tahoma-bold {
  font-family: "tahoma-bold", Arial, sans-serif;
  font-weight: bold;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon/icomoon.eot?6oo6e6");
  src: url("../fonts/icomoon/icomoon.eot?6oo6e6#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.woff2?6oo6e6") format("truetype"), url("../fonts/icomoon/icomoon.woff?6oo6e6") format("woff"), url("../fonts/icomoon/icomoon.svg?6oo6e6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^=icon-],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
  content: "\e901";
}

.icon-arrow-right:before {
  content: "\e902";
}

.icon-facebook:before {
  content: "\e903";
}

.icon-instagram:before {
  content: "\e904";
}

.icon-spotify:before {
  content: "\e906";
}

.icon-youtube:before {
  content: "\e907";
}

.m-0-auto {
  margin: 0 auto;
}

.m-0 {
  margin: 0;
}

.m-0_125 {
  margin: 0.125rem;
}

.m-0_25 {
  margin: 0.25rem;
}

.m-0_5 {
  margin: 0.5rem;
}

.m-1 {
  margin: 1rem;
}

.m-1_5 {
  margin: 1.5rem;
}

.m-2 {
  margin: 2rem;
}

.m-3 {
  margin: 3rem;
}

.m-4 {
  margin: 4rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-0_125 {
  margin-top: 0.125rem;
}

.mt-0_25 {
  margin-top: 0.25rem;
}

.mt-0_5 {
  margin-top: 0.5rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-1_5 {
  margin-top: 1.5rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-0_125 {
  margin-bottom: 0.125rem;
}

.mb-0_25 {
  margin-bottom: 0.25rem;
}

.mb-0_5 {
  margin-bottom: 0.5rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-1_5 {
  margin-bottom: 1.5rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.ml-0 {
  margin-left: 0;
}

.ml-0_125 {
  margin-left: 0.125rem;
}

.ml-0_25 {
  margin-left: 0.25rem;
}

.ml-0_5 {
  margin-left: 0.5rem;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-1_5 {
  margin-left: 1.5rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.ml-4 {
  margin-left: 4rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-0_125 {
  margin-right: 0.125rem;
}

.mr-0_25 {
  margin-right: 0.25rem;
}

.mr-0_5 {
  margin-right: 0.5rem;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-1_5 {
  margin-right: 1.5rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mr-4 {
  margin-right: 4rem;
}

.p-0 {
  padding: 0;
}

.p-0_125 {
  padding: 0.125rem;
}

.p-0_25 {
  padding: 0.25rem;
}

.p-0_5 {
  padding: 0.5rem;
}

.p-1 {
  padding: 1rem;
}

.p-1_5 {
  padding: 1.5rem;
}

.p-2 {
  padding: 2rem;
}

.p-3 {
  padding: 3rem;
}

.p-4 {
  padding: 4rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-0_125 {
  padding-top: 0.125rem;
}

.pt-0_25 {
  padding-top: 0.25rem;
}

.pt-0_5 {
  padding-top: 0.5rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-1_5 {
  padding-top: 1.5rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-0_125 {
  padding-bottom: 0.125rem;
}

.pb-0_25 {
  padding-bottom: 0.25rem;
}

.pb-0_5 {
  padding-bottom: 0.5rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-1_5 {
  padding-bottom: 1.5rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-0_125 {
  padding-left: 0.125rem;
}

.pl-0_25 {
  padding-left: 0.25rem;
}

.pl-0_5 {
  padding-left: 0.5rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pl-1_5 {
  padding-left: 1.5rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-0_125 {
  padding-right: 0.125rem;
}

.pr-0_25 {
  padding-right: 0.25rem;
}

.pr-0_5 {
  padding-right: 0.5rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pr-1_5 {
  padding-right: 1.5rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pr-4 {
  padding-right: 4rem;
}

.gap-0 {
  gap: 0;
}

.gap-0_125 {
  gap: 0.125rem;
}

.gap-0_25 {
  gap: 0.25rem;
}

.gap-0_5 {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.gap-1_5 {
  gap: 1.5rem;
}

.gap-2 {
  gap: 2rem;
}

.gap-3 {
  gap: 3rem;
}

.gap-4 {
  gap: 4rem;
}

.row-gap-0 {
  row-gap: 0;
}

.row-gap-0_125 {
  row-gap: 0.125rem;
}

.row-gap-0_25 {
  row-gap: 0.25rem;
}

.row-gap-0_5 {
  row-gap: 0.5rem;
}

.row-gap-1 {
  row-gap: 1rem;
}

.row-gap-1_5 {
  row-gap: 1.5rem;
}

.row-gap-2 {
  row-gap: 2rem;
}

.row-gap-3 {
  row-gap: 3rem;
}

.row-gap-4 {
  row-gap: 4rem;
}

.col-gap-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.col-gap-0_125 {
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
}

.col-gap-0_25 {
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}

.col-gap-0_5 {
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.col-gap-1 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.col-gap-1_5 {
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.col-gap-2 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.col-gap-3 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.col-gap-4 {
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

.pos-relative {
  position: relative;
}

.pos-absolute {
  position: absolute;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

@media (min-width: 786px) {
  .w-md-100 {
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .w-lg-100 {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

@media (min-width: 786px) {
  .w-md-90 {
    width: 90%;
  }
}

@media (min-width: 1024px) {
  .w-lg-90 {
    width: 90%;
  }
}

@media (min-width: 768px) {
  .h-md-90 {
    height: 90%;
  }
}

.w-80 {
  width: 80%;
}

.h-80 {
  height: 80%;
}

@media (min-width: 786px) {
  .w-md-80 {
    width: 80%;
  }
}

@media (min-width: 1024px) {
  .w-lg-80 {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .h-md-80 {
    height: 80%;
  }
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

@media (min-width: 786px) {
  .w-md-70 {
    width: 70%;
  }
}

@media (min-width: 1024px) {
  .w-lg-70 {
    width: 70%;
  }
}

@media (min-width: 768px) {
  .h-md-70 {
    height: 70%;
  }
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

@media (min-width: 786px) {
  .w-md-60 {
    width: 60%;
  }
}

@media (min-width: 1024px) {
  .w-lg-60 {
    width: 60%;
  }
}

@media (min-width: 768px) {
  .h-md-60 {
    height: 60%;
  }
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

@media (min-width: 786px) {
  .w-md-50 {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .w-lg-50 {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .h-md-50 {
    height: 50%;
  }
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

@media (min-width: 786px) {
  .w-md-40 {
    width: 40%;
  }
}

@media (min-width: 1024px) {
  .w-lg-40 {
    width: 40%;
  }
}

@media (min-width: 768px) {
  .h-md-40 {
    height: 40%;
  }
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

@media (min-width: 786px) {
  .w-md-30 {
    width: 30%;
  }
}

@media (min-width: 1024px) {
  .w-lg-30 {
    width: 30%;
  }
}

@media (min-width: 768px) {
  .h-md-30 {
    height: 30%;
  }
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

@media (min-width: 786px) {
  .w-md-20 {
    width: 20%;
  }
}

@media (min-width: 1024px) {
  .w-lg-20 {
    width: 20%;
  }
}

@media (min-width: 768px) {
  .h-md-20 {
    height: 20%;
  }
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

@media (min-width: 786px) {
  .w-md-10 {
    width: 10%;
  }
}

@media (min-width: 1024px) {
  .w-lg-10 {
    width: 10%;
  }
}

@media (min-width: 768px) {
  .h-md-10 {
    height: 10%;
  }
}

header {
  background-color: #c43364;
}
@media (max-width: 768px) {
  header {
    background-color: #9f2653;
  }
}

.header-wrapper {
  position: relative;
  height: 700px;
  overflow: hidden;
  background-image: url("../imgs/fondo-desktop-hd.webp?v=2");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% center;
  background-blend-mode: overlay;
  -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 91.52%, 2% 91.04%, 4% 90.53%, 6% 90.01%, 8% 89.49%, 10% 88.98%, 12% 88.5%, 14% 88.04%, 16% 87.63%, 18% 87.26%, 20% 86.95%, 22% 86.71%, 24% 86.53%, 26% 86.43%, 28% 86.4%, 30% 86.45%, 32% 86.57%, 34% 86.76%, 36% 87.02%, 38% 87.34%, 40% 87.71%, 42% 88.14%, 44% 88.6%, 46% 89.09%, 48% 89.61%, 50% 90.13%, 52% 90.64%, 54% 91.15%, 56% 91.63%, 58% 92.07%, 60% 92.47%, 62% 92.82%, 64% 93.12%, 66% 93.34%, 68% 93.5%, 70% 93.59%, 72% 93.59%, 74% 93.53%, 76% 93.39%, 78% 93.18%, 80% 92.91%, 82% 92.57%, 84% 92.18%, 86% 91.74%, 88% 91.27%, 90% 90.77%, 92% 90.26%, 94% 89.74%, 96% 89.22%, 98% 88.73%, 100% 88.25%);
          clip-path: polygon(100% 0%, 0% 0%, 0% 91.52%, 2% 91.04%, 4% 90.53%, 6% 90.01%, 8% 89.49%, 10% 88.98%, 12% 88.5%, 14% 88.04%, 16% 87.63%, 18% 87.26%, 20% 86.95%, 22% 86.71%, 24% 86.53%, 26% 86.43%, 28% 86.4%, 30% 86.45%, 32% 86.57%, 34% 86.76%, 36% 87.02%, 38% 87.34%, 40% 87.71%, 42% 88.14%, 44% 88.6%, 46% 89.09%, 48% 89.61%, 50% 90.13%, 52% 90.64%, 54% 91.15%, 56% 91.63%, 58% 92.07%, 60% 92.47%, 62% 92.82%, 64% 93.12%, 66% 93.34%, 68% 93.5%, 70% 93.59%, 72% 93.59%, 74% 93.53%, 76% 93.39%, 78% 93.18%, 80% 92.91%, 82% 92.57%, 84% 92.18%, 86% 91.74%, 88% 91.27%, 90% 90.77%, 92% 90.26%, 94% 89.74%, 96% 89.22%, 98% 88.73%, 100% 88.25%);
}
.header-wrapper .header-bg-mobile {
  display: none;
}
@media (max-width: 768px) {
  .header-wrapper {
    background-image: none;
  }
  .header-wrapper .header-bg-mobile {
    display: block;
    position: absolute;
    top: -22px;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center bottom;
       object-position: center bottom;
    -webkit-clip-path: polygon(100% 0%, 0% 0%, 0% 96.69%, 2% 96.35%, 4% 95.99%, 6% 95.63%, 8% 95.28%, 10% 94.93%, 12% 94.59%, 14% 94.27%, 16% 93.97%, 18% 93.7%, 20% 93.46%, 22% 93.26%, 24% 93.1%, 26% 92.97%, 28% 92.89%, 30% 92.86%, 32% 92.87%, 34% 92.92%, 36% 93.02%, 38% 93.16%, 40% 93.35%, 42% 93.56%, 44% 93.82%, 46% 94.1%, 48% 94.41%, 50% 94.74%, 52% 95.08%, 54% 95.44%, 56% 95.79%, 58% 96.15%, 60% 96.5%, 62% 96.84%, 64% 97.16%, 66% 97.46%, 68% 97.73%, 70% 97.97%, 72% 98.17%, 74% 98.33%, 76% 98.46%, 78% 98.53%, 80% 98.57%, 82% 98.56%, 84% 98.5%, 86% 98.41%, 88% 98.26%, 90% 98.08%, 92% 97.86%, 94% 97.61%, 96% 97.33%, 98% 97.02%, 100% 96.69%);
            clip-path: polygon(100% 0%, 0% 0%, 0% 96.69%, 2% 96.35%, 4% 95.99%, 6% 95.63%, 8% 95.28%, 10% 94.93%, 12% 94.59%, 14% 94.27%, 16% 93.97%, 18% 93.7%, 20% 93.46%, 22% 93.26%, 24% 93.1%, 26% 92.97%, 28% 92.89%, 30% 92.86%, 32% 92.87%, 34% 92.92%, 36% 93.02%, 38% 93.16%, 40% 93.35%, 42% 93.56%, 44% 93.82%, 46% 94.1%, 48% 94.41%, 50% 94.74%, 52% 95.08%, 54% 95.44%, 56% 95.79%, 58% 96.15%, 60% 96.5%, 62% 96.84%, 64% 97.16%, 66% 97.46%, 68% 97.73%, 70% 97.97%, 72% 98.17%, 74% 98.33%, 76% 98.46%, 78% 98.53%, 80% 98.57%, 82% 98.56%, 84% 98.5%, 86% 98.41%, 88% 98.26%, 90% 98.08%, 92% 97.86%, 94% 97.61%, 96% 97.33%, 98% 97.02%, 100% 96.69%);
    z-index: -1;
  }
}

@media (max-width: 500px) {
  .header-wrapper {
    height: 580px;
  }
}
.text-shadow {
  text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
  .content {
    display: flex;
    flex-direction: column;
  }
}

.logo-head-fosfosan {
  max-width: 550px;
  width: 100%;
}
@media (min-width: 1024px) {
  .logo-head-fosfosan {
    width: 400px;
  }
}
@media (min-width: 1280px) {
  .logo-head-fosfosan {
    padding-left: 2rem;
    width: 550px;
  }
}

.footer-wrapper {
  background: linear-gradient(to bottom, #510b28 0%, #cf366b 90%);
  position: relative;
  -webkit-clip-path: polygon(100% 100%, 0% 100%, 0% 6.04%, 1% 5.76%, 2% 5.48%, 3% 5.19%, 4% 4.9%, 5% 4.61%, 6% 4.32%, 7% 4.04%, 8% 3.75%, 9% 3.47%, 10% 3.19%, 11% 2.92%, 12% 2.66%, 13% 2.41%, 14% 2.16%, 15% 1.93%, 16% 1.72%, 17% 1.51%, 18% 1.32%, 19% 1.15%, 20% 0.99%, 21% 0.85%, 22% 0.73%, 23% 0.63%, 24% 0.54%, 25% 0.48%, 26% 0.43%, 27% 0.41%, 28% 0.4%, 29% 0.41%, 30% 0.45%, 31% 0.5%, 32% 0.58%, 33% 0.67%, 34% 0.78%, 35% 0.91%, 36% 1.06%, 37% 1.22%, 38% 1.41%, 39% 1.6%, 40% 1.81%, 41% 2.04%, 42% 2.27%, 43% 2.52%, 44% 2.77%, 45% 3.04%, 46% 3.31%, 47% 3.59%, 48% 3.88%, 49% 4.16%, 50% 4.45%, 51% 4.74%, 52% 5.03%, 53% 5.32%, 54% 5.6%, 55% 5.88%, 56% 6.16%, 57% 6.42%, 58% 6.68%, 59% 6.93%, 60% 7.16%, 61% 7.39%, 62% 7.6%, 63% 7.79%, 64% 7.97%, 65% 8.14%, 66% 8.29%, 67% 8.42%, 68% 8.53%, 69% 8.62%, 70% 8.7%, 71% 8.75%, 72% 8.78%, 73% 8.8%, 74% 8.79%, 75% 8.77%, 76% 8.72%, 77% 8.66%, 78% 8.57%, 79% 8.47%, 80% 8.35%, 81% 8.21%, 82% 8.05%, 83% 7.88%, 84% 7.69%, 85% 7.49%, 86% 7.27%, 87% 7.04%, 88% 6.8%, 89% 6.54%, 90% 6.28%, 91% 6.01%, 92% 5.74%, 93% 5.45%, 94% 5.17%, 95% 4.88%, 96% 4.59%, 97% 4.3%, 98% 4.01%, 99% 3.72%, 100% 3.44%);
          clip-path: polygon(100% 100%, 0% 100%, 0% 6.04%, 1% 5.76%, 2% 5.48%, 3% 5.19%, 4% 4.9%, 5% 4.61%, 6% 4.32%, 7% 4.04%, 8% 3.75%, 9% 3.47%, 10% 3.19%, 11% 2.92%, 12% 2.66%, 13% 2.41%, 14% 2.16%, 15% 1.93%, 16% 1.72%, 17% 1.51%, 18% 1.32%, 19% 1.15%, 20% 0.99%, 21% 0.85%, 22% 0.73%, 23% 0.63%, 24% 0.54%, 25% 0.48%, 26% 0.43%, 27% 0.41%, 28% 0.4%, 29% 0.41%, 30% 0.45%, 31% 0.5%, 32% 0.58%, 33% 0.67%, 34% 0.78%, 35% 0.91%, 36% 1.06%, 37% 1.22%, 38% 1.41%, 39% 1.6%, 40% 1.81%, 41% 2.04%, 42% 2.27%, 43% 2.52%, 44% 2.77%, 45% 3.04%, 46% 3.31%, 47% 3.59%, 48% 3.88%, 49% 4.16%, 50% 4.45%, 51% 4.74%, 52% 5.03%, 53% 5.32%, 54% 5.6%, 55% 5.88%, 56% 6.16%, 57% 6.42%, 58% 6.68%, 59% 6.93%, 60% 7.16%, 61% 7.39%, 62% 7.6%, 63% 7.79%, 64% 7.97%, 65% 8.14%, 66% 8.29%, 67% 8.42%, 68% 8.53%, 69% 8.62%, 70% 8.7%, 71% 8.75%, 72% 8.78%, 73% 8.8%, 74% 8.79%, 75% 8.77%, 76% 8.72%, 77% 8.66%, 78% 8.57%, 79% 8.47%, 80% 8.35%, 81% 8.21%, 82% 8.05%, 83% 7.88%, 84% 7.69%, 85% 7.49%, 86% 7.27%, 87% 7.04%, 88% 6.8%, 89% 6.54%, 90% 6.28%, 91% 6.01%, 92% 5.74%, 93% 5.45%, 94% 5.17%, 95% 4.88%, 96% 4.59%, 97% 4.3%, 98% 4.01%, 99% 3.72%, 100% 3.44%);
  z-index: 1;
  padding-top: 50px;
}

@media (max-width: 767px) {
  .footer-wrapper {
    -webkit-clip-path: polygon(100% 100%, 0% 100%, 0% 4.13%, 2% 4.11%, 4% 4.05%, 6% 3.96%, 8% 3.84%, 10% 3.68%, 12% 3.5%, 14% 3.3%, 16% 3.08%, 18% 2.84%, 20% 2.6%, 22% 2.36%, 24% 2.12%, 26% 1.88%, 28% 1.66%, 30% 1.46%, 32% 1.29%, 34% 1.14%, 36% 1.02%, 38% 0.94%, 40% 0.89%, 42% 0.88%, 44% 0.9%, 46% 0.96%, 48% 1.06%, 50% 1.19%, 52% 1.34%, 54% 1.53%, 56% 1.74%, 58% 1.96%, 60% 2.2%, 62% 2.44%, 64% 2.68%, 66% 2.92%, 68% 3.15%, 70% 3.37%, 72% 3.57%, 74% 3.74%, 76% 3.88%, 78% 4%, 80% 4.07%, 82% 4.12%, 84% 4.12%, 86% 4.09%, 88% 4.03%, 90% 3.92%, 92% 3.79%, 94% 3.63%, 96% 3.44%, 98% 3.23%, 100% 3%);
            clip-path: polygon(100% 100%, 0% 100%, 0% 4.13%, 2% 4.11%, 4% 4.05%, 6% 3.96%, 8% 3.84%, 10% 3.68%, 12% 3.5%, 14% 3.3%, 16% 3.08%, 18% 2.84%, 20% 2.6%, 22% 2.36%, 24% 2.12%, 26% 1.88%, 28% 1.66%, 30% 1.46%, 32% 1.29%, 34% 1.14%, 36% 1.02%, 38% 0.94%, 40% 0.89%, 42% 0.88%, 44% 0.9%, 46% 0.96%, 48% 1.06%, 50% 1.19%, 52% 1.34%, 54% 1.53%, 56% 1.74%, 58% 1.96%, 60% 2.2%, 62% 2.44%, 64% 2.68%, 66% 2.92%, 68% 3.15%, 70% 3.37%, 72% 3.57%, 74% 3.74%, 76% 3.88%, 78% 4%, 80% 4.07%, 82% 4.12%, 84% 4.12%, 86% 4.09%, 88% 4.03%, 90% 3.92%, 92% 3.79%, 94% 3.63%, 96% 3.44%, 98% 3.23%, 100% 3%);
  }
}
.main-footer {
  height: 100%;
  display: flex;
  justify-content: center;
}

.formulario-contacto {
  max-width: 90%;
  margin: auto;
  color: white;
}

.form-titulo {
  font-size: 1.5rem;
  font-weight: bold;
  font-family: "tahoma-bold";
}

.form-subtitulo {
  font-size: 0.85rem;
  margin-left: 0.5rem;
  opacity: 0.8;
  font-family: "tahoma";
  font-weight: normal;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
}
.color {
  background: linear-gradient(45deg, rgba(81, 11, 40, 0.3) 0%, rgb(207, 54, 107) 30%, rgb(207, 54, 107) 60%, rgba(81, 11, 40, 0.3) 100%);
  padding: 2px;
  border-radius: 8px;
  display: block;
}

.form-input {
  width: 100%;
  padding: 0.75rem 1rem;
  background: #94264f;
  border: none;
  border-radius: 10px;
  color: white;
  font-size: 1rem;
  outline: none;
}

.form-input::-moz-placeholder {
  color: white;
  opacity: 0.8;
}

.form-input::placeholder {
  color: white;
  opacity: 0.8;
}

.form-boton {
  text-align: right;
  margin-top: 1rem;
}

.btn-enviar {
  background: white;
  color: #c62d60;
  font-weight: bold;
  padding: 0.5rem 2rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s;
  font-size: 1.3rem;
}

.btn-enviar:hover {
  background: #f2f2f2;
}

@media (max-width: 991px) {
  .footer {
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .footer-social {
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .footer-social {
    flex-direction: column;
  }
}
.logo-virbac {
  width: 100px;
}

@media (max-width: 767px) {
  .logo-virbac {
    width: 100px;
  }
}
@media (max-width: 567px) {
  .footer-links {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}

.card-container,
.card-container.reverse {
  position: relative;
  z-index: 1;
}

.card-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80%;
  z-index: 0;
  pointer-events: none;
}

.card-container.reverse::before {
  background: linear-gradient(to right, #f5f5f5 0%, white 100%);
}

.video-container,
.card-content {
  position: relative;
  z-index: 1;
}

.card-container {
  display: flex;
  justify-content: center;
  padding: 2rem;
  margin-bottom: 3rem;
  gap: 3rem;
}

.card-container.reverse {
  flex-direction: row-reverse;
}

.video-container {
  width: 700px;
  height: auto;
  border-radius: 1rem;
  position: relative;
}

.card-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
}

.card-content {
  max-width: 600px;
}

.btn {
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 5px;
  font-size: 1.25rem;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-family: "tahoma-bold";
}

.video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
  border-radius: 1rem;
}

.video-container:hover .video-overlay {
  opacity: 1;
}

.play-icon {
  width: 60px;
  height: 60px;
  pointer-events: none;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 992px) {
  .card-container,
  .card-container.reverse {
    flex-direction: column;
    gap: 0;
  }
  .card-content {
    max-width: 100%;
  }
  .card-container::before {
    height: 100%;
  }
  .video-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  .reverse {
    margin-left: auto;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
  }
  .video-overlay {
    height: 99%;
  }
}
.video-titulos {
  font-size: 1.5rem;
}

.video-textos {
  font-size: 1.25rem;
  text-align: justify;
}

@media (max-width: 768px) {
  .video-titulos {
    font-size: 1.3rem;
    text-align: justify;
  }
  .video-textos {
    font-size: 1.1rem;
  }
}
.titulo {
  font-size: 3.5rem;
  padding: 1rem;
  color: #000;
  text-align: center;
}
@media (max-width: 768px) {
  .titulo {
    font-size: 3rem;
  }
}

.pdf {
  padding: 0 4rem;
  margin-bottom: 2rem;
}

@media (max-width: 992px) {
  .pdf {
    padding: 0 2rem;
  }
}
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit;
}

html,
body {
  max-width: 1440px;
  margin: 0 auto;
  font-family: "tahoma";
  line-height: 1.4;
}

.fsz-medium {
  font-size: clamp(1.5rem, -0.875rem + 8.333333vw, 2.45rem);
}

.fsz-normal {
  font-size: clamp(1rem, -0.875rem + 8.333333vw, 1.15rem);
}

.fsz-small {
  font-size: clamp(0.75rem, -0.875rem + 8.333333vw, 0.9rem);
}

a {
  text-decoration: none;
}

b,
strong {
  font-family: "tahoma-bold";
}

.list-none {
  list-style: none;
}

.align-items-center {
  align-items: center;
}

.justify-content-center {
  justify-content: center;
}

.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column-reverse {
  flex-direction: column-reverse;
}

.d-block {
  display: block;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-items-center {
  justify-items: center;
}

.align-items-center {
  align-items: center;
}

.gap-0_5 {
  gap: 0.5rem;
}

.gap-1 {
  gap: 1rem;
}

.col-gap-1 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.col-gap-2 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.row-gap-1 {
  row-gap: 1rem;
}

.p-0 {
  padding: 0;
}

.p-1 {
  padding: 1rem;
}

.p-2 {
  padding: 2rem;
}

.p-3 {
  padding: 3rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pr-1 {
  padding-right: 1rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.fw-bold {
  font-weight: bold;
}

.text-center {
  text-align: center;
}

.lh-1 {
  line-height: 1.1;
}

.bor-rad-15 {
  border-radius: 15px;
}

.bor-none {
  border: none;
}

@media (min-width: 992px) {
  .pl-lg-3 {
    padding-left: 3rem;
  }
  .pr-lg-3 {
    padding-right: 3rem;
  }
}
.text-c-dark-blue {
  color: #510b28;
}

.text-c-white {
  color: #ffffff;
}

.text-c-gray {
  color: #666666;
}

.text-c-light-rose {
  color: #cf366b;
}

.bg-c-light-rose {
  background-color: #cf366b;
}

.bg-c-dark-rose {
  background-color: #510b28;
}

.embed-container {
  padding-top: 56.25%;
  position: relative;
}
.embed-container iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

header nav {
  z-index: 1;
}
header nav ul li a {
  padding: 0.75rem 1.75rem;
}
header nav ul li a.active, header nav ul li a:hover {
  color: #ffffff;
  background-color: #510b28;
}
@media (max-width: 768px) {
  header nav ul {
    flex-direction: column;
  }
}
header .menu-toggle {
  display: none;
  cursor: pointer;
  flex-direction: column;
  gap: 4px;
}
header .menu-toggle span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #ffffff;
  transition: 0.3s;
}
header .menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}
header .menu-toggle.active span:nth-child(2) {
  opacity: 0;
}
header .menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
@media (max-width: 768px) {
  header .menu-toggle {
    display: flex;
  }
  header nav {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    color: #cf366b;
    background-color: #ffffff;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    gap: 1rem;
    display: none;
    height: 100vh;
    font-family: "tahoma-bold";
  }
  header nav.active {
    display: flex;
  }
  header nav ul {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 1100px) {
  footer.footer .footer-logo {
    margin-top: 1rem;
    text-align: center;
  }
}

.cut-text {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.cut-text.cut-4 {
  -webkit-line-clamp: 4;
}

.desc-align {
  text-align: center;
}

@media (max-width: 768px) {
  .desc-align {
    text-align: justify;
  }
}
.video-titulos {
  font-size: 1.5rem;
}

.video-textos {
  font-size: 1.25rem;
  text-align: justify;
}

@media (max-width: 768px) {
  .video-titulos {
    font-size: 1.3rem;
    text-align: justify;
  }
  .video-textos {
    font-size: 1.1rem;
  }
}
.modal-custom {
  display: none;
  position: fixed;
  z-index: 9999;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  box-sizing: border-box;
}

.modal-content {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  max-width: 400px;
  width: 100%;
  text-align: center;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

#modal-ok {
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #cf366b;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.cookiebar {
  position: fixed;
  left: 0;
  width: 100%;
  z-index: 1200;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  padding: 1.5rem;
  line-height: 1.2;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

.cookiebar.show {
  opacity: 1;
  pointer-events: auto;
}

.cookiebar [class^=cb-] {
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  padding: 0.35rem 0.75rem;
  border: none;
  outline: none;
  cursor: pointer;
}

.cookiebar .policy {
  text-decoration: underline;
}

.cookiebar .cb-enable {
  background-color: #004c98;
  color: white;
}

.cookiebar .cb-disable {
  background-color: #900;
  color: white;
}/*# sourceMappingURL=style.css.map */