/* Hero background for homepage only - light mode */
body:has(.homepage-hero)[data-md-color-scheme="default"] {
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)),
        url('../assets/fondoprueba.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Hero background for homepage only - dark mode */
body:has(.homepage-hero)[data-md-color-scheme="slate"] {
    background-image:
        linear-gradient(rgba(33, 33, 33, 0.96), rgba(33, 33, 33, 0.96)),
        url('../assets/fondoprueba.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

body:has(.homepage-hero) main.md-main {
    background: transparent;
}

/* Hide background on non-homepage pages */
body:not(:has(.homepage-hero)) html {
    background: transparent;
}

/* Highlight active sidebar navigation item */
.md-nav__link--active {
    border-bottom: 2px solid currentColor;
    font-weight: 600;
}

/* Also highlight active items inside nested navigation */
.md-nav__link--active > .md-nav__link__text {
    font-weight: 600;
}

/* Highlight active top navigation tab */
.md-tabs__item--active {
    background-color: rgba(0, 0, 0, 0.1);
}

.md-tabs__item--active > .md-tabs__link {
    font-weight: 600;
}

/* Center blog post titles in index */
.md-post__content h2 {
    text-align: center;
}

/* Center blog post metadata */
.md-post__header {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}

.md-typeset img {
    object-fit: cover;
    border-radius: 8px;
}

/* Float image to the right */
.float-right {
    float: right;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
}