/* Custom CSS to work with Bootstrap */
body {
    line-height: 1.6;
}

header {
    background: linear-gradient(rgba(10, 61, 98, 0.45), rgba(10, 61, 98, 0.45)), url('background.png') no-repeat center center/cover;
    /* padding-bottom: 40vh; */
    
    height: 80vh;
   
}


.slide-item {
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.8s ease;
}

.slide-item.visible {
  opacity: 1;
  transform: translateX(0);
}

.display-3{
    margin-top: calc(-25vh + 2vw + 30px);
    font-weight: lighter;
}

.lead{
    margin-top: 2vh;

}

.contactBtns {
   
    margin-top: calc( 18vh + 40px - 2vw);
}

/* Animations for Bootstrap */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.animate__animated.animate__fadeInDown {
    animation: fadeInDown 1.5s ease;
}

.animate__animated.animate__fadeInUp {
    animation: fadeInUp 2s ease;
}

.animate__animated.animate__fadeIn {
    animation: fadeIn 2.5s ease;
}

/* About Us Section specific styles */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease-out;
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}



.logo {
   /* keep it square */
width: 100%;
  object-fit: cover;
}

.serviceLink{
    text-decoration: none;
}

 #carouselSamples {
  width:40vw ;   
   margin: 0 auto;     /* centers horizontally */
  /* display: block; */


}

.card {
  overflow: hidden; /* ensures the image doesn't overflow when zooming */
}

.card-img-top {
  transition: transform 0.4s ease; /* smooth animation */
}

.card:hover .card-img-top {
  transform: scale(1.1); /* zoom in slightly */
}

.tText{
    text-align: justify;
}

.wave2-section {
  background-image: url('wave2.svg');
  background-size: cover;          /* make it fill the whole section */
  background-position: center;     /* center the wave pattern */
  background-repeat: no-repeat;    /* avoid repetition */
  border-radius: 20px;             /* optional — gives soft edges */
  padding: 3rem 2rem;              /* adds space inside the wave */
}

.cbct-section {
  background-image: url('wave1.svg');
  background-size: cover;          /* make it fill the whole section */
  background-position: center;     /* center the wave pattern */
  background-repeat: no-repeat;    /* avoid repetition */
  border-radius: 20px;             /* optional — gives soft edges */
  padding: 3rem 2rem;              /* adds space inside the wave */
}

.foto-section {
  background-image: url('blob.svg');
  background-size: cover;          /* make it fill the whole section */
  background-position: center;     /* center the wave pattern */
  background-repeat: no-repeat;    /* avoid repetition */
  border-radius: 20px;             /* optional — gives soft edges */
  padding: 3rem 2rem;              /* adds space inside the wave */
}

.modelos-section {
  background-image: url('blob.svg');
  background-size: cover;          /* make it fill the whole section */
  background-position: center;     /* center the wave pattern */
  background-repeat: no-repeat;    /* avoid repetition */
  border-radius: 20px;             /* optional — gives soft edges */
  padding: 3rem 2rem;              /* adds space inside the wave */
}

.extraorales_pics{
    height:auto !important;
    border-style: solid;
}

.tomo{
    height: fit-content !important;
}