@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
   /*GRID*/
   --grid-width: 1200px !important;
   --grid-gutter: 20px;

   /*TEXT*/
   --text-family: "Noto Sans", sans-serif;
   --text-fsize: 16px;
   --text-lheight: 1.4;

   /*COLORS*/
   --color-primary: #003b93;
   --color-secondary: #7EBCE6;
   --color-alt: #ffcc2e;
   --color-black: #00120B;
   --color-white: #ffffff;
   --color-grey: #6D747A;
   --color-light-grey: #ebeef1;
}

[data-ae-animation] {
   transition-property: opacity;
   transition-duration: 0.8s;
   opacity: 0;
}

[data-ae-animation].animated {
   opacity: 1;
}

.c-primary {color: var(--color-primary);}
.c-secondary {color: var(--color-secondary);}
.c-alt {color: var(--color-alt);}
.c-white {color: var(--color-white);}
.c-black {color: var(--color-black);}

.bg-primary {background-color: var(--color-primary) !important;}
.bg-secondary {background-color: var(--color-secondary) !important;}
.bg-alt {background-color: var(--color-alt);}
.bg-white {background-color: var(--color-white);}
.bg-black {background-color: var(--color-black);}
.bg-light-grey, .bg-light-gray {background-color: var(--color-light-grey);}

html,
body {
   font-family: var(--text-family);
   font-size: var(--text-fsize);
   line-height: var(--text-lheight);
   color: var(--color-black);
   scroll-behavior: smooth;
}

small {
   font-size: 0.75rem;
}

img {
   width: 100%;
   height: auto;
   object-fit: cover;
}

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

button, .btn {
   transition: 0.3s;
}

.btn-primary, .btn-primary:hover {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
}

.btn-primary:hover {
   opacity: 0.8;
}

.btn-secondary {
   background-color: var(--color-secondary);
   border-color: var(--color-secondary);
}


h1 {
   font-size: 3.5rem;
   font-weight: 700;
   color: var(--color-primary);
}

h2 {
   font-size: 2.5rem;
   margin-bottom: 2rem;
   color: var(--color-primary);
   font-weight: 700;
}

h3 {
   font-size: 2rem;
   font-weight: 700;
   color: var(--color-primary);
}

h5 {
   font-size: 1.25rem;
   font-weight: 400;
   color: var(--color-secondary);
}



.row {
   max-width: var(--grid-width);
   margin: auto;
}

.row.wide {
   max-width: 80%
}

.row.fullwidth {
   max-width: 100%
}

/* ----------------------- */

header {
   width: 100%;
   background: var(--color-primary);
   padding: 20px 0;
   color: var(--color-white);
}

header a {
   color: inherit;
}

header .logo, footer .logo {
   max-width: 200px;
}

header nav>ul.d-flex {
   justify-content: end;
   margin-bottom: 0;
}

header nav>ul.d-flex li:not(:last-child) {
   margin-right: 30px;
}


.card.bg-alt:hover .stretched-link{
   color: var(--color-white);
}


.card-anuncio{
   box-shadow:0 2px 8px 0 rgba(26, 26, 26, 0.25);
   border-radius:8px;
   overflow:hidden
}

.card-anuncio > a:first-of-type{
   display:block;
   overflow:hidden;
}
.card-anuncio a img{
   transition: 0.25s;
   aspect-ratio: 4/3;
}
.card-anuncio a:hover img{
   transform:scale(1.2);
   filter: grayscale(100%);
}


.filters label{
   color: var(--color-white);
}





footer{
   background: var(--color-primary);
   padding: 60px 0 0;
   margin-top: 60px;
   color: var(--color-white);
}

footer * {
   color: inherit;
}

footer a {
   line-height: 1.5rem;
}