:root {
  --blue: #244283;
  --light-blue: #09e2fb;
  --dark-blue: #0a1f3b;
  --griz-claro: #dadfe7;
  --box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
}

* {
  animation: all 0.3s ease;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

.row.container {
  margin: auto;
}

.shadow {
  box-shadow: var(--box-shadow);
}

.social-links img {
  width: 30%;
  padding: 0;
  margin: 0;
}

#cnav {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (min-width: 992px) {
  #cnav>li ul {
    list-style: none;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    top: 100%;
    display: none !important;
    width: 100%;
    left: 0;
    min-width: 200px;
    text-align: left;
    background: #fff;
    box-shadow: var(--box-shadow) !important;
  }
}

#cnav>li ul {
  list-style: none;
  padding: 10px;
  display: none !important;
  width: 100%;
  min-width: 200px;
  text-align: left;
  background: #fff;
}

#cnav>li {
  position: relative;
}
#cnav>li:has(ul):after {
    content: '\f078';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #000;
    font-size: 11px;
}


@media (min-width: 992px) {
  #cnav>li:hover ul {
    display: block !important;
    margin-top: -3px;
  }
}

#cnav>li.active ul {
  display: block !important;
}

@media (min-width: 992px) {
  #cnav {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    height: 24px;
  }
}

#topmenutoggle {
  font-size: 30px;
  color: #000;
  padding: 0;
  margin: 0 auto;
  width: 55px;
  display: block;
  height: 45px;
}

@media (max-width: 991px) {
  .top-menu-open header div {
    position: static !important;
  }
}

@media (max-width: 991px) {
  #cnav {
    max-height: 0;
    transition: max-height 0.15s ease-out;
    overflow: hidden;
  }
}

@media (max-width: 991px) {
  ul#cnav.open {
    display: flex;
    position: absolute;
    left: 0;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    font-size: 22px;
    background: #fff;
    z-index: 1000;
    border: solid 1px #000;
    max-height: 100vh;
    transition: max-height 0.25s ease-in;
  }
}

@media (max-width: 991px) {
  #cnav>li.active ul {
    position: static;
    box-shadow: none;
    border-bottom: solid 1px #000;
  }
}

#cnav>li>a {
  color: #000;
  font-weight: 700;
}


#cnav>li>ul>li>a {
  font-weight: 700;
  color: var(--blue);
  display: block;
  text-align: left;
  margin-bottom: 10px;
}
#cnav>li>ul>li>a:last-child {
    margin-bottom: 0;
}
#cnav>li.active {
  text-decoration: underline;
}

@media (max-width: 991px) {
  header {
    margin-top: 20px;
  }
}

.searchbar {
  height: 50px;
  background: var(--blue);
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.searchbar input {
  border-radius: 0px;
  border: none;
  margin-top: 2px;
  height: 40px;
  color: #000;
}

.searchbar input:focus,
.searchbar input:hover
 {
    color: #000;
    border:none !important;
    outline: none !important;
    box-shadow: 0 0 0 .2rem var(--blue);;
}

.searchbar #autocompletar {
  position: absolute;
  background-color: white;
  border: 1px solid black;
  border-radius: 0;
  border-top: none;
  font-family: sans-serif;
  width: 500px;
  max-width: 90%;
  padding: 0px;
  max-height: 10rem;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 99999999;
}

.searchbar #autocompletar:empty {
  border: none !important;
}
.searchbar option,
.searchbar div
 {
  background-color: white;
  padding: 4px;
  color: black;
  margin-bottom: 1px;
  font-size: 14px;
  cursor: pointer;
}

.searchbar option:hover,
.searchbar .active, 
.searchbar div:hover
{
  background-color: #09e2fb;
}

main {
  min-height: calc(100vh - 494px);
}
main .hdn:first-child {
    margin: 30px auto;
}
main .hdn:first-child .h1 {
    font-weight: 700;
}

.bg-blue {
  background: var(--blue);
}

.bg-grisclaro {
  background: var(--griz-claro);
}

.text-light a {
  color: #fff !important;
}

.bs-icon {
  --bs-icon-size: 0.75rem;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: var(--bs-icon-size);
  width: calc(var(--bs-icon-size) * 2);
  height: calc(var(--bs-icon-size) * 2);
  color: var(--primary);
}

.bs-icon-xs {
  --bs-icon-size: 1rem;
  width: calc(var(--bs-icon-size) * 1.5);
  height: calc(var(--bs-icon-size) * 1.5);
}

.bs-icon-sm {
  --bs-icon-size: 1rem;
}

.bs-icon-md {
  --bs-icon-size: 1.5rem;
}

.bs-icon-lg {
  --bs-icon-size: 2rem;
}

.bs-icon-xl {
  --bs-icon-size: 2.5rem;
}

.bs-icon.bs-icon-primary {
  color: var(--white);
  background: var(--primary);
}

.bs-icon.bs-icon-primary-light {
  color: var(--primary);
  background: rgba(0, 123, 255, 0.2);
}

.bs-icon.bs-icon-semi-white {
  color: var(--primary);
  background: rgba(255, 255, 255, .5);
}

.bs-icon.bs-icon-rounded {
  border-radius: .5rem;
}

.bs-icon.bs-icon-circle {
  border-radius: 50%;
}

.list-inline-item img {
  width: 2rem;
}

@media(min-width: 992px) {

  .fp-top-boxes {
    transform: translateY(-50%);
    z-index: 999;
    position: relative;
  }

}

.pent-row>div {
  width: 45%;
  aspect-ratio: 1 / 1 !important;
  height: auto;
  box-shadow: var(--box-shadow) !important;
  background: #fff;
}

.pent-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
  gap: 10px;
}

.pent-row>div a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  aspect-ratio: 1 / 1 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

@media(min-width: 768px) {

  .pent-row {
    display: flex;
    justify-content: space-around;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    text-align: center;
  }

  .pent-row>div {
    background: #fff;
    height: 150px;
    width: 150px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-shadow: var(--box-shadow) !important;
    gap: 10px;
  }

  .pent-row>div a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    height: 150px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.pent-row>div img,
.pent-row>div span {
  display: block;
  margin: auto;
  text-align: center;
}


.servicios-boxes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-content: center;
  gap: 10px;
}

.servicios-boxes>div {
  width: 45%;
  aspect-ratio: 1 / 1 !important;
  height: auto;
  box-shadow: var(--box-shadow) !important;
  background: #fff;
}

.servicios-boxes>div a {
  color: #000;
  font-weight: 700;
  text-decoration: none;
  aspect-ratio: 1 / 1 !important;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

@media(min-width: 768px) {

  .servicios-boxes {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
  }

  .servicios-boxes>div {
    background: #fff;
    width: 24%;
    aspect-ratio: 1 / 1 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    box-shadow: var(--box-shadow) !important;
    gap: 10px;
  }

  .servicios-boxes>div a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    aspect-ratio: 1 / 1 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
}

.servicios-boxes>div img,
.servicios-boxes>div span {
  display: block;
  margin: auto;
  text-align: center;
}

.servicios-boxes>div img {
  max-width: 100%;
  width: 150px;
  aspect-ratio: 1 / 1;
}


.articulos-inline {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 20px;
    padding: 0;
    margin-bottom: 50px;
}

.articulos-inline .mb-news-total {
  display: none;
}

@media (max-width: 991px) {
  .articulos-inline {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  .articulos-inline .articulo {
    width: 100%;
    margin-bottom: 20px;
  }

  .articulo .articleDate {
    left: 5% !important;
    width: 100px !important;
    font-size: 16px;
  }

}

.articulo {
  width: calc(25% - 20px);
  display: flex;
  position: relative;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  box-shadow: var(--box-shadow) !important;
}

.articulo .articleImage {
  display: block;
  width: 100%;
}

.articulo .articleImage img {
  width: 100%;
  aspect-ratio: 1 / 1;
  display: block;
}

.articulo .articleImage a {
  display: block;
  width: 100%;
}


.articulo .articleDate {
  position: absolute;
  top: 20px;
  left: 3px;
  width: 100px;
  text-align: center;
  background: var(--dark-blue);
  color: #fff;
  font-size: 14px;
}

.articulo .articleDate .mes {
  display: block;
  text-align: center;
  background: #fff;
  color: var(--dark-blue);
}

.articulo .articleDate .dia {
  font-size: 38px;
  display: block;
}

.articulo .articleDate .de,
.articleDate .de2,
.articleDate .anno {
  display: none;
}

.articulo .articleTitle a {
  text-align: center;
  display: block;
  padding: 10px;
  color: #000;
  font-weight: 700;
  font-size: 1.3rem;
}

.articleShort a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    display: block;
    padding: 10px;
}


.oficina main .container:nth-child(2) .col1:first-child .col-md-6:first-child strong {
    display: block;
    margin-top: 20px;
}


input#input::placeholder {
  font-weight: bold;
  text-align: center;
  display: block;
}

a.result-title {
    font-weight: 700;
    text-decoration: underline;
    color: var(--blue);
}
p.result-text {
    font-size: 70%;
}