:root {
	--white: #ffffff;
	--color-primary: #003344;
    --color-secondary: #0c566d;
    --color-tertiary: #086982;
}

body {
    padding-top: 50px;
    background-color: var(--white);
}

@media (min-width: 992px) {

    .blog-sidebar{
        position: sticky;
        top: 100px;
    }

}

/* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
    color: var(--color-primary);
}

.navbar-scroll .nav-link:hover {
    color: var(--color-secondary);
}

.navbar-nav .nav-link.active, 
.navbar-nav .nav-link.show {
    color: var(--color-secondary);
    text-decoration: underline;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
    color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
    background-color: var(--white);
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
    padding-top: 5px;
    padding-bottom: 5px;
}

body {
    background-color: var(--white);
    padding-top: 75px;
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

a:hover {
    color: var(--color-secondary);
}

.mr-20 {
    margin-right: 20px;
}

.mt-30 {
    margin-top: 30px;
}

hr.news {
    border-top: 1px dashed var(--color-primary);
}

.card-content {
    padding: 15px;
}

.card-content-mini {
    padding-left: 5px;
}

a.info-new {
    color: #000;
}

a.info-new:hover {
    color: var(--color-primary);
}

.page-link {
    color: var(--color-primary);
}

.page-link:hover {
    color: var(--color-secondary);
}

.active > .page-link, .page-link.active {
    z-index: 3;
    color: var(--white);
    background-color: var(--color-primary);
    border-color: var(--color-secondary);
}

.btn-dark-ony {
    color: var(--white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-dark-ony:hover {
    color: var(--white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

/* Contenedor de la tarjeta */
.card-contacto {
    border-radius: 24px; /* Esquinas muy redondeadas */
    padding: 1.5rem;
    max-width: 500px;
}

/* Contenedor del icono estilo "Squircle" */
.icon-box {
    background-color: var(--color-secondary); /* Fondo azul oscuro/verdoso */
    border-radius: 16px;
    width: 54px;
    height: 54px;
}

/* Icono de correo cian */
.icon-email {
    color: var(--white);
    font-size: 1.4rem;
}

/* Texto del correo */
.text-email-address {
    color: #8c939d;
}

.whats img {
    position: fixed;
    bottom: 85px;
    right: 20px;
    width: 45px;
    -webkit-filter: drop-shadow(1px 1px 2px #eeebeb);
    z-index: 1005;
}

@media screen and (max-width: 980px) {
    .whats img {
        bottom: 90px;
        right: 10px;
        width: 40px;
    }

    .page-load img {
        width: 35%;
    }

}

.mr-2 {
    margin-right: 2px;
}

.list-group-item.active {
    z-index: 2;
    color: var(--white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

/* .testimonials .card {
    border: none;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
} */

.testimonials .card-text {
    font-style: italic;
}

.testimonials img {
    width: 50px;
    height: 50px;
}

.mark-text {
    color: var(--color-primary);
}

h1, h2  {
    color: var(--color-primary);
}

h3 {
    color: var(--color-secondary);
}