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

body {
    font-family: 'Montserrat', sans-serif;
}
/*inroducción*/
body.itemid-106 {
    background-color: #f9edf2;
}
.catid-16 {
    background-color: #f9edf2;
    padding: 3rem;
}
body.itemid-106 h1 {
    color: #bf3163; 
}
.catid-10 {
    background-color: #f0fcf3;
  padding: 3rem;
}
.catid-12 {
    background-color: #e3f2fc;
  padding: 3rem;
}

body.itemid-110 {
    background-color: #f0fcf3;
}
body.itemid-110 h1 {
    color: #229345; 
}

body.itemid-112 {
    background-color: #e3f2fc;
}
body.itemid-112 h1 {
    color: #1d68a4; 
}

/* Encabezados principales */
h1, h2, h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

/* Títulos de tarjeta */
.card-header {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    font-weight: normal;
}

/* Menú principal */
.mod-menu,
.mod-menu a {
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

.topbar-wrapper {
    background-color: var(--cassiopeia-color-primary);
    border-bottom: 1px solid #ccc;
    padding: 0.1rem 0;
}

.container-header {
  background-color: var(--white);
  box-shadow: 0px 2px 4px #00000014;
}

.container-header .mod-menu>li>a {
    color: var(--white);
    text-decoration: none;
    position: relative;
}

/* Hover o enfoque */
.container-header .mod-menu a:hover,
.container-header .mod-menu a:focus,
.container-header .mod-menu li.active > a,
.container-header .mod-menu li.current > a {
    color: #c6c6c6;
}
.container-header .mod-menu>li.active:after, .container-header .mod-menu>li:hover:after {
    background: var(--cassiopeia-color-primary);
    left: 0;
    right: 2px;
}

.container-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.topbar-item {
    flex: 1;
    padding: 0 0.5rem;
    text-align: center;
}

.bottom-footer-wrapper {
    background-color: var(--yellow);
    border-top: 0px solid #ccc;
    padding: 0.5rem 0;
}

.container-bottom-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
}

.bottom-footer-item {
    flex: 1;
    padding: 0 0.5rem;
    text-align: center;
}
.container-nav-with-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.container-logo {
    flex: 0 0 auto;
}

.navbar-brand img {
  max-width:100%;
}

.container-menu {
    flex: 1;
    min-width: 200px;
}

.container-search {
    flex: 0 0 auto;
}

.copyright-footer {
    background-color: var(--yellow);
    color: var(--cassiopeia-color-primary);
    text-align: center;
    padding: 0.2rem 0;
    font-size: 0.75rem;
}
.copyright-footer .grid-child{
  display:flex;
  justify-content: center;
}


.footer-logos {
    gap: 1rem;
    padding: 1rem;
}

.footer-logos img {
    max-width: 160px;
    height: auto;
    width: auto;
    display: inline-block;
}

.container-search {
    display: flex;
    align-items: center;     /* Centrado vertical */
    justify-content: flex-end; /* O center / space-between si prefieres otra alineación */
    gap: 1rem;               /* Espacio entre módulos */
    flex-wrap: wrap;         /* Opcional para evitar que se rompa en pantallas pequeñas */
}


.footer {
    color: #43539f;
    background-color: #f3d231;
    background-image: linear-gradient(135deg, var(--yellow) 0%, var(--yellow) 100%);
    margin-top: 1em;
}

categorias-intro{
  background-color: #f9edf2;
  padding:2rem;
}

.fulltitle-image-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 1.5rem;
    flex-wrap: nowrap;
    flex-direction: row;
}

.article-full-image {
    flex: 1 1 50%;
}

.article-full-image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.article-title-full {
    flex: 1 1 50%;
    display: flex;
    align-items: flex-start;
    justify-content: left;
    text-align: left;
}
.article-title-full h2 {
    color: #44509d; 
}

.footer-modules {
    border-top: 1px solid #ddd;
    padding: 2rem 0;
    font-size: 0.9rem;
}

.footer-modules .row > div {
    padding: 0 15px;
}

@media (max-width: 768px) {
    .footer-modules .row > div {
        margin-bottom: 1.5rem;
    }
}
.mod-breadcrumbs__divider > span {
    margin-right: 0.5rem; /* o 8px */
    display: inline-block;
    vertical-align: middle;
}

.mod-breadcrumbs{
  font-size: 0.9rem;
}

.page-header h2{
  font-size: 1rem;
}

.item-image{
  border: 1px solid #44509d;
    background-color: #ffffff;
}

.article-title .title-link {
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  color: inherit;
}
.article-item img{
  background-color: #ffffff;
}
img[typeof="foaf:Image"],
img.intro-image,
img.item-image {
  width: 100% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
}

.com-content-article__body{
  padding-bottom:3rem;
}
.container-header .container-nav {
    padding-bottom: 0.5em;
}
.container-header .grid-child {
    padding: 0em;
  padding-bottom: 0.5em;
}
.com-finder{
  margin-bottom:5rem;
}