/*catalogo*/
:root{
--bg-gradient : radial-gradient(circle at 28% 29%, rgba(237, 237, 237, 0.039) 0%, rgba(237, 237, 237, 0.039) 50%, rgba(136, 136, 136, 0.039) 50%, rgba(136, 136, 136, 0.039) 100%), radial-gradient(circle at 8% 78%, rgba(156, 156, 156, 0.04) 0%, rgba(156, 156, 156, 0.04) 50%, rgba(37, 37, 37, 0.07) 50%, rgba(37, 37, 37, 0.07) 100%), radial-gradient(circle at 29% 46%, rgba(251, 251, 251, 0.039) 0%, rgba(251, 251, 251, 0.039) 50%, rgba(198, 198, 198, 0.003) 50%, rgba(198, 198, 198, 0.003) 100%), linear-gradient(90deg, #f8f8f8, #eee7e8);

}
    .catalogo-section {
      position: relative;
      width: 100%;
      padding: 6rem 0;
      overflow: hidden;
      background:
        linear-gradient(180deg,
          #fff7f3 0%,
          #ffffff 100%);
    }
    .trabajandocon-title {
      color: #ea580c;
    }

    /* =========================================
   FONDO DECORATIVO
========================================= */

    .catalogo-bg-shape {
      position: absolute;
      width: 500px;
      height: 500px;
      background:
        radial-gradient(circle,
          rgba(232, 97, 39, .12),
          transparent 70%);
      top: -180px;
      right: -120px;
      border-radius: 50%;
      pointer-events: none;
    }

    /* =========================================
   WRAPPER
========================================= */

    .catalogo-wrapper {
      width: min(1300px, 90%);
      margin: auto;
      position: relative;
      z-index: 2;
    }

    /* =========================================
   HEADER
========================================= */

    .catalogo-header {
      text-align: center;
      margin-bottom: 3rem;
    }

    .catalogo-tag {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background:
        linear-gradient(135deg,
          #E86127,
          #ff9b70);
      color: #fff;
      padding: 12px 22px;
      border-radius: 100px;
      font-size: .9rem;
      font-weight: 700;
      letter-spacing: .5px;
      box-shadow:
        0 12px 30px rgba(232, 97, 39, .18);
    }

    .catalogo-title {
      margin-top: 1.5rem;
      font-size: clamp(2rem, 4vw, 3.5rem);
      line-height: 1.1;
      font-weight: 800;
      color: #1E293B;
    }

    .catalogo-subtitle {
      max-width: 720px;
      margin: 1.2rem auto 0;
      font-size: 1.5rem;
      line-height: 1.8;
      color: #64748B;
    }

    /* =========================================
   PDF CONTAINER
========================================= */

    .catalogo-viewer {
      background: #fff;
      border-radius: 32px;
      overflow: hidden;
      border: 1px solid rgba(15, 23, 42, .08);

      box-shadow:
        0 20px 60px rgba(15, 23, 42, .08);
    }

    /* =========================================
   TOOLBAR
========================================= */

    .catalogo-toolbar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;

      padding: 1.2rem 1.5rem;

      background:
        linear-gradient(135deg,
          #fff,
          #fff7f3);

      border-bottom:
        1px solid rgba(15, 23, 42, .06);
    }

    .catalogo-info {
      display: flex;
      align-items: center;
      gap: 12px;

      font-weight: 700;
      color: #1E293B;
    }

    .catalogo-info i {
      font-size: 1.4rem;
      color: #E86127;
    }

    .catalogo-download {
      display: inline-flex;
      align-items: center;
      gap: 10px;

      text-decoration: none;

      background:
        linear-gradient(135deg,
          #E86127,
          #ff9b70);

      color: #fff;

      padding: 12px 20px;
      border-radius: 14px;

      font-weight: 700;

      transition: .3s ease;
    }

    .catalogo-download:hover {
      transform: translateY(-2px);

      box-shadow:
        0 12px 24px rgba(232, 97, 39, .25);
    }

    /* =========================================
   IFRAME
========================================= */

    #pdf-js-viewer {
      width: 100%;
      height: 820px;
      border: none;
      display: block;
      background: #f8fafc;
    }

    /* =========================================
   RESPONSIVE
========================================= */

    @media(max-width:768px) {

      .catalogo-section {
        padding: 4rem 0;
      }

      .catalogo-toolbar {
        flex-direction: column;
        align-items: flex-start;
      }

      .catalogo-download {
        width: 100%;
        justify-content: center;
      }

      #pdf-js-viewer {
        height: 600px;
      }

    }

    /* =========================================
   SECTION vinculacion
========================================= */

    .partners-section {
      position: relative;
      overflow: hidden;
      padding: 12rem 0;

      background:var(--bg-gradient);
      
      
    }

    .partners-section::before {
      content: "";
      position: absolute;
      inset: 0;

      background-image:
        radial-gradient(rgba(232, 97, 39, .06) 1px, transparent 1px);

      background-size: 22px 22px;

      pointer-events: none;
    }

    /* =========================================
   CONTAINER
========================================= */

    .partners-container {
      width: min(90%, 1400px);
      margin: auto;
      position: relative;
      z-index: 2;
    }

    /* =========================================
   HEADER
========================================= */

    .partners-header {
      text-align: center;
      margin-bottom: 4rem;
    }

    .partners-tag {
      display: inline-flex;
      align-items: center;
      gap: .6rem;

      padding: .7rem 1.3rem;

      border-radius: 999px;

      background: rgb(232 97 39);

      border: 1px solid rgba(232, 97, 39, .18);

      color: #fff;

      font-weight: 700;

      margin-bottom: 1.5rem;

      
    }

    .partners-header h2 {
      color: #1E293B;

      font-size: clamp(2rem, 5vw, 3.4rem);

      line-height: 1.1;

      font-weight: 800;

      margin-bottom: 1rem;
    }

    .partners-header p {
      color: #9a9fa5;
      max-width: 760px;
      margin: auto;
      font-size: 1.6rem;
      line-height: 1.5;
    }

    /* =========================================
   SLIDER
========================================= */

    .partners-slider {
      overflow: hidden;

      position: relative;

      mask-image: linear-gradient(to right,
          transparent,
          black 10%,
          black 90%,
          transparent);
    }

    .partners-track {
      display: flex;
      align-items: center;
      gap: 2rem;

      width: max-content;

      animation: scrollPartners 35s linear infinite;
    }

    .partners-slider:hover .partners-track {
      animation-play-state: paused;
    }

    /* =========================================
   CARDS
========================================= */

    .partner-card {
      width: 220px;
      min-width: 220px;
      height: 130px;

      display: flex;
      align-items: center;
      justify-content: center;

      background: #aeb90e;

      border: 1px solid rgba(232, 97, 39, .12);

      border-radius: 28px;

      box-shadow:
        0 10px 35px rgba(15, 23, 42, .06);

      transition: .35s ease;

      padding: 1.5rem;
    }

    .partner-card:hover {

      transform:
        translateY(-8px) scale(1.03);

      border-color: #ff9b70;

      background: #80853e;

      box-shadow:
        0 18px 45px rgba(232, 97, 39, .18);
    }

    .partner-card img {
      width: 100%;
      height: 100%;

      object-fit: contain;

      filter: grayscale(100%);

      opacity: .85;

      transition: .35s ease;
    }

    .partner-card:hover img {
      filter: grayscale(0%);
      opacity: 1;
      transform: scale(1.05);
    }

    /* =========================================
   ANIMACIÓN
========================================= */

    @keyframes scrollPartners {

      from {
        transform: translateX(0);
      }

      to {
        transform: translateX(-50%);
      }

    }

    /* =========================================
   RESPONSIVE
========================================= */

    @media(max-width:768px) {

      .partners-section {
        padding: 4rem 0;
      }

      .partners-track {
        gap: 1.2rem;
      }

      .partner-card {
        width: 180px;
        min-width: 180px;
        height: 110px;
        padding: 1rem;
      }

      .partners-header p {
        font-size: 1rem;
      }

    }