/* Hide the current page from header and footer options */
  #header li:has(> a[href="dendrobytes.html"]),
  .site-footer li:has(> a[href="dendrobytes.html"]) {
    display: none !important;
  }
  /* Fallback in case the <a> is not inside an <li> */
  #header a[href="dendrobytes.html"]:not(.logo),
  .site-footer a[href="dendrobytes.html"] {
    display: none !important;
  }

/* Extracted CSS */

@keyframes scroll-left {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
      .tech-marquee:hover {
        animation-play-state: paused;
      }

/* Extracted CSS */

#servicios-principales .capability-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 40px;
          align-items: stretch;
          transition: all 0.3s ease;
        }
        #servicios-principales .capability-grid.has-active {
          grid-template-columns: repeat(3, 1fr);
          gap: 20px;
        }
        #servicios-principales .dendro-resource-card {
          height: 100%;
          box-sizing: border-box;
          cursor: pointer;
          transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border 0.3s ease, opacity 0.3s ease;
        }
        #servicios-principales .dendro-resource-card.active {
          grid-column: 1 / -1;
          order: 2;
          border: none !important;
          background: transparent !important;
          box-shadow: none !important;
          cursor: default;
          padding: 0;
          margin: 60px auto 0 auto;
          max-width: 1000px;
          width: 100%;
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-areas:
            "icon icon"
            "title title"
            "desc list";
          gap: 0 40px;
        }
        #servicios-principales .dendro-resource-card.active:hover {
          transform: none;
        }
        #servicios-principales .dendro-resource-card .resource-icon {
          border: none !important;
          background: transparent !important;
        }
        #servicios-principales .dendro-resource-card.active .resource-icon {
          grid-area: icon;
          margin: 0 auto 30px auto;
          transform: scale(1.8);
          transform-origin: center center;
          color: var(--dendro-primary);
          border: none !important;
          background: transparent !important;
        }
        #servicios-principales .dendro-resource-card.active h3 {
          grid-area: title;
          text-align: center;
          font-size: 3.5rem;
          margin-bottom: 30px;
          line-height: 1.1;
        }
        #servicios-principales .service-detail-view {
          margin-top: 140px !important;
        }
        #service-details-container .section-head h2 {
          font-size: 2.4rem;
        }
        #service-details-container .section-head .section-kicker {
          display: none;
        }
        #service-details-container .security-icon {
          color: #ffffff !important;
        }
        #servicios-principales .dendro-resource-card.active p {
          grid-area: desc;
          margin-top: 0;
          font-size: 1.1rem;
          line-height: 1.7;
          color: rgba(255, 255, 255, 0.9);
          align-self: center;
          padding-right: 20px;
        }
        #service-details-container .institutional-grid {
          border-top: none !important;
        }
        #service-details-container .ledger {
          border-top: none !important;
        }
        #service-details-container .ledger-row {
          border-bottom: none !important;
        }
        #servicios-principales .dendro-resource-card.active ul {
          grid-area: list;
          margin-top: 0;
          display: flex;
          flex-direction: column;
          justify-content: center;
          border-left: none !important;
          padding-left: 40px;
        }
        #servicios-principales .dendro-resource-card.active ul li {
          margin-bottom: 15px;
          line-height: 1.5;
        }
        @media (max-width: 768px) {
          #servicios-principales .dendro-resource-card.active {
            grid-template-columns: 1fr;
            grid-template-areas:
              "icon"
              "title"
              "desc"
              "list";
          }
          #servicios-principales .dendro-resource-card.active h3 {
            font-size: 2.5rem;
          }
          #service-details-container .section-head h2 {
            font-size: 1.8rem;
          }
        }
        #servicios-principales .dendro-resource-card.inactive {
          order: 1;
          padding: 20px;
          text-align: center;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
        }
        #servicios-principales .dendro-resource-card.inactive p,
        #servicios-principales .dendro-resource-card.inactive ul {
          display: none;
        }
        #servicios-principales .dendro-resource-card.inactive h3 {
          font-size: 1rem;
          margin-bottom: 0;
          text-align: center;
        }
        #servicios-principales .dendro-resource-card.inactive .resource-icon {
          width: 40px;
          height: 40px;
          margin-bottom: 15px;
          margin-left: auto;
          margin-right: auto;
        }
        #servicios-principales .dendro-resource-card ul {
          margin-top: 24px;
          padding-left: 20px;
          color: rgba(255, 255, 255, 0.82);
          font-size: 1rem;
          line-height: 1.6;
        }
        #servicios-principales .dendro-resource-card ul li {
          margin-bottom: 12px;
        }
        @media (max-width: 768px) {
          #servicios-principales .capability-grid {
            grid-template-columns: 1fr;
          }
        }