.video-container {
      position: relative;
      width: 100%;
      padding-bottom: 56.25%; /* 16:9 ratio */
    }
    .video-container iframe {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
    }
    .main-text {
      text-align: center;      
    }
        .main-text-img {
            width: 100%;  
        }

 
 
        .hero { 
            background: url('../img/Fondo banner Nosotros.jpg') center/cover no-repeat;
            padding: 5rem 0; 
        }

 
    .total-box {
      background-color: #00214C;
      color: white;
      padding: 0.75rem 1.5rem;
      border-radius: 15px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 1.6rem;
      font-weight: bold;
      max-width: 1300px;
      margin: 0 auto 2rem auto;
    }

    .filter-box {
      border: 2.0px solid #fff;
      border-radius: 18px;
      padding: 2rem;
      max-width: 1300px;
      margin: 0 auto; 
    }

    .filter-box label {
      font-weight: 600;
      margin-bottom: 0.5rem;
      color: #fff;
      font-size: 1.3rem;
    }
/*
    .form-control,
    .form-select {
      border: 1.5px solid #2196c8;
      border-radius: 12px;
      font-style: italic;
      color: #666;
    }*/

    .form-control::placeholder {
      color: #b0b0b0;
    }

    .category-option {
      border: 1.5px solid #2196c8;
      border-radius: 30px;
      padding: 0.5rem 1.2rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-bottom: 0.8rem;
    }

    .category-option input[type="radio"] {
      accent-color: #2196c8;
    }

    .category-icon {
      width: 32px;
      height: 32px;
    }

    @media (max-width: 768px) {
      .total-box {
        font-size: 1.3rem;
      }
    }
  
  
  







  /* Fondo azul de la sección */
  .proyectos-section{ 
            background-color:#002554 }

  /* Tarjeta */
  .project-card{ color:#fff; }
  .project-img{
    position:relative;
    border-radius: 18px;
    overflow:hidden;
    margin-bottom: .9rem;
    aspect-ratio: 16 / 9;
    box-shadow: 0 8px 22px rgba(0,0,0,.25);
  }
  .project-img img{
    width:100%; height:100%; object-fit:cover; display:block;
    transform: scale(1); transition: transform .35s ease;
  }
  .project-card:hover .project-img img{ transform: scale(1.03); }

  /* Badge superior (esquina) */
  .project-badge{
    position:absolute; top:10px; left:10px;
    width:36px; height:36px; border-radius:50%;
    background:#fff; color:#2d8bba;
    display:flex; align-items:center; justify-content:center;
    font-size:18px; box-shadow:0 4px 14px rgba(0,0,0,.22);
  }

  .project-meta{
    opacity:.9; font-size:.95rem; margin-bottom:.25rem;
  }
  .project-title{
    font-size:1.35rem; font-weight:700; line-height:1.15;
  }
  .project-icon{
    font-size:2rem; opacity:.9;
  }

  /* Ver más */
  .ver-mas{
    display:inline-flex; align-items:center; gap:.45rem;
    margin-top:.6rem; color:#fff; text-decoration:none; font-weight:600;
  }
  .ver-mas:hover{ text-decoration: underline; }
  .circle-arrow{
    display:inline-flex; align-items:center; justify-content:center;
    width:26px; height:26px; border-radius:50%;
    border:2px solid #fff; font-size:16px; line-height:1;
  }

  /* Swiper color sobre fondo azul */
  .swiper-button-prev, .swiper-button-next{ color:#fff; }
  .swiper-pagination-bullet{ background: rgba(255,255,255,.6); opacity:1; }
  .swiper-pagination-bullet-active{ background:#fff; }

  
  
  






  .proyectos-grid .project-card {
    background: #002554;
    padding: 0.5rem;
    border-radius: 0.75rem;
    color: #fff;
    height: 100%;
}

/* Para que cada card ocupe 2 por fila */
.proyectos-grid .col {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Responsive: en móviles 1 por fila */
@media (max-width: 768px) {
    .proyectos-grid .col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}




  
    .project-detail {
      padding: 0rem 1.5rem;
    }

    .project-image {
      background-image: url('../img/Soluciones Geoespaciales.jpg');
      background-size: cover;
      background-position: center;
      min-height: 500px;
      border-top-left-radius: 0.5rem;
      border-bottom-left-radius: 0.5rem;
    }

    .project-content {
      padding: 2rem;
    }

    .project-title-detail {
      font-size: 2rem;
      color: #0368aa;
      font-weight: 600;
    }

    .project-entity {
      margin-top: 1rem;
      font-size: 0.95rem;
    }

    .project-entity img {
      height: 28px;
      margin-right: 0.5rem;
      vertical-align: middle;
    }

    .project-summary {
      font-size: 0.95rem;
      margin-top: 1.2rem;
    }

    .project-section-title {
      color: #0368aa;
      font-weight: 600;
      margin-top: 1.8rem;
      margin-bottom: 0.5rem;
    }

    .stakeholders img {
      height: 30px;
      margin-right: 1rem;
    }

    @media (max-width: 768px) {
      .project-image {
        border-radius: 0.5rem 0.5rem 0 0;
        min-height: 300px;
      }
      .project-content {
        padding: 1.5rem;
      }
    }