/* Tipografía Space Grotesk para todos los elementos h */
 h1, h2, h3, h4, h5, h6 {
    font-family: "Space Grotesk", sans-serif !important;
  }
  
  /* Asegurar Space Grotesk en clases específicas de títulos */
  .sp-title, .titulo_h2, h2.sp-title, h2.titulo_h2 {
    font-family: "Space Grotesk", sans-serif !important;
  }
  
  /* Asegurar Space Grotesk en spans dentro de títulos */
  h1 span, h2 span, h3 span, h4 span, h5 span, h6 span,
  .sp-title span, .titulo_h2 span {
    font-family: "Space Grotesk", sans-serif !important;
  }
  
  /* Tipografía Inter para el resto del texto */
  body, p, span, div, a, li, td, th, label, input, textarea, select, button {
    font-family: "Inter", sans-serif !important;
  }
  
  /* Estilos para botones de filtro redondeados */
  .filter-btn {
    border-radius: 25px !important;
    padding: 10px 20px !important;
    border: 2px solid #727272 !important;
    background-color: transparent !important;
    color: #727272 !important;
    transition: all 0.3s ease !important;
    font-weight: 500 !important;
  }
  
  .filter-btn:hover {
    background-color: #000000 !important;
    color: white !important;
    transform: translateY(-2px) !important;
  }
  
  .filter-btn.active {
    background-color: rgb(var(--bs-primary-rgb)) !important;
    color: black !important;
    border: 2px solid rgb(var(--bs-primary-rgb)) !important;
  }
  .centered-text {
    text-align: center;
    color: white !important;
    font-family: 'Arial', sans-serif;
  }
  
  .centered-title {
    font-size: 3.5rem;
    font-weight: 300;
    margin: 0;
    line-height: 1.2;
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
  
  .centered-subtitle {
    font-size: 3.5rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.1;
    color: white !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
  
  .centered-text .text-primary {
    color: white !important;
    background: none !important;
    background-color: transparent !important;
  }
  
  /* Estilos para la nueva portada */
  .portada-container {
    position: relative;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
  }
  
  .portada-container .text {
    height: auto !important;
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-out;
    position: relative;
    z-index: 20;
  }
  
  .portada-container .text.animate {
    opacity: 1;
    transform: translateX(0);
  }
  
  
  .portada-container .text h1 {
    color: white !important;
    font-size: 3rem;
    font-weight: 700;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
    margin: 0;
    z-index: 25;
    position: relative;
  }
  
  .portada-container .text p {
    z-index: 25;
    position: relative;
  }
  
  /* Centrar todo el contenedor del equipo */
  .meet-team {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .meet-team .row {
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .meet-team .col-lg-4 {
    display: flex;
    justify-content: center;
  }
  
  .meet-team-img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .meet-team-img img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
  }
  
  .menu-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 5;
  }
  
  .sombra {
    background-color: rgba(0, 0, 0, 0.178);
    width: 25rem;
    height: 100%;
  }
  
  /* Responsive para la portada */
  @media (max-width: 768px) {
    .portada-container .text h1 {
      font-size: 2.5rem;
    }
  }
  
  @media (max-width: 480px) {
    .portada-container .text h1 {
      font-size: 1.6rem;
    }
    .filter-btn{
      padding: 8px 13px !important;
    }
   
  }
  
  .centered-text .typing-text {
    background: none !important;
    background-color: transparent !important;
    color: white !important;
  }
  
  .centered-text h1 {
    background: none !important;
    background-color: transparent !important;
  }
  
  .centered-text span {
    background: none !important;
    background-color: transparent !important;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .centered-title {
      font-size: 2.5rem;
    }
    
    .centered-subtitle {
      font-size: 2.5rem;
    }
  }
  
  @media (max-width: 480px) {
    .centered-title {
      font-size: 2rem;
    }
    
    .centered-subtitle {
      font-size: 2rem;
    }
    .pt-resp{
      padding-top: 15px;
    }
    p, .fs-5 {
      font-size: 14px !important;
      line-height: 1.7;
  }
  .f-center-mobile{
    text-align: center;
  }
  .mobile-none{display: none;}
  }


  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  .preloader.slide-up {
    transform: translateY(-100%);
  }
  
  .preloader.hidden {
    display: none;
  }
  
  .preloader-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 600px;
    padding: 20px;
  }
  
  .logo-video {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  
  /* Ocultar scroll mientras el preloader está activo */
  body.preloader-active {
    overflow: hidden;
  }
  
  /* Responsive */
  @media (max-width: 768px) {
    .preloader-content {
      max-width: 400px;
      max-height: 400px;
    }
  }
  
  @media (max-width: 480px) {
    .preloader-content {
      max-width: 300px;
      max-height: 300px;
      padding: 15px;
    }
    .text-fondo{
      background-color: white;
    }
    

.btn .btn-text {
    font-size: 14px;
}

      .round-52 {
    width: 41px !important;
    height: 41px;

    }
    .py-5{
      padding-bottom: 1rem !important;
    }
  }