/* ===== RESET COMPLETO ===== */
     * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
     }
     
     body {
       font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
       background: #ffffff;
       color: #1d1d1f;
       line-height: 1.47059;
       font-weight: 400;
       letter-spacing: -0.022em;
       -webkit-font-smoothing: antialiased;
       overflow-x: hidden;
     }
     
     /* ===== ANIMACIONES ===== */
     @keyframes fadeInUp {
       from {
         opacity: 0;
         transform: translateY(30px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
       }
     }
     
     @keyframes blink {
       0%, 50% { opacity: 1; }
       51%, 100% { opacity: 0; }
     }
     
     .cursor {
       display: inline-block;
       width: 2px;
       height: 1em;
       background: #2997ff;
       margin-left: 4px;
       animation: blink 1s infinite;
     }
     
     /* ===== HEADER ===== */
     .ipair-header {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       background: rgba(255,255,255,0.8);
       backdrop-filter: saturate(180%) blur(20px);
       -webkit-backdrop-filter: saturate(180%) blur(20px);
       z-index: 1000;
       border-bottom: 1px solid rgba(0,0,0,0.1);
       transition: transform 0.3s ease;
     }
     
     .ipair-header--hidden {
       transform: translateY(-100%);
     }
     
     .ipair-header__inner {
       display: flex;
       align-items: center;
       justify-content: space-between;
       height: 60px;
     }
     
     .ipair-logo svg {
       height: 24px;
       width: auto;
       transition: opacity 0.3s ease;
     }
     
     .ipair-nav {
       display: flex;
       gap: 32px;
     }
     
     .ipair-nav__link {
       font-size: 12px;
       font-weight: 400;
       color: #1d1d1f;
       text-decoration: none;
       opacity: 0.8;
       transition: opacity 0.2s ease;
       letter-spacing: -0.01em;
       position: relative;
     }
     
     .ipair-nav__link::after {
       content: '';
       position: absolute;
       bottom: -4px;
       left: 0;
       width: 0;
       height: 1px;
       background: #2997ff;
       transition: width 0.3s ease;
     }
     
     .ipair-nav__link:hover::after {
       width: 100%;
     }
     
     /* Menú hamburguesa - AHORA EN NEGRO */
.ipair-menu-toggle {
  display: none;
  flex-direction: column;
  width: 30px;
  height: 24px;
  cursor: pointer;
  z-index: 1001;
  justify-content: center;
  align-items: center;
  background: #2997ff; /* Fondo azul */
  border-radius: 6px;
  padding: 3px 5px;
}

     
     .ipair-menu-toggle span {
  width: 100%;
  height: 2px;
  background: #ffffff !important; /* Líneas blancas */
  margin: 2px 0;
  transition: all 0.3s ease;
  border-radius: 2px;
}
     
     .ipair-menu-toggle.active span:nth-child(1) {
       transform: rotate(45deg) translate(5px, 5px);
       background: #2997ff; /* Azul cuando está activo */
     }
     
     .ipair-menu-toggle.active span:nth-child(2) {
       opacity: 0;
     }
     
     .ipair-menu-toggle.active span:nth-child(3) {
       transform: rotate(-45deg) translate(7px, -7px);
       background: #2997ff; /* Azul cuando está activo */
     }
     
     .ipair-mobile-nav {
       position: fixed;
       top: 80px;
       left: 0;
       width: 100%;
       background: rgba(255,255,255,0.98);
       backdrop-filter: saturate(180%) blur(20px);
       -webkit-backdrop-filter: saturate(180%) blur(20px);
       padding: 20px;
       transform: translateY(-100%);
       opacity: 0;
       transition: all 0.3s ease;
       z-index: 999;
       border-bottom: 1px solid rgba(0,0,0,0.1);
       display: none;
     }
     
     .ipair-mobile-nav.active {
       transform: translateY(0);
       opacity: 1;
     }
     
     .ipair-mobile-nav__link {
       display: block;
       padding: 15px 0;
       font-size: 16px;
       color: #1d1d1f;
       text-decoration: none;
       border-bottom: 1px solid rgba(0,0,0,0.05);
       transition: all 0.3s ease;
     }
     
     .ipair-mobile-nav__link:hover {
       padding-left: 10px;
       color: #2997ff;
     }
     
     /* ===== HERO CON TEXTO MECANOGRAFIADO ===== */
     .ipair-hero {
       min-height: 100vh;
       display: flex;
       align-items: center;
       background: #ffffff;
       margin-top: 60px;
       position: relative;
       overflow: hidden;
     }
     
     .ipair-hero__content {
       max-width: 800px;
       margin: 0 auto;
       text-align: center;
       position: relative;
       z-index: 1;
     }
     
     .ipair-hero__badge {
       font-size: 14px;
       font-weight: 400;
       color: #86868b;
       margin-bottom: 20px;
       display: block;
       letter-spacing: 0;
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-hero__title {
       font-size: 64px;
       font-weight: 600;
       line-height: 1.0625;
       letter-spacing: -0.015em;
       margin-bottom: 20px;
       color: #1d1d1f;
       min-height: 140px; /* Para evitar layout shift */
       display: flex;
       justify-content: center;
       align-items: center;
       flex-wrap: wrap;
     }
     
     .ipair-hero__static {
       margin-right: 8px;
     }
     
     .ipair-hero__dynamic {
       color: #2997ff;
       position: relative;
       display: inline-block;
     }
     
     .ipair-hero__subtitle {
       font-size: 24px;
       font-weight: 400;
       color: #86868b;
       margin-bottom: 40px;
       max-width: 700px;
       margin-left: auto;
       margin-right: auto;
       opacity: 0;
       animation: fadeInUp 0.8s ease 0.4s forwards;
     }
     
     .ipair-hero__cta {
       display: inline-block;
       font-size: 17px;
       line-height: 1.17648;
       font-weight: 400;
       letter-spacing: -0.022em;
       color: #2997ff;
       text-decoration: none;
       border-bottom: 1px solid transparent;
       transition: all 0.2s ease;
       opacity: 0;
       animation: fadeInUp 0.8s ease 0.6s forwards;
     }
     
     .ipair-hero__cta:hover {
       border-bottom-color: #2997ff;
       transform: translateX(5px);
     }
     
     /* ===== ESTADÍSTICAS ===== */
     .ipair-stats {
       padding: 100px 0;
       background: #f5f5f7;
     }
     
     .ipair-stats__grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 40px;
       text-align: center;
     }
     
     .ipair-stats__item {
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-stats__item:nth-child(1) { animation-delay: 0.1s; }
     .ipair-stats__item:nth-child(2) { animation-delay: 0.2s; }
     .ipair-stats__item:nth-child(3) { animation-delay: 0.3s; }
     .ipair-stats__item:nth-child(4) { animation-delay: 0.4s; }
     
     .ipair-stats__number {
       font-size: 48px;
       font-weight: 600;
       color: #1d1d1f;
       margin-bottom: 8px;
       transition: transform 0.3s ease;
       display: inline-block;
     }
     
     .ipair-stats__item:hover .ipair-stats__number {
       transform: scale(1.1);
       color: #2997ff;
     }
     
     .ipair-stats__label {
       font-size: 14px;
       color: #86868b;
       font-weight: 400;
     }
     
     /* ===== HISTORIA - IMÁGENES CORREGIDAS (una más chica) ===== */
     .ipair-story {
       padding: 120px 0;
       background: #ffffff;
     }
     
     .ipair-story__grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 80px;
       align-items: center;
     }
     
     .ipair-story__media {
       position: relative;
       display: flex;
       flex-direction: column;
       align-items: flex-end;
     }
     
     .ipair-story__media-main {
       width: 85%;
       border-radius: 18px;
       overflow: hidden;
       box-shadow: 0 20px 40px rgba(0,0,0,0.1);
       transition: all 0.5s ease;
     }
     
     .ipair-story__media-main:hover {
       transform: scale(1.02);
       box-shadow: 0 30px 60px rgba(0,0,0,0.15);
     }
     
     .ipair-story__media-main img {
       width: 100%;
       height: auto;
       display: block;
       transition: transform 0.5s ease;
     }
     
     .ipair-story__media-main:hover img {
       transform: scale(1.05);
     }
     
     .ipair-story__media-secondary {
       width: 60%; /* Más chica que la principal */
       position: absolute;
       bottom: -30px;
       left: 0;
       border-radius: 18px;
       overflow: hidden;
       box-shadow: 0 20px 40px rgba(0,0,0,0.15);
       transition: all 0.5s ease;
       border: 3px solid white;
     }
     
     .ipair-story__media-secondary:hover {
       transform: scale(1.02) translateY(-5px);
       box-shadow: 0 30px 60px rgba(0,0,0,0.2);
     }
     
     .ipair-story__media-secondary img {
       width: 100%;
       height: auto;
       display: block;
       transition: transform 0.5s ease;
     }
     
     .ipair-story__media-secondary:hover img {
       transform: scale(1.05);
     }
     
     .ipair-story__year {
       position: absolute;
       top: 30px;
       right: 30px;
       font-size: 12px;
       color: #86868b;
       background: rgba(255,255,255,0.9);
       padding: 8px 16px;
       backdrop-filter: blur(10px);
       border-radius: 30px;
       z-index: 2;
       transition: all 0.3s ease;
     }
     
     .ipair-story__year:hover {
       transform: translateY(-2px);
       background: #ffffff;
       box-shadow: 0 5px 15px rgba(0,0,0,0.1);
     }
     
     .ipair-story__content {
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-story__subtitle {
       font-size: 14px;
       color: #86868b;
       margin-bottom: 12px;
       display: block;
     }
     
     .ipair-story__title {
       font-size: 48px;
       font-weight: 600;
       line-height: 1.08349;
       letter-spacing: -0.003em;
       margin-bottom: 24px;
     }
     
     .ipair-story__text {
       font-size: 17px;
       color: #1d1d1f;
       margin-bottom: 32px;
       opacity: 0.8;
     }
     
     .ipair-story__features {
       display: flex;
       gap: 24px;
       margin-bottom: 40px;
     }
     
     .ipair-story__feature {
       display: flex;
       align-items: center;
       gap: 8px;
       transition: transform 0.3s ease;
     }
     
     .ipair-story__feature:hover {
       transform: translateX(5px);
     }
     
     .ipair-story__feature i {
       color: #2997ff;
       font-size: 14px;
     }
     
     .ipair-story__signature {
       border-top: 1px solid #d2d2d7;
       padding-top: 30px;
       display: flex;
       align-items: center;
       gap: 20px;
     }
     
     .ipair-story__signature img {
       height: 30px;
       opacity: 0.7;
       transition: opacity 0.3s ease;
     }
     
     .ipair-story__signature img:hover {
       opacity: 1;
     }
     
     .ipair-story__signature span {
       font-size: 14px;
       color: #86868b;
     }
     
     /* ===== ECOSISTEMA ===== */
     .ipair-ecosystem {
       padding: 120px 0;
       background: #f5f5f7;
     }
     
     .ipair-ecosystem__header {
       text-align: center;
       max-width: 700px;
       margin: 0 auto 80px;
     }
     
     .ipair-ecosystem__subtitle {
       font-size: 14px;
       color: #86868b;
       margin-bottom: 12px;
       display: block;
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-ecosystem__title {
       font-size: 48px;
       font-weight: 600;
       letter-spacing: -0.003em;
       opacity: 0;
       animation: fadeInUp 0.8s ease 0.2s forwards;
     }
     
     .ipair-ecosystem__grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 24px;
     }
     
     .ipair-product {
       background: #ffffff;
       padding: 40px;
       border-radius: 18px;
       transition: all 0.4s ease;
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-product:hover {
       transform: translateY(-10px);
       box-shadow: 0 30px 60px rgba(0,0,0,0.12);
     }
     
     .ipair-product__icon {
       font-size: 32px;
       color: #2997ff;
       margin-bottom: 24px;
       transition: transform 0.3s ease;
     }
     
     .ipair-product:hover .ipair-product__icon {
       transform: scale(1.1);
     }
     
     .ipair-product__name {
       font-size: 24px;
       font-weight: 600;
       margin-bottom: 12px;
       transition: color 0.3s ease;
     }
     
     .ipair-product:hover .ipair-product__name {
       color: #2997ff;
     }
     
     .ipair-product__desc {
       font-size: 14px;
       color: #86868b;
       margin-bottom: 24px;
       line-height: 1.5;
     }
     
     .ipair-product__tags {
       display: flex;
       flex-wrap: wrap;
       gap: 8px;
       margin-bottom: 24px;
     }
     
     .ipair-product__tag {
       font-size: 11px;
       color: #86868b;
       background: #f5f5f7;
       padding: 4px 12px;
       border-radius: 30px;
       transition: all 0.3s ease;
     }
     
     .ipair-product__tag:hover {
       background: #2997ff;
       color: #ffffff;
     }
     
     .ipair-product__link {
       font-size: 14px;
       color: #2997ff;
       text-decoration: none;
       display: inline-flex;
       align-items: center;
       gap: 6px;
     }
     
     .ipair-product__link i {
       font-size: 12px;
       transition: transform 0.2s ease;
     }
     
     .ipair-product__link:hover i {
       transform: translateX(8px);
     }
     
     /* ===== LABS ===== */
     .ipair-labs {
       padding: 120px 0;
       background: #000000;
       color: #f5f5f7;
     }
     
     .ipair-labs__grid {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 80px;
       align-items: center;
     }
     
     .ipair-labs__content {
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-labs__subtitle {
       font-size: 14px;
       color: #2997ff;
       margin-bottom: 12px;
       display: block;
     }
     
     .ipair-labs__title {
       font-size: 48px;
       font-weight: 600;
       letter-spacing: -0.003em;
       color: #f5f5f7;
       margin-bottom: 24px;
     }
     
     .ipair-labs__text {
       font-size: 17px;
       color: #86868b;
       margin-bottom: 40px;
     }
     
     .ipair-labs__list {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 30px;
     }
     
     .ipair-labs__item {
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
       padding: 20px;
       border-radius: 18px;
       transition: all 0.3s ease;
     }
     
     .ipair-labs__item:nth-child(1) { animation-delay: 0.1s; }
     .ipair-labs__item:nth-child(2) { animation-delay: 0.2s; }
     .ipair-labs__item:nth-child(3) { animation-delay: 0.3s; }
     .ipair-labs__item:nth-child(4) { animation-delay: 0.4s; }
     
     .ipair-labs__item:hover {
       background: rgba(255,255,255,0.05);
       transform: translateX(10px);
     }
     
     .ipair-labs__item h4 {
       font-size: 18px;
       font-weight: 500;
       color: #f5f5f7;
       margin-bottom: 6px;
     }
     
     .ipair-labs__item p {
       font-size: 14px;
       color: #86868b;
     }
     
     /* ===== CTA ===== */
     .ipair-cta {
       padding: 100px 0;
       background: #ffffff;
       text-align: center;
     }
     
     .ipair-cta__title {
       font-size: 40px;
       font-weight: 600;
       margin-bottom: 16px;
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-cta__text {
       font-size: 20px;
       color: #86868b;
       margin-bottom: 32px;
       max-width: 600px;
       margin-left: auto;
       margin-right: auto;
       opacity: 0;
       animation: fadeInUp 0.8s ease 0.2s forwards;
     }
     
     .ipair-cta__buttons {
       display: flex;
       gap: 20px;
       justify-content: center;
       opacity: 0;
       animation: fadeInUp 0.8s ease 0.4s forwards;
     }
     
     .ipair-btn {
       font-size: 14px;
       padding: 12px 24px;
       text-decoration: none;
       transition: all 0.3s ease;
       border-radius: 30px;
     }
     
     .ipair-btn--primary {
       background: #2997ff;
       color: #ffffff;
     }
     
     .ipair-btn--primary:hover {
       background: #0077e6;
       transform: translateY(-2px);
       box-shadow: 0 10px 20px rgba(41,151,255,0.3);
     }
     
     .ipair-btn--secondary {
       border: 1px solid #2997ff;
       color: #2997ff;
     }
     
     .ipair-btn--secondary:hover {
       background: #2997ff;
       color: #ffffff;
       transform: translateY(-2px);
     }
     
     /* ===== FOOTER ===== */
     .ipair-footer {
       background: #f5f5f7;
       padding: 60px 0 30px;
       border-top: 1px solid #d2d2d7;
     }
     
     .ipair-footer__grid {
       display: grid;
       grid-template-columns: 2fr 1fr 1fr 1.5fr;
       gap: 40px;
       margin-bottom: 60px;
     }
     
     .ipair-footer__col {
       opacity: 0;
       animation: fadeInUp 0.8s ease forwards;
     }
     
     .ipair-footer__col:nth-child(1) { animation-delay: 0.1s; }
     .ipair-footer__col:nth-child(2) { animation-delay: 0.2s; }
     .ipair-footer__col:nth-child(3) { animation-delay: 0.3s; }
     .ipair-footer__col:nth-child(4) { animation-delay: 0.4s; }
     
     .ipair-footer__logo img {
       height: 24px;
       margin-bottom: 16px;
       transition: opacity 0.3s ease;
     }
     
     .ipair-footer__logo img:hover {
       opacity: 0.7;
     }
     
     .ipair-footer__text {
       font-size: 12px;
       color: #86868b;
       line-height: 1.6;
     }
     
     .ipair-footer__title {
       font-size: 12px;
       font-weight: 600;
       color: #1d1d1f;
       margin-bottom: 20px;
       letter-spacing: -0.01em;
     }
     
     .ipair-footer__links {
       list-style: none;
     }
     
     .ipair-footer__links li {
       margin-bottom: 12px;
     }
     
     .ipair-footer__links a {
       color: #515154;
       text-decoration: none;
       font-size: 12px;
       transition: all 0.2s ease;
       display: inline-block;
     }
     
     .ipair-footer__links a:hover {
       color: #2997ff;
       transform: translateX(5px);
     }
     
     .ipair-footer__contact {
       list-style: none;
     }
     
     .ipair-footer__contact li {
       color: #515154;
       font-size: 12px;
       margin-bottom: 10px;
       display: flex;
       gap: 8px;
       transition: all 0.2s ease;
     }
     
     .ipair-footer__contact li:hover {
       transform: translateX(5px);
       color: #2997ff;
     }
     
     .ipair-footer__contact li i {
       transition: color 0.2s ease;
     }
     
     .ipair-footer__contact li:hover i {
       color: #2997ff;
     }
     
     .ipair-footer__social {
       display: flex;
       gap: 20px;
       margin-top: 20px;
     }
     
     .ipair-footer__social a {
       color: #515154;
       font-size: 16px;
       transition: all 0.3s ease;
       display: inline-block;
     }
     
     .ipair-footer__social a:hover {
       color: #2997ff;
       transform: translateY(-3px);
     }
     
     .ipair-footer__bottom {
       border-top: 1px solid #d2d2d7;
       padding-top: 30px;
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 11px;
       color: #86868b;
     }
     
     .ipair-footer__legal {
       display: flex;
       gap: 24px;
     }
     
     .ipair-footer__legal a {
       color: #86868b;
       text-decoration: none;
       transition: color 0.2s ease;
     }
     
     .ipair-footer__legal a:hover {
       color: #2997ff;
     }
     
     /* ===== RESPONSIVE ===== */
     @media (max-width: 1024px) {
       .ipair-ecosystem__grid {
         grid-template-columns: repeat(2, 1fr);
       }
       .ipair-footer__grid {
         grid-template-columns: repeat(2, 1fr);
       }
     }
     
     @media (max-width: 768px) {
       .ipair-nav {
         display: none;
       }
       
       .ipair-menu-toggle {
         display: flex;
       }
       
       .ipair-mobile-nav {
         display: block;
       }
       
       .ipair-hero__title {
         font-size: 42px;
         min-height: 100px;
       }
       
       .ipair-hero__subtitle {
         font-size: 18px;
       }
       
       .ipair-story__grid {
         grid-template-columns: 1fr;
         gap: 60px;
       }
       
       .ipair-story__media {
         margin-bottom: 40px;
       }
       
       .ipair-story__media-main {
         width: 90%;
       }
       
       .ipair-story__media-secondary {
         width: 65%;
         bottom: -20px;
       }
       
       .ipair-ecosystem__grid {
         grid-template-columns: 1fr;
       }
       
       .ipair-labs__grid {
         grid-template-columns: 1fr;
         gap: 40px;
       }
       
       .ipair-labs__list {
         grid-template-columns: 1fr;
       }
       
       .ipair-footer__grid {
         grid-template-columns: 1fr;
       }
       
       .ipair-footer__bottom {
         flex-direction: column;
         gap: 16px;
         text-align: center;
       }
       
       .ipair-footer__legal {
         justify-content: center;
       }
       
       .ipair-stats__grid {
         grid-template-columns: repeat(2, 1fr);
       }
       
       .ipair-cta__buttons {
         flex-direction: column;
         align-items: center;
       }
       
       .ipair-btn {
         width: 100%;
         max-width: 250px;
         text-align: center;
       }
     }
     
     @media (max-width: 480px) {
       .ipair-hero__title {
         font-size: 36px;
         flex-direction: column;
       }
       
       .ipair-hero__static {
         margin-right: 0;
         margin-bottom: 5px;
       }
       
       .ipair-stats__grid {
         grid-template-columns: 1fr;
       }
       
       .ipair-story__features {
         flex-direction: column;
       }
     }
     
     /* ===== MODAL YUIX (tus estilos) ===== */
     .modal-yuix .modal-content {
       border: none;
       border-radius: 18px;
       background: #ffffff;
       box-shadow: 0 40px 60px rgba(0,0,0,0.2);
     }
     
     .modal-yuix .btn-close {
       position: absolute;
       top: 20px;
       right: 20px;
       z-index: 10;
       opacity: 0.5;
       transition: opacity 0.2s ease;
     }
     
     .modal-yuix .btn-close:hover {
       opacity: 1;
     }
     
     .yuix-badge {
       display: inline-block;
       background: #f5f5f7;
       color: #1d1d1f;
       font-size: 11px;
       font-weight: 500;
       letter-spacing: 0.5px;
       padding: 6px 14px;
       border-radius: 30px;
       margin-bottom: 20px;
       text-transform: uppercase;
     }
     
     .yuix-badge i {
       color: #2997ff;
       margin-right: 6px;
     }
     
     .yuix-logo {
       font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
       font-size: 42px;
       font-weight: 600;
       letter-spacing: -0.02em;
       color: #1d1d1f;
       margin-bottom: 8px;
     }
     
     .yuix-logo span {
       color: #2997ff;
       font-weight: 300;
     }
     
     .yuix-subtitle {
       font-size: 16px;
       color: #86868b;
       margin-bottom: 30px;
     }
     
     .yuix-features {
       list-style: none;
       padding: 0;
       margin: 0 0 30px 0;
     }
     
     .yuix-features li {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-bottom: 16px;
       font-size: 15px;
       color: #1d1d1f;
       border-bottom: 1px solid #f5f5f7;
       padding-bottom: 16px;
     }
     
     .yuix-features li:last-child {
       border-bottom: none;
       padding-bottom: 0;
     }
     
     .yuix-features li i {
       color: #2997ff;
       font-size: 18px;
       width: 24px;
       text-align: center;
     }
     
     .yuix-features li strong {
       font-weight: 600;
       color: #1d1d1f;
     }
     
     .yuix-btn-primary {
       display: inline-block;
       background: #2997ff;
       color: #ffffff;
       font-size: 14px;
       font-weight: 500;
       padding: 12px 28px;
       border-radius: 30px;
       text-decoration: none;
       transition: all 0.2s ease;
       border: none;
       letter-spacing: -0.01em;
     }
     
     .yuix-btn-primary:hover {
       background: #0077e6;
       color: #ffffff;
       transform: scale(1.02);
     }
     
     .yuix-btn-secondary {
       display: inline-block;
       background: transparent;
       color: #2997ff;
       font-size: 14px;
       font-weight: 500;
       padding: 12px 28px;
       border-radius: 30px;
       text-decoration: none;
       transition: all 0.2s ease;
       border: 1px solid #2997ff;
       letter-spacing: -0.01em;
     }
     
     .yuix-btn-secondary:hover {
       background: #2997ff;
       color: #ffffff;
     }
     
     .yuix-categories {
       display: flex;
       justify-content: space-between;
       margin-top: 30px;
       padding-top: 20px;
       border-top: 1px solid #f5f5f7;
     }
     
     .yuix-categories span {
       font-size: 12px;
       color: #86868b;
       display: flex;
       align-items: center;
       gap: 6px;
     }
     
     .yuix-categories i {
       color: #2997ff;
       font-size: 14px;
     }
     
     .yuix-card-preview {
       background: linear-gradient(135deg, #f5f5f7 0%, #e8e8ed 100%);
       border-radius: 18px;
       padding: 25px;
       text-align: center;
     }
     
     .yuix-card-preview__icon {
       font-size: 40px;
       color: #2997ff;
       margin-bottom: 15px;
     }
     
     .yuix-card-preview__title {
       font-size: 16px;
       font-weight: 600;
       color: #1d1d1f;
       margin-bottom: 15px;
     }
     
     .yuix-card-preview__stats {
       background: #ffffff;
       border-radius: 12px;
       padding: 15px;
     }
     
     .yuix-card-preview__stat-row {
       display: flex;
       justify-content: space-between;
       align-items: center;
       margin-bottom: 10px;
     }
     
     .yuix-card-preview__stat-row small {
       font-size: 12px;
       color: #86868b;
     }
     
     .yuix-card-preview__stat-row .badge {
       background: #2997ff;
       color: #ffffff;
       font-size: 10px;
       padding: 3px 8px;
       border-radius: 20px;
     }
     
     .yuix-card-preview__progress {
       height: 4px;
       background: #f5f5f7;
       border-radius: 2px;
       margin-bottom: 15px;
     }
     
     .yuix-card-preview__progress-bar {
       width: 75%;
       height: 100%;
       background: #2997ff;
       border-radius: 2px;
     }
     
     .yuix-card-preview__tags {
       display: flex;
       justify-content: space-between;
       font-size: 11px;
       color: #86868b;
     }
     
     .yuix-card-preview__tags i {
       color: #2997ff;
       margin-right: 4px;
     }
     
     @media (max-width: 768px) {
       .yuix-logo {
         font-size: 32px;
       }
       .yuix-categories {
         flex-wrap: wrap;
         gap: 10px;
       }
     }
     /* ===== NUEVO: MANIFIESTO WAO ===== */
.ipair-manifesto {
  padding: 80px 0 120px;
  background: #ffffff;
  position: relative;
  overflow: hidden;
}

.ipair-manifesto::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #2997ff 20%, #2997ff 80%, transparent);
  opacity: 0.3;
}

.ipair-manifesto__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  position: relative;
  z-index: 2;
}

.ipair-manifesto__item {
  text-align: center;
  padding: 40px 20px;
  border-radius: 24px;
  background: #f5f5f7;
  transition: all 0.4s cubic-bezier(0.2, 0.9, 0.3, 1);
  position: relative;
  border: 1px solid transparent;
}

.ipair-manifesto__item:hover {
  transform: translateY(-15px) scale(1.02);
  background: #ffffff;
  border-color: #2997ff;
  box-shadow: 0 30px 50px -20px rgba(0,0,0,0.3);
}

.ipair-manifesto__item--present {
  background: #2997ff;
  color: white;
}

.ipair-manifesto__item--present .ipair-manifesto__year {
  color: rgba(255,255,255,0.8);
}

.ipair-manifesto__item--present h3 {
  color: white;
}

.ipair-manifesto__item--present p {
  color: rgba(255,255,255,0.9);
}

.ipair-manifesto__year {
  font-size: 14px;
  font-weight: 600;
  color: #2997ff;
  display: block;
  margin-bottom: 16px;
  letter-spacing: 2px;
}

.ipair-manifesto__item h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #1d1d1f;
}

.ipair-manifesto__item p {
  font-size: 14px;
  color: #515154;
  line-height: 1.6;
  margin: 0;
}

/* Responsive */
@media (max-width: 1024px) {
  .ipair-manifesto__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .ipair-manifesto::before {
    display: none;
  }
}

@media (max-width: 768px) {
  .ipair-manifesto__grid {
    grid-template-columns: 1fr;
  }
  .ipair-manifesto__item {
    padding: 30px;
  }
}


.ipair-timeline-epic {
    padding: 100px 0;
    background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
    position: relative;
    overflow: hidden;
}

.ipair-timeline-epic::before {
    content: '';
    position: relative;
    top: 0;
    left: 1%;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, 
        transparent 0%, 
        #2997ff 10%, 
        #2997ff 90%, 
        transparent 100%);
    opacity: 0.2;
    z-index: 1;
}

.ipair-timeline-epic__header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
}

.ipair-timeline-epic__subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #2997ff;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px;
}

.ipair-timeline-epic__title {
    font-size: 48px;
    font-weight: 600;
    letter-spacing: -0.003em;
    margin-bottom: 20px;
    color: #1d1d1f;
}

.ipair-timeline-epic__description {
    font-size: 18px;
    color: #86868b;
    line-height: 1.5;
}

.ipair-timeline-epic__container {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.ipair-timeline-epic__item {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
    transition: all 0.3s ease;
}

.ipair-timeline-epic__item:hover {
    transform: translateX(20px);
}

.ipair-timeline-epic__marker {
    min-width: 100px;
    font-size: 24px;
    font-weight: 700;
    color: var(--year-color, #2997ff);
    position: relative;
    text-align: right;
    line-height: 1.2;
}

.ipair-timeline-epic__marker--highlight {
    position: relative;
}

.ipair-timeline-epic__marker--highlight::after {
    content: '★';
    position: absolute;
    top: -10px;
    right: -10px;
    font-size: 14px;
    color: #ffd700;
}

.ipair-timeline-epic__marker--present {
    color: #ffffff;
    background: #2997ff;
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 18px;
    text-align: left;
    min-width: auto;
    width: fit-content;
    height: fit-content;
}

.ipair-timeline-epic__content {
    flex: 1;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.ipair-timeline-epic__content h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #1d1d1f;
}

.ipair-timeline-epic__content p {
    font-size: 16px;
    color: #515154;
    line-height: 1.6;
    margin-bottom: 12px;
}

.ipair-timeline-epic__badge {
    display: inline-block;
    background: #e8f0fe;
    color: #2997ff;
    font-size: 12px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 20px;
    margin-top: 8px;
}

.ipair-timeline-epic__stats {
    display: block;
    font-size: 13px;
    color: #86868b;
    margin-top: 8px;
    font-weight: 500;
}

/* Responsive */
@media (max-width: 768px) {
    .ipair-timeline-epic__title {
        font-size: 36px;
    }
    
    .ipair-timeline-epic__item {
        flex-direction: column;
        gap: 15px;
        margin-bottom: 40px;
    }
    
    .ipair-timeline-epic__item:hover {
        transform: translateX(10px);
    }
    
    .ipair-timeline-epic__marker {
        text-align: left;
        font-size: 28px;
    }
    
    .ipair-timeline-epic__marker--present {
        font-size: 16px;
        padding: 4px 12px;
    }
    
    .ipair-timeline-epic::before {
        left: 30px;
    }
}

@media (max-width: 480px) {
    .ipair-timeline-epic__title {
        font-size: 28px;
    }
    
    .ipair-timeline-epic__description {
        font-size: 16px;
    }
}
.ipair-product__category{
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  opacity:0.6;
  margin-bottom:6px;
}

/* Estilos para la barra de idiomas - Que se integre elegantemente */
.ipair-langbar {
    background: #fafafc;  /* Fondo sutil, casi blanco */
    border-bottom: 1px solid #eef0f2;  /* Línea muy sutil */
    font-size: 13px;
    padding: 10px 0;
    font-family: 'Inter', sans-serif;
}

.ipair-langbar__languages {
    display: flex;
    justify-content: flex-end;  /* Alineado a la derecha, más moderno */
    gap: 4px;
    align-items: center;
}

.ipair-langbar__languages a {
    color: #6b6b70;  /* Gris elegante, no negro */
    text-decoration: none;
    padding: 4px 8px;
    border-radius: 20px;
    transition: all 0.2s ease;
    font-weight: 450;
    letter-spacing: -0.2px;
}

.ipair-langbar__languages a:hover {
    color: #2997ff;
    background: rgba(41, 151, 255, 0.05);
}

.ipair-langbar__languages span {
    color: #d4d4dc;
    font-size: 12px;
}

/* Versión móvil: más compacta */
@media (max-width: 768px) {
    .ipair-langbar__languages {
        justify-content: center;
        flex-wrap: wrap;
        gap: 8px;
    }
    
    .ipair-langbar__languages a {
        padding: 4px 6px;
        font-size: 11px;
    }
}