@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mozilla+Text:wght@200..700&display=swap');

h1,
h2,
h3,
h4,
h5 {
  font-family: "Goldman", sans-serif;
}

h3{
    font-size: 15px;
}

p,
li,
ul {
  font-family: "Mozilla Text", sans-serif;
  font-size: 17px;
}

a {
  font-family: "Mozilla Text", sans-serif;
  color: white;

}

.carousel-inner {
  height: 500px;
  /* o el alto que prefieras */
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

footer {
  background-color: #343a40;
  color: #fff;
  padding: 3rem 0;
}

.social-icons a {
  font-size: 1.25rem;
}


.about-us {
  background-color: #f8f9fa;
}

.about-us img {
  transition: transform 0.3s ease-in-out;
}

.about-us img:hover {
  transform: scale(1.05);
}

.about-us .list-unstyled li {
  margin-bottom: 10px;
}

.about-us .btn-primary {
  transition: all 0.3s ease;
}

.about-us .btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Wave Divider */
.divider-wave {
  height: 100px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%230d6efd' fill-opacity='0.15' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") center/cover no-repeat;
}


.feature-showcase {
  padding: 60px 0px 20px 0px;
  background-color: #ffffff;
}

.feature-box {
  text-align: center;
  margin-bottom: 40px;
}

.feature-box i {
  font-size: 40px;
  color: #505050;
  margin-bottom: 10px;
}

.feature-box h3 {
  font-size: 24px;
  margin-bottom: 20px;
}

.feature-box p {
  font-size: 16px;
  color: #505050;
}

.fixed-img-size {
  height: 200px;
  /* Ajusta este valor según necesites */
  object-fit: cover;
  /* Esto asegura que la imagen mantenga sus proporciones */
  width: 100%;
  /* Ocupa todo el ancho disponible */
}


/* Estilos para el navbar transparente */
.navbar {
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.top-bar {
  position: relative;
  z-index: 1001;
  /* Para que esté por encima del navbar */
}

/* Asegurar que el carrusel esté debajo */
.carousel {
  position: relative;
  top: -56px;
  /* Ajusta según la altura de tu navbar */
  z-index: 1;
}

/* Ajustar el margen del contenido principal */
main {
  margin-top: 56px;
  /* Igual que el valor de top negativo del carrusel */
}




@keyframes hero-gradient-animation {
    0% {
        --x-0: 93%;
        --c-0: hsla(217.59493670886076, 100%, 30%, 1);
        --y-0: 63%;
        --s-start-0: 8.392121895570533%;
        --s-end-0: 38.584065253664996%;
        --y-1: -7%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 22.10878124098502%;
        --x-1: 33%;
        --c-2: hsla(0, 0%, 0%, 1);
        --s-start-2: 8.392121895570533%;
        --s-end-2: 22.558651527792346%;
        --x-2: 84%;
        --y-2: 7%;
        --c-3: hsla(0, 0%, 0%, 1);
        --s-start-3: 8.392121895570533%;
        --s-end-3: 22.558651527792346%;
        --y-3: 5%;
        --x-3: 14%;
        --y-4: 96%;
        --x-4: 7%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 22.558651527792346%;
        --s-start-5: 8.392121895570533%;
        --s-end-5: 22.558651527792346%;
        --y-5: 90%;
        --x-5: 93%;
        --c-5: hsla(0, 0%, 0%, 1);
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --y-6: 61%;
        --s-start-6: 8.392121895570533%;
        --s-end-6: 39.67138181429644%;
        --x-6: 3%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 8.392121895570533%;
        --s-end-7: 49.58090142552271%;
        --x-7: 94%;
        --y-7: 59%;
        --x-8: 48%;
        --c-8: hsla(217.68844221105527, 100%, 39%, 1);
        --y-8: 63%;
        --s-start-8: 8.392121895570533%;
        --s-end-8: 34.815367581495366%;
        --s-start-9: 8.392121895570533%;
        --s-end-9: 31.77166380372925%;
        --y-9: 78%;
        --c-9: hsla(217.59493670886076, 100%, 30%, 1);
        --x-9: 96%;
    }

    50% {
        --x-0: 2%;
        --c-0: hsla(217.59493670886076, 100%, 30%, 1);
        --y-0: 59%;
        --s-start-0: 12.892043731642234%;
        --s-end-0: 42.94837818044209%;
        --y-1: 10%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 41.69445156991687%;
        --x-1: 42%;
        --c-2: hsla(0, 0%, 0%, 1);
        --s-start-2: 8.392121895570533%;
        --s-end-2: 20.488815899465003%;
        --x-2: 75%;
        --y-2: 29%;
        --c-3: hsla(0, 0%, 0%, 1);
        --s-start-3: 8.392121895570533%;
        --s-end-3: 30.099844327777923%;
        --y-3: 16%;
        --x-3: 5%;
        --y-4: 91%;
        --x-4: 36%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 24.59566937006635%;
        --s-start-5: 8.392121895570533%;
        --s-end-5: 24.59566937006635%;
        --y-5: 91%;
        --x-5: 70%;
        --c-5: hsla(0, 0%, 0%, 1);
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --y-6: 73%;
        --s-start-6: 9%;
        --s-end-6: 26.825849058644888%;
        --x-6: 54%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 9%;
        --s-end-7: 49.05074977970796%;
        --x-7: 57%;
        --y-7: 76%;
        --x-8: 11%;
        --c-8: hsla(217.68844221105527, 100%, 39%, 1);
        --y-8: 53%;
        --s-start-8: 9;
        --s-end-8: 26.166345747226664%;
        --s-start-9: 9;
        --s-end-9: 22.152460022684956%;
        --y-9: 70%;
        --c-9: hsla(217.59493670886076, 100%, 30%, 1);
        --x-9: 70%;
    }

    100% {
        --y-1: -3%;
        --c-1: hsla(0, 0%, 0%, 1);
        --s-start-1: 8.392121895570533%;
        --s-end-1: 59.32232816638693%;
        --x-1: 76%;
        --c-2: hsla(0, 0%, 0%, 1);
        --s-start-2: 8.392121895570533%;
        --s-end-2: 28.52989037790774%;
        --x-2: 97%;
        --y-2: 18%;
        --c-3: hsla(0, 0%, 0%, 1);
        --s-start-3: 8.392121895570533%;
        --s-end-3: 28.52989037790774%;
        --y-3: 18%;
        --x-3: 42%;
        --y-4: 95%;
        --x-4: 66%;
        --c-4: hsla(0, 0%, 0%, 1);
        --s-start-4: 8.392121895570533%;
        --s-end-4: 28.52989037790774%;
        --s-start-5: 8.392121895570533%;
        --s-end-5: 28.52989037790774%;
        --y-5: 92%;
        --x-5: 46%;
        --c-5: hsla(0, 0%, 0%, 1);
        --c-6: hsla(279.7894736842105, 67%, 27%, 1);
        --y-6: 16%;
        --s-start-6: 24.72064437400016%;
        --s-end-6: 47.490620328604024%;
        --x-6: 102%;
        --c-7: hsla(279.7894736842105, 67%, 27%, 1);
        --s-start-7: 10.200720718860145%;
        --s-end-7: 50.46456494288142%;
        --x-7: 22%;
        --y-7: 52%;
        --s-start-9: 6.294132688184733%;
        --s-end-9: 20.79106730744014%;
        --y-9: 51%;
        --c-9: hsla(217.5, 100%, 31%, 1);
        --x-9: 97%;
    }
}

@property --x-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --c-0 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.59493670886076, 100%, 30%, 1)
}

@property --y-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --s-start-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-0 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 38.584065253664996%
}

@property --y-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: -7%
}

@property --c-1 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.10878124098502%
}

@property --x-1 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 33%
}

@property --c-2 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --x-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 84%
}

@property --y-2 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --c-3 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 5%
}

@property --x-3 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 14%
}

@property --y-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

@property --x-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 7%
}

@property --c-4 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --s-start-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-4 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --s-start-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 22.558651527792346%
}

@property --y-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 90%
}

@property --x-5 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 93%
}

@property --c-5 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(0, 0%, 0%, 1)
}

@property --c-6 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(279.7894736842105, 67%, 27%, 1)
}

@property --y-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 61%
}

@property --s-start-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 39.67138181429644%
}

@property --x-6 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 3%
}

@property --c-7 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(279.7894736842105, 67%, 27%, 1)
}

@property --s-start-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 49.58090142552271%
}

@property --x-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 94%
}

@property --y-7 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 59%
}

@property --x-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 48%
}

@property --c-8 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.68844221105527, 100%, 39%, 1)
}

@property --y-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 63%
}

@property --s-start-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-8 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 34.815367581495366%
}

@property --s-start-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 8.392121895570533%
}

@property --s-end-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 31.77166380372925%
}

@property --y-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 78%
}

@property --c-9 {
    syntax: '<color>';
    inherits: false;
    initial-value: hsla(217.59493670886076, 100%, 30%, 1)
}

@property --x-9 {
    syntax: '<percentage>';
    inherits: false;
    initial-value: 96%
}

#asesoramiento{
    --x-0: 93%;
    --c-0: hsla(217.59493670886076, 100%, 30%, 1);
    --y-0: 63%;
    --y-1: -7%;
    --c-1: hsla(0, 0%, 0%, 1);
    --x-1: 33%;
    --c-2: hsla(0, 0%, 0%, 1);
    --x-2: 84%;
    --y-2: 7%;
    --c-3: hsla(0, 0%, 0%, 1);
    --y-3: 5%;
    --x-3: 14%;
    --y-4: 96%;
    --x-4: 7%;
    --c-4: hsla(0, 0%, 0%, 1);
    --y-5: 90%;
    --x-5: 93%;
    --c-5: hsla(0, 0%, 0%, 1);
    --c-6: hsla(279.7894736842105, 67%, 27%, 1);
    --y-6: 61%;
    --x-6: 3%;
    --c-7: hsla(279.7894736842105, 67%, 27%, 1);
    --x-7: 94%;
    --y-7: 59%;
    --x-8: 48%;
    --c-8: hsla(217.68844221105527, 100%, 39%, 1);
    --y-8: 63%;
    --y-9: 78%;
    --c-9: hsla(217.59493670886076, 100%, 30%, 1);
    --x-9: 96%;
    ;
    background-color: hsla(262, 82%, 3%, 1);
    background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2)), radial-gradient(circle at var(--x-3) var(--y-3), var(--c-3) var(--s-start-3), transparent var(--s-end-3)), radial-gradient(circle at var(--x-4) var(--y-4), var(--c-4) var(--s-start-4), transparent var(--s-end-4)), radial-gradient(circle at var(--x-5) var(--y-5), var(--c-5) var(--s-start-5), transparent var(--s-end-5)), radial-gradient(circle at var(--x-6) var(--y-6), var(--c-6) var(--s-start-6), transparent var(--s-end-6)), radial-gradient(circle at var(--x-7) var(--y-7), var(--c-7) var(--s-start-7), transparent var(--s-end-7)), radial-gradient(circle at var(--x-8) var(--y-8), var(--c-8) var(--s-start-8), transparent var(--s-end-8)), radial-gradient(circle at var(--x-9) var(--y-9), var(--c-9) var(--s-start-9), transparent var(--s-end-9));
    animation: hero-gradient-animation 15s linear infinite alternate-reverse;
    background-blend-mode: normal, normal, normal, normal, normal, normal, normal, normal, normal, normal;
}