body {
    background: #fff;
    font-family: "Roboto", sans-serif;
}

@keyframes
fadeIn {
    from { opacity: 0.1; }
    to { opacity: 1; }
}

.page-wrapper {
    opacity: 0; /* Initial opacity */
    animation: fadeIn 1s ease-in-out forwards; 
}

a {
    text-decoration: none;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

header {
    background: #1D3557;
}

header,
.nav-link {
    color: #E5E5E5;
}

.nav-link:hover,
.nav-link:active {
    color: #E9C46A;
}

.bg-placeholder-img {
    background: rgba(19,32,41,0.55);
    background-image: url('../img/portada-1.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.bg-overlay {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(19, 32, 41, 0.6);
    height: 100%;
    width: 100%;
}

.marketing {
    background: #E5E5E5;
}

.fono,
a.redes {
    color: #2A9D8F;
}

a.redes:hover,
a.redes:active {
    color: #E9C46A;
}

.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}
  
.icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
}
  
.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
  
.card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    /*background-size: cover;*/
}
  
.feature-icon-small {
    width: 3rem;
    height: 3rem;
}

a.galeria {
    color: #fff;
}

a.galeria:hover {
    color: #E9C46A;
}