.main-bar{
	    background: white;
}
.navbar-brand img{
        max-width: 176px !important;
}

.link-txt{
    color:black !important;
}

.main-header.header-overlay{
 position: fixed !important;
}
.tangodirectoimg{
    border-radius: 20px;
}

.btn-youtube{
    padding: 1rem;
    color: white;
    border-radius: 13px;
    width: 100%;
}

.tango-directo-container{
      display: grid;
    align-content: center;
}


.card { border-radius: 18px; padding: 1.2rem 1rem; color: #fff; display: flex; flex-direction: column; gap: 8px; min-height: 236px; }
  .card-icon { font-size: 28px; opacity: 0.95; }
  .card-title { font-size: 13px; font-weight: 500; letter-spacing: 0.02em; text-transform: uppercase; line-height: 1.3; }
  .card-desc { font-size: 11.5px; opacity: 0.85; line-height: 1.5; flex: 1; }
  .card-btn { display: inline-block; margin-top: 4px; background: rgba(255,255,255,0.22); border: 1.5px solid rgba(255,255,255,0.5); color: #fff; font-size: 11px; font-weight: 500; padding: 5px 14px; border-radius: 20px; text-decoration: none; cursor: pointer; letter-spacing: 0.04em; width: fit-content; }
  .card-btn:hover { background: rgba(255,255,255,0.38); }
  .bg-blue   { background: linear-gradient(135deg, #4ca7e0, #3478c8); }
  .bg-green  { background: linear-gradient(135deg, #4ec98b, #2dab6a); }
  .bg-purple { background: linear-gradient(135deg, #b07fee, #7b4fd9); }
  .bg-orange { background: linear-gradient(135deg, #f0845a, #e05530); }
  .bg-red    { background: linear-gradient(135deg, #e05a5a, #c03030); }
  .bg-violet { background: linear-gradient(135deg, #9b6fe0, #6b3cb8); }
  .bg-navy   { background: linear-gradient(135deg, #4a7fc0, #2a4f8a); }



  .certificate {
      width: 208px;
  }

.slide-2-container{
     background-color: black;
}
  .slide-2-sub{
           background-image: url(../img/delta_fondo.png) !important;
    background-size: cover;
    background-position: center !important;
        padding-top: 8rem;
    padding-bottom: 16rem;
  }
 .slide-2-sub .left-side{
display: grid;
    /* place-content: center; */
    justify-content: flex-start;
    justify-items: end;
 }
  .slide-2-sub .left-side img{
    width: 538px;
    position: relative;
    left: -138px;
 }
   .slide-2-sub .left-side p{
font-size: 74px;
    /* text-align: justify; */
    width: 70%;
    line-height: 78px;
    margin-top: -196px;
    color: white;
 }

 .hero-title{
    text-transform: uppercase;
    font-weight: 400 !important;
    font-family: 'bebas neue', sans-serif;
    text-align: left !important;
    font-size: clamp(2rem, 4.4vw, 8rem);
    line-height: 1.2;
    margin: 0 0 1rem 0;
    color: var(--secondary-color);
    text-shadow: 0px 0px 10px;
 }
.stargraf-ins-contanier{
        display: grid;
}
 .stargraf-ins-contanier img{
    width: 550px;
    margin-inline: auto;
 }

 .quienes-somos {
  background-image: url(../img/tram.png);
  background-size: cover;
  background-position: center !important;
 }

 .quienes-somos .qs-row{
    background: white;
    padding: 1rem;
    border-radius: 14px;
    box-shadow: 1px 1px 12px #0000001c;
 }
 
.icon-box{
  border-radius: 15px;
}

.contact-info-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 20px 10px;
  color: #fff;
  font-size: 15px;
  line-height: 1.4;
}

.contact-info-item i {
  font-size: 18px;
  width: 22px;
  text-align: center;
  color: #f13c46;
  flex-shrink: 0;
}
.main-bar-container{
      box-shadow: 1px 1px 3px #00000014;
}

@media screen and (max-width: 768px) {
  .slide-2-sub .left-side p {
    font-size: 33px !important;
     text-align: unset !important;
    width: 70%;
     line-height: unset !important;
     margin-top:  unset !important;
    color: white;
    margin-left: auto;
    position: relative;
    left: -35px !important;
}
.slide-2-sub .left-side img {
    width: 172px !important;
    position: relative;
     left:unset !important;
    margin-inline: auto;
}
.background-iframe3{
        margin-top: -138px !important;
        margin-left: -100px !important;
        margin-right: -138px !important;
}
.qs-row{
margin-inline: 5px;
}

.main-bar-container{
  padding: 1rem;
}
.slide-2-sub .left-side {
   justify-content: unset !important;
}
}


.slide3{
      filter: blur(6px);
}

@media screen and (min-width: 900px) and (max-width: 1700px) {
.slide-2-sub .left-side img {
    width: 370px !important;
    left: -138px  !important;
}
.slide-2-sub .left-side p {
    font-size: 39px !important;
    /* text-align: justify; */
    width: 70% !important;
    line-height: 78px;
    margin-top: -196px !important;
    color: white;
}

.slide-2-sub .left-side {
   place-content: unset !important;
}
.background-iframe3{
  margin-top: -136px !important;
}
}