/*LIBRE BASKERVILLE FONT*/
@font-face {
  font-family: baskervilleRegular;
  src: url(../fonts/LibreBaskerville/LibreBaskerville-Regular.ttf);
}
@font-face {
  font-family: baskervilleBold;
  src: url(../fonts/LibreBaskerville/LibreBaskerville-Bold.ttf);
}

/*JOST FONT*/
@font-face {
  font-family: jostRegular;
  src: url(../fonts/Jost/Jost-Regular.ttf);
}
@font-face {
  font-family: jostBold;
  src: url(../fonts/Jost/Jost-Bold.ttf);
}

/*STYLES*/

.section-container {
  width: 90%;
  margin: 80px auto 0;
}

.section-title {
  font-family: baskervilleRegular;
  font-size: 18px;
}

.section-title::after {
  content: "";
  position: relative;
  display: inline-block;
  background-color: #1f1d54;
  opacity: 0.7;
  height: 0.5px;
  width: 100%;
}

.section-text {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}

/*EXPERIENCIA Y SEGURIDAD EN CADA PROYECTO*/
.section-text-experience {
  display: block;
}

.experience {
  font-family: jostBold;
  font-size: 45px;
  color: transparent;
  background: linear-gradient(-45deg, #1f1d54, #1E3A8A, #1f1d54);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  animation: gradient 15s ease infinite;
}

.experience-text {
  font-family: jostRegular;
  font-size: 16px;
}

.section-message {
  width: 508px;
  height: 104px;
}

.section-message p {
  font-family: jostRegular;
  font-size: 16px;
}

/*NUESTROS CONVENIOS*/
.section-agreement {
  display: flex;
}

.section-agreement-image {
  width: 210px;
  height: 53px;
}

.section-agreement-image:first-child {
  margin-right: 30px;
}

/*SERVICIOS OFRECIDOS*/
.section-services-container {
  margin-top: 10px;
  gap: clamp(40px, 2vw, 80px);
}

.section-service {
  width: 100%;
  height: 350px;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  border: none;
  cursor: pointer;
  animation: pulse 2s ease-in-out infinite;
}

.section-service:nth-of-type(1) {
  background-image: linear-gradient(
      -47deg,
      rgba(31, 29, 84, 0.8),
      rgba(30, 58, 138, 0.8)
    ),
    url(../images/mantenimiento_preventivo.webp);
}

.section-service:nth-of-type(2) {
  background-image: linear-gradient(
      -47deg,
      rgba(31, 29, 84, 0.8),
      rgba(30, 58, 138, 0.8)
    ),
    url(../images/venta_equipos_repuestos.webp);
}

.section-service:nth-of-type(3) {
  background-image: linear-gradient(
      -47deg,
      rgba(31, 29, 84, 0.8),
      rgba(30, 58, 138, 0.8)
    ),
    url(../images/pesas_patron.webp);
}

.section-service-text {
  font-family: jostRegular;
  font-size: clamp(15px, 2vw, 18px);
  text-align: center;
  color: #fff;
}

/*SERVICIOS ICONOS*/
/*ICONO MANTENIMIENTO*/
.ix--maintenance {
  display: inline-block;
  width: clamp(40px, 10vw, 60px);
  height: clamp(40px, 10vw, 60px);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M170.667 42.667c70.692 0 128 57.308 128 128c0 12.931-1.918 25.414-5.484 37.181l133.484 133.486c23.564 23.564 23.564 61.769 0 85.333s-61.77 23.564-85.333 0L207.848 293.183c-11.767 3.566-24.25 5.484-37.181 5.484c-70.692 0-128-57.308-128-128c0-13.642 2.134-26.786 6.087-39.115L109.302 192l60.014-19.987l2.68-2.68L192 109.375L131.382 48.81c12.378-3.988 25.58-6.142 39.285-6.142'/%3E%3C/svg%3E");
  background-color: #fff;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/*ICONO VENTA*/
.material-symbols--sell {
  display: inline-block;
  width: clamp(40px, 10vw, 60px);
  height: clamp(40px, 10vw, 60px);
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m21.4 14.25l-7.15 7.15q-.3.3-.675.45t-.75.15t-.75-.15t-.675-.45l-8.825-8.825q-.275-.275-.425-.637T2 11.175V4q0-.825.588-1.412T4 2h7.175q.4 0 .775.163t.65.437l8.8 8.825q.3.3.438.675t.137.75t-.137.738t-.438.662M6.5 8q.625 0 1.063-.437T8 6.5t-.437-1.062T6.5 5t-1.062.438T5 6.5t.438 1.063T6.5 8'/%3E%3C/svg%3E");
  background-color: #fff;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/*ICONO VERIFICACION*/
.tdesign--adjustment {
  display: inline-block;
  width: clamp(40px, 10vw, 60px);
  height: clamp(40px, 10vw, 60px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fffafa' d='M8 4a1 1 0 1 0 0 2a1 1 0 0 0 0-2M5.17 4a3.001 3.001 0 0 1 5.66 0H22v2H10.83a3.001 3.001 0 0 1-5.66 0H2V4zm8 7a3.001 3.001 0 0 1 5.66 0H22v2h-3.17a3.001 3.001 0 0 1-5.66 0H2v-2zM16 11a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-8 7a1 1 0 1 0 0 2a1 1 0 0 0 0-2m-2.83 0a3.001 3.001 0 0 1 5.66 0H22v2H10.83a3.001 3.001 0 0 1-5.66 0H2v-2z'/%3E%3C/svg%3E");
}

/*SECTORES ATENDIDOS*/
.section-attendance-container {
  display: flex;
  margin: 20px auto;
  justify-content: space-between;
  width: 90%;
}

.section-attendance-name {
  font-family: jostRegular;
  font-size: 18px;
  text-align: center;
}

/*SECTORES ATENDIDOS ICONOS*/
/*ICONO HIDROCARBUROS*/
.fa6-solid--oil-well {
  display: inline-block;
  width: 120px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%231F1D54' d='M528.3 61.3c-11.4-42.7-55.3-68-98-56.6l-15.4 4.1C397.8 13.4 387.7 31 392.3 48l24.5 91.4l-108.3 28.1l-6.3-18.1c-4.5-12.8-16.6-21.4-30.2-21.4s-25.7 8.6-30.2 21.4l-13.6 39L96 222.6V184c0-13.3-10.7-24-24-24s-24 10.7-24 24v264H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H406.7L340 257.5l-62.2 16.1l27.5 78.4h-66.6l26.3-75l-74.6 19.3L137.3 448H96V288.8l337.4-87.5l25.2 94c4.6 17.1 22.1 27.2 39.2 22.6l15.5-4.1c42.7-11.4 68-55.3 56.6-98zM205.1 448l11.2-32h111.4l11.2 32z'/%3E%3C/svg%3E");
}

/*ICONO AGROINDUSTRIA*/
.fa6-solid--tractor {
  display: inline-block;
  width: 120px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%231F1D54' d='M96 64c0-35.3 28.7-64 64-64h106.3c26.2 0 49.7 15.9 59.4 40.2l48 119.8H480v-33.8c0-24.8 5.8-49.3 16.9-71.6l2.5-5c7.9-15.8 27.1-22.2 42.9-14.3s22.2 27.1 14.3 42.9l-2.5 5c-6.7 13.3-10.1 28-10.1 42.9v33.8h56c22.1 0 40 17.9 40 40v45.4c0 16.5-8.5 31.9-22.6 40.7l-43.3 27.1c-14.2-5.9-29.8-9.2-46.1-9.2c-39.3 0-74.1 18.9-96 48h-80c0 17.7-14.3 32-32 32h-8.2c-1.7 4.8-3.7 9.5-5.8 14.1l5.8 5.8c12.5 12.5 12.5 32.8 0 45.3l-22.6 22.6c-12.5 12.5-32.8 12.5-45.3 0l-5.8-5.8c-4.6 2.2-9.3 4.1-14.1 5.8v8.2c0 17.7-14.3 32-32 32h-32c-17.7 0-32-14.3-32-32v-8.2c-4.8-1.7-9.5-3.7-14.1-5.8l-5.8 5.8c-12.5 12.5-32.8 12.5-45.3 0l-22.6-22.6c-12.5-12.5-12.5-32.8 0-45.3L46 398c-2.2-4.6-4.1-9.3-5.8-14.1l-8.2.1c-17.7 0-32-14.3-32-32v-32c0-17.7 14.3-32 32-32h8.2c1.7-4.8 3.7-9.5 5.8-14.1l-5.8-5.8c-12.5-12.5-12.5-32.8 0-45.3l22.6-22.6c9-9 21.9-11.5 33.1-7.6V64zm170.3 0H160v96h144.7zM176 256a80 80 0 1 0 0 160a80 80 0 1 0 0-160m352 192a24 24 0 1 0 0-48a24 24 0 1 0 0 48m0 64c-48.6 0-88-39.4-88-88c0-29.8 14.8-56.1 37.4-72c14.3-10.1 31.8-16 50.6-16c2.7 0 5.3.1 7.9.3c44.9 4 80.1 41.7 80.1 87.7c0 48.6-39.4 88-88 88'/%3E%3C/svg%3E");
}

/*ICONO PESQUEROS*/
.game-icons--fishing-boat {
  display: inline-block;
  width: 120px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1D54' d='m232.54 67.154l-17.08 5.692L241.513 151h18.976zM71.28 106.707l-14.56 10.586L71 136.928V230h18v-68.322L161.234 261h22.258zM272 117v18h39v16h18v-16h39v-18zm-23 52v126h108.943l-5.111-46H279v-80zm48 0v62h53.834l-6.889-62zM89 279v16h110v-16zm-70.012 34l41.248 110h319.68l114.25-110H140.588C157.022 318.35 169 333.85 169 352c0 22.537-18.463 41-41 41s-41-18.463-41-41c0-18.15 11.978-33.65 28.412-39zM128 329c-12.81 0-23 10.19-23 23s10.19 23 23 23s23-10.19 23-23s-10.19-23-23-23m208 0h80v18h-80zM96 439c-28.777 2.338-51.11 8.201-78.61 16.387l5.22 17.226C45.822 467.213 71.59 457.287 96 457c23.665 0 49.275 16 80 16s56.335-16 80-16s49.275 16 80 16s56.335-16 80-16c27.734 2.18 46.87 7.726 73.39 15.613l5.22-17.226C468.536 448.762 443.471 439.273 416 439c-30.725 0-56.335 16-80 16s-49.275-16-80-16s-56.335 16-80 16s-49.275-16-80-16'/%3E%3C/svg%3E");
}

/*ICONO CAMALES*/
.streamline--pork-meat-solid {
  display: inline-block;
  width: 120px;
  height: 107px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill='%231F1D54' fill-rule='evenodd' d='M2.248.549A.5.5 0 0 0 1.533 1v3.02c0 .159-.08.35-.24.547C.808 5.16.125 6.362.125 8.383c0 1.842.865 3.15 2.18 3.975C3.591 13.165 5.288 13.5 7 13.5c1.71 0 3.408-.335 4.696-1.143c1.314-.824 2.179-2.132 2.179-3.974c0-2.021-.683-3.223-1.168-3.816c-.16-.197-.24-.388-.24-.548V1a.5.5 0 0 0-.715-.451L8.76 1.974l-.03-.006a17 17 0 0 0-.491-.1c-.375-.07-.87-.148-1.238-.148s-.863.078-1.238.148c-.194.037-.366.073-.49.1l-.03.006L2.247.55Zm7.69 8.42c0 1.344-1.316 2.156-2.938 2.156s-2.938-.75-2.938-2.156S5.378 6.813 7 6.813s2.938.812 2.938 2.156M4.188 6.25a.625.625 0 1 1 0-1.25a.625.625 0 0 1 0 1.25m5.625 0a.625.625 0 1 0 0-1.25a.625.625 0 0 0 0 1.25M8 9.719a.625.625 0 1 0 0-1.25a.625.625 0 0 0 0 1.25m-2.625-.625a.625.625 0 1 1 1.25 0a.625.625 0 0 1-1.25 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/*CONFIAN EN NOSOTROS*/
.section-carousel-container {
  margin-top: 20px;
  overflow: hidden;
}

.section-carousel-images {
  display: flex;
  justify-content: space-between;
  animation: scroll 40s linear infinite;
  -webkit-animation: scroll 40s linear infinite;
  width: calc(160px * 16);
  margin: 0 auto;
}

.section-carousel-images div{
  height: fit-content;
  margin: auto 20px auto 0;
}

.carousel-image-container{
    width: 160px;
}

.carousel-image {
  width: 100%;
}

/*CTA*/

.cta-container{
    width: 100%;
    height: 450px;
    background-image: linear-gradient(
        -73deg,
        rgba(31, 29, 84, 0.8),
        rgba(30, 58, 138, 0.8)
      ),
      url(../images/cta.webp);
      background-size: cover;
    display: flex;
    margin-top: 80px;
}

.cta-content{
    margin: auto;
    text-align: center;
}

.cta-title{
    font-family: baskervilleBold;
    font-size: clamp(30px, 5vw, 40px);
    margin-bottom: 20px;
    color: #fff;
}

.cta-text{
    margin-bottom: 20px;
}

.cta-text,
.cta-button{
    font-family: jostRegular;
    font-size: clamp(14px, 2vw, 18px);
    color: #fff;
}

.cta-button{
    padding: 15px 25px;
    border-radius: 10px;
    border: 0;
    display: inline-block;
    text-decoration: none;
    background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.1);
    backdrop-filter: blur(30px);
    color: rgba(255,255,255,0.8);
    font-size: clamp(0.875rem, 2vw, 1rem);
    cursor: pointer;
    transition: all 0.5s ease;
    animation: pulse 2s ease-in-out infinite;
}

.cta-button:hover{
    background-color: rgba(255,255,255,0.2);
}

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

@keyframes pulse {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.02);
}
100% {
    transform: scale(1);
}
}

@keyframes gradient {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

@media (max-width: 480px) {
    .section-title {
      text-align: center;
    }
  
    .section-text {
      display: block;
      text-align: center;
    }
  
    .section-message {
      margin-top: 20px;
      width: auto!important;
    }
  
    .section-agreement-image:first-child {
      margin-right: 10px;
    }
  
    .section-agreement-image {
      width: 150px;
      height: 38px;
      margin: 0 auto;
    }
  
    .section-services-container{
      gap: 0;
    }

    .cta-button{
      padding: 10px 20px;
    }
}

@media (max-width: 768px) and (orientation: landscape) {
  .section-message {
    width: 388px;
  }

  .section-agreement-image {
    width: 150px;
    height: 38px;
  }

}

@media (max-width: 834px) {
    .section-container:first-of-type {
      margin: 151px auto 0;
    }

    .section-message {
      width: 388px;
    }
  
    .section-agreement-image {
      width: 150px;
      height: 38px;
      margin: 0 auto;
    }
}