* {box-sizing: border-box;margin: 0;padding: 0;border: 0;}html, body {height: 100%;min-height: 100%;width: 100%;margin:0;}body {display: flex;flex-direction: column;background-color: var(--background-main);transition: all 1s ease;}body.dark-mode {background-color: #55212d;transition: all 1s ease;}main {flex: 1;width: 100%;}img, picture, video, canvas {display: block;max-width: 100%;height: auto;}a {text-decoration: none;color: inherit;}:root {--color-primary: #3E2723;--color-secondary: #4B3A2F;--color-accent: #6B2737;--color-accent-hover: #A84B5C;--background-main: #FAF3E0;--background-header-light: #EAD8B1;--background-header-dark: #C6A664;--background-footer: #4B3A2F;--border-color: #8B7355;--decorative-color: #D1B17E;--text-color: var(--color-primary);--heading-color: var(--color-secondary);--link-color: var(--color-accent);--link-hover-color: var(--color-accent-hover);--header-gradient: linear-gradient( 135deg, var(--background-header-light), var(--background-header-dark) );--shadow-color: rgba(62, 39, 35, 0.2);}@import url("../base/global.css");.articles__container {padding: 40px 16px;display: flex;flex-direction: column;align-items: center;gap: 30px;}.articles__title {font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);font-weight: 700;color: var(--color-primary);border-bottom: 3px solid var(--color-primary);padding-bottom: 5px;text-align: center;align-self: flex-start;transition: all 1s ease;}.articles__layout {display: flex;flex-wrap: wrap;gap: 30px;width: 100%;justify-content: center;}.articles__list {flex: 3;display: flex;flex-direction: column;gap: 20px;min-width: 280px;}.article__item {display: flex;align-items: flex-start;gap: 20px;background: var(--background-header-light, #f9f9f9);border-radius: 12px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);padding: 15px;transition: transform 0.2s ease, box-shadow 0.2s ease;flex-wrap: wrap;}.article__item:hover {transform: translateY(-3px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);}.article-item-date {font-size: 0.875rem;color: #888;text-align: initial;}.article__image {width: 100%;max-height: 200px;object-fit: cover;border-radius: 8px;flex-shrink: 0;}.article__image:hover {filter: brightness(1.1);transition: 0.5s;scale: 1.05;}.article__content {display: flex;flex-direction: column;justify-content: center;gap: 8px;flex: 1;min-width: 200px;}.article__title {font-size: clamp(1rem, 1.2vw + 0.5rem, 1.25rem);font-weight: 600;color: var(--color-accent, #222);-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}.article__description {font-size: clamp(0.85rem, 1vw, 0.95rem);color: var(--color-accent-hover, #555);line-height: 1.4;}.ads__container {transition: all 1s ease;margin: 1rem auto;height: clamp(120px, 25vh, 200px);width: min(95%, 1200px);background-color: var(--background-main);border-radius: 8px;}body.dark-mode .ads__container {transition: all 1s ease;background-color: #55212d;}.articles__ads {flex: 1;display: flex;flex-direction: column;gap: 20px;min-width: 260px;max-width: 320px;}.ad__box {background: var(--background-header-light, #f2f2f2);border-radius: 10px;padding: 10px;text-align: center;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);transition: transform 0.2s ease;}.ad__box span {display: block;font-size: clamp(0.8rem, 0.9vw, 0.85rem);color: var(--text-muted, #666);margin-bottom: 8px;}.ad__box img {width: 100%;border-radius: 8px;object-fit: cover;}.ih-btn {align-self: center;background: var(--color-accent);color: var(--background-main);font-weight: 600;border: none;border-radius: 8px;padding: 10px 25px;cursor: pointer;transition: background 0.2s ease;}.ih-btn:hover {transform: scale(1.1);transition: 1s;background: var(--color-accent-hover);}.btn-topo {position: fixed;right: 20px;bottom: 20px;width: 50px;height: 50px;border-radius: 50%;background-color: var(--color-accent);color: white;font-size: 24px;border: none;cursor: pointer;display: none;align-items: center;justify-content: center;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);transition: opacity .3s, transform .3s;z-index: 9999;}.btn-topo:hover {transform: scale(1.1);transition: 1s;background-color: var(--color-accent-hover);}@media (min-width: 768px) {.ads__container {height: clamp(100px, 20vh, 160px);margin: 0.75rem auto;transition: all 1s ease;}.articles__container {align-items: initial;margin: 0 24px;}.article__content {gap: 24px;}}@media (max-width: 768px) {.articles__ads {flex-direction: column;align-items: center;gap: 15px;}.ad__box {width: 90%;}.articles__title {align-self: center;}}@media (max-width: 480px) {.ads__container {height: clamp(80px, 18vh, 140px);margin: 0.5rem auto;}.articles__container {padding: 30px 8px;gap: 20px;}.article__item {padding: 12px;gap: 12px;}.articles__title {font-size: 1.4rem;}}@media (max-width: 900px) {.articles__ads {width: 100%;flex-direction: row;justify-content: center;flex-wrap: wrap;}.ad__box {width: 45%;min-width: 160px;}.article__item {align-items: center;text-align: center;}}@media (min-width: 992px) {.article__image {width: 45%;}}@media (max-width: 992px) {.article__item {align-items: center;text-align: center;}.article__content {align-items: center;}.articles__ads {order: 2;flex-direction: row;flex-wrap: wrap;justify-content: center;max-width: 100%;}.ad__box {flex: 1 1 45%;max-width: 280px;}}@media (max-width: 240px) {.articles__list {min-width: initial;}}body.dark-mode .articles__title, body.dark-mode .article__title {color: var(--decorative-color);border-bottom: 3px solid var(--decorative-color);}body.dark-mode .article__item {background: var(--color-accent);}body.dark-mode .article__description {color: var(--background-main);}body.dark-mode .articles-btn, body.dark-mode .btn-topo {background: var(--decorative-color);color: var(--color-accent);}body.dark-mode .navbar-toggler-icon, body.dark-mode .navbar-toggler {background-color: var(--decorative-color);}@import url("../base/global.css");.header {top: 0;width: 100%;box-sizing: border-box;background: var(--background-header-light, #f9f9f9);box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);transition: all 1s ease;}.header__container {display: flex;flex-direction: column;align-items: center;justify-content: center;}.header__title {text-align: center;max-width: 100%;padding: 0 1rem;}.header__title a {font-family: "Playfair Display", serif;font-size: clamp(1.2rem, 2.5vw, 1.5rem);text-decoration: none;color: var(--color-primary);}.title {font-weight: 700;}#logoIH {width: 130px;height: 70px;}.ih-logo-header img {width: clamp(80px, 15vw, 120px);height: clamp(80px, 15vw, 120px);}.header__icon:hover {filter: brightness(1.1);}.navbar {background: var(--background-header-light, #f9f9f9);border-top: 2px solid var(--color-accent);transition: all 1s ease;}#container-fluid {justify-content: center;padding: 8px;}.nav-link {text-align: center;}.navbar-expand-lg {padding: 0;}.navbar-nav .nav-link.active, .dropdown-item {position: relative;font-size: 1.1rem;font-weight: bold;padding: 8px 32px;color: var(--color-accent);border-bottom: 0.5px solid var(--color-accent);}.dropdown-item {font-size: 1rem;padding: 8px;}.nav-item {position: relative;}.nav-item .nav-link:hover {opacity: 0.9;background-color: var(--background-header-dark);transition: 1s;}.dropdown-menu {background-color: var(--background-header-light);border: 1px solid var(--decorative-color);transition: all 1s ease;}.dropdown-item:hover, .dropdown-item:active, .dropdown-item:focus {background-color: var(--background-header-dark);color: var(--color-accent);transition: 0.3s;}.dropdown-header {font-size: 0.85rem;font-weight: bold;color: var(--color-primary);opacity: 0.8;}.nav-buttons {width: 100%;display: flex;align-items: center;justify-content: center;position: relative;}.search-dropdown {display: flex;align-self: center;position: relative;}.search-btn {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='1rem'><style>path{fill:%236B2737}@media (prefers-color-scheme:dark){path{fill:%23fff}}</style><path d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/></svg>");background-color: var(--background-header-light);background-repeat: no-repeat;background-position: center;height: 1rem;width: 1rem;padding: 1rem 1.5rem;transition: all 1s ease;}.search-form {background-color: var(--background-header-light);position: absolute;top: 100%;left: 0;padding: 10px;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);z-index: 999;transform: translateY(5px);}.search-field {border: 2px solid var(--color-accent);width: 100%;padding: 0 8px;background-color: var(--background-header-light);color: var(--color-accent);}.search-form:focus, .search-form input:focus, .dropdown-menu:focus, .dropdown-menu input:focus {outline: none !important;box-shadow: none !important;}.switch {font-size: 17px;position: absolute;right: 0;display: inline-block;width: 64px;height: 34px;}.switch input {opacity: 0;width: 0;height: 0;}.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #aedcff;transition: .4s;border-radius: 30px;border: 1.275px solid var(--color-accent);}.slider:before {position: absolute;content: "";height: 28px;width: 28px;border-radius: 20px;left: 2px;bottom: 2px;z-index: 2;background-color: var(--color-accent);transition: .4s;}.sun svg {position: absolute;top: 6px;left: 36px;z-index: 1;width: 24px;height: 24px;}.moon svg {fill: #73C0FC;position: absolute;top: 5px;left: 5px;z-index: 1;width: 24px;height: 24px;}.sun svg {animation: rotate 15s linear infinite;}@keyframes rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);}}.moon svg {animation: tilt 5s linear infinite;}@keyframes tilt {0% {transform: rotate(0deg);}25% {transform: rotate(-10deg);}75% {transform: rotate(10deg);}100% {transform: rotate(0deg);}}.input:checked+.slider {background-color: #183153;}.input:focus+.slider {box-shadow: 0 0 1px #183153;}.input:checked+.slider:before {transform: translateX(30px);}@media (min-width: 768px) {.header__container {display: grid;grid-template-columns: 1fr auto 1fr;padding: 0 2rem;}#logoIH {width: 170px;height: 90px;}.navbar-nav .nav-link.active {border-bottom: none;}.navbar-nav {padding-left: 2rem;padding-right: 2rem;margin: 0;}#container-fluid {padding: 0px;padding-left: 8px;padding-right: 8px;flex-direction: row-reverse;}.navbar-collapse {flex-basis: 100%;align-items: center;}.navbar {padding: 0;}.navbar-expand-md .navbar-nav {width: 100%;justify-content: center;}.header__title {text-align: left;padding: 0;}.navbar .dropdown:hover .dropdown-menu {display: block;visibility: visible;opacity: 1;}.navbar .dropdown-menu {margin-top: 0;border: 2px solid var(--decorative-color);border-top: none;}.nav-buttons {justify-content: space-between;}}@media (max-width: 768px) {.search-btn {left: 0;position: absolute;}.nav-buttons {flex-direction: row-reverse;}}@media (max-width: 800px) {.navbar-nav {padding-right: 0;}}@media (max-width: 480px) {.ih-logo-header img {width: clamp(60px, 25vw, 90px);height: clamp(60px, 25vw, 90px);}.nav-link {font-size: clamp(0.85rem, 3vw, 1rem);}}@media (max-width: 240px) {.nav-buttons {display: initial;}.nav-buttons .search-dropdown {display: none;}.search-dropdown {justify-self: center;}.search-btn {left: initial;position: absolute;margin-top: 24px;}.search-item .nav-link.active {border-bottom: 0;}}@media (min-width: 240px) {.search-item {display: none;}.nav-item .search-dropdown {display: none;}}body.dark-mode .header, body.dark-mode .navbar, body.dark-mode .dropdown-menu {background: var(--color-accent);}body.dark-mode .dropdown-item {border-bottom: 0.5px solid var(--decorative-color);}body.dark-mode .navbar {border-top: 2px solid var(--decorative-color);}body.dark-mode #logoIH {content: var(--logo-dark);}body.dark-mode .navbar-nav .nav-link.active, body.dark-mode .dropdown-item {color: var(--decorative-color);}body.dark-mode .nav-item .nav-link:hover, body.dark-mode .dropdown-item:hover, body.dark-mode .dropdown-item:active, body.dark-mode .dropdown-item:focus {background-color: var(--color-accent-hover);}body.dark-mode .slider:before {background-color: var(--decorative-color);}body.dark-mode .slider {border: 1.5px solid var(--decorative-color);}body.dark-mode .search-btn {background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' height='1rem'><style>path{fill:%23D1B17E}@media (prefers-color-scheme:dark){path{fill:%23fff}}</style><path d='M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/></svg>");background-color: var(--color-accent);}body.dark-mode .search-field {border: 2px solid var(--decorative-color);background-color: var(--background-header-light);color: var(--color-accent);}@import url("../base/global.css");.footer {background: var(--background-footer);color: var(--decorative-color);padding: 30px 16px;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;border-top: 3px solid var(--decorative-color);box-sizing: border-box;transition: all 1s ease;}.ih-logo-footer img {width: clamp(60px, 10vw, 80px);height: auto;opacity: 0.9;transition: opacity 0.3s ease;}.ih-logo-footer:hover img {opacity: 1;}span{text-align: center;}@media (max-width: 768px) {.footer {padding: 20px 8px;}.ih-logo-footer img {width: 65px;}}@media (min-width: 768px) {.footer {flex-direction: row;}}body.dark-mode .footer {background: var(--color-accent);border-top: 2px solid var(--decorative-color);}@import url("../base/global.css");.carousel-item {height: clamp(250px, 60vh, 450px);position: relative;}.carousel-item img {object-position: center;height: 100%;width: 100%;display: block;}.carousel-item::before {content: "";width: 100%;height: 100%;background: linear-gradient(transparent, rgb(31, 31, 31));position: absolute;top: 0;left: 0;pointer-events: none;}.carousel-caption h5 {font-size: clamp(1.4rem, 2vw, 2rem);font-weight: 700;color: var(--decorative-color);}.carousel-caption p {font-size: clamp(1rem, 1.2vw, 1.1rem);color: var(--decorative-color);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}#carouselArticles .carousel-control-prev-icon, #carouselIA .carousel-control-prev-icon, #carouselIM .carousel-control-prev-icon, #carouselIMO .carousel-control-prev-icon, #carouselIC .carousel-control-prev-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23c6a664' stroke-width='2.8' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");width: 3.5rem;height: 3.5rem;}#carouselArticles .carousel-control-next-icon, #carouselIA .carousel-control-next-icon, #carouselIM .carousel-control-next-icon, #carouselIMO .carousel-control-next-icon, #carouselIC .carousel-control-next-icon {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23c6a664' stroke-width='2.8' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");width: 3.5rem;height: 3.5rem;}#carouselArticles .carousel-indicators button, #carouselIA .carousel-indicators button, #carouselIM .carousel-indicators button, #carouselIMO .carousel-indicators button, #carouselIC .carousel-indicators button {width: 12px;height: 12px;border-radius: 50%;background-color: var(--decorative-color);opacity: 0.7;}#carouselArticles .carousel-indicators .active, #carouselIA .carousel-indicators .active, #carouselIM .carousel-indicators .active, #carouselIMO .carousel-indicators .active, #carouselIC .carousel-indicators .active {opacity: 1;transform: scale(1.2);}.carousel-control-prev, .carousel-control-next, .carousel-caption h5 {transition: 0.5s ease;}.carousel-control-prev:hover, .carousel-control-next:hover, .carousel-caption h5:hover {transform: scale(1.1);}.periodo {padding: 20px 4%;background-color: var(--background-main);border-top: 2px solid var(--decorative-color);border-bottom: 2px solid var(--decorative-color);color: var(--text-color);transition: all 1s ease;}.periodo:nth-child(even) {background-color: #f5e8cc;}.periodo-infos {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: 32px;}.periodo-infos-title {display: flex;align-items: center;gap: 8px;}.periodo-infos-title img {width: 40px;height: 40px;background-color: var(--decorative-color);border-radius: 24px;padding: 2px;}.periodo-infos h2 {font-size: 2rem;color: var(--background-main);margin-bottom: 10px;letter-spacing: 0.5px;}.periodo-infos p {color: white;line-height: 1.6;font-size: 1.1rem;}.periodo-container {position: relative;overflow: hidden;padding: 8px;border: 3px solid var(--decorative-color);border-radius: 1.5rem;}.periodo-container .carousel-item {border-radius: 1.5rem;overflow: hidden;}.periodo-container::before {content: "";position: absolute;inset: 0;background: rgba(0, 0, 0, 0.6);border-radius: 1.5rem;z-index: 1;}.periodo-container>* {position: relative;z-index: 2;width: 100%;}.container-IA {background: var(--img-IA);background-size: cover;}.container-IM {background: var(--img-IM);background-repeat: no-repeat;background-size: cover;}.container-IMO {background: var(--img-IMO);}.container-IC {background: var(--img-IC);}@media (min-width: 768px) {#carouselArticles {border: 2px solid var(--decorative-color);margin: 32px 16px;-webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.5);}.carousel-item {height: clamp(250px, 80vh, 650px);position: relative;}.dropdown-menu {width: 100%;}.periodo-container .carousel-item {height: clamp(250px, 80vh, 420px);}.periodo-container {display: flex;align-items: center;min-height: 380px;}.periodo-infos {max-width: 40%;min-height: 70%;transition: max-width 5s;}.periodo-infos:hover {max-width: 45%;}.container-IM, .container-IC {flex-direction: row-reverse;}.periodo-header {margin: 0 auto 40px 0;text-align: inherit;}.container-IA {background-size: contain;}}@media (min-width: 768px) {#carouselArticles .carousel-item {min-height: 500px;}}@media (max-width: 768px) {.carousel-item img {object-fit: cover;}.carousel-item {height: clamp(400px, 45vh, 500px);}.periodo-infos {min-height: 280px;}}@media (max-width: 480px) {.carousel-item {height: clamp(350px, 45vh, 500px);}}body.dark-mode .periodo {background-color: #55212d;}.main-article {background: var(--background-header-light, #f9f9f9);transition: all 1s ease;}.article-content {max-width: 1064px;margin: 0 auto;background-color: var(--background-main);height: 100%;padding: 1rem;-webkit-box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.5);box-shadow: 0px 0px 15px 10px rgba(0, 0, 0, 0.5);transition: all 1s ease;}.article-image-destaque {max-height: 450px;margin-bottom: 1.5rem;border-radius: 8px;}.destaque-image {width: 100%;border-radius: 8px;max-height: 450px;}.article-title {font-family: 'Playfair display', serif;font-size: 2rem;font-weight: 800;color: var(--color-primary);margin-bottom: 0.5rem;transition: all 1s ease;}.article-description {font-size: 1rem;font-weight: 600;margin-bottom: 0.5rem;color: #555;}.article-date {font-size: 0.875rem;color: #888;margin-bottom: 1.5rem;}.article-resume {font-family: 'Open Sans', sans-serif;font-size: 1.125rem;font-weight: 500;color: var(--color-secondary);opacity: 0.7;margin-bottom: 1.5rem;max-width: 850px;transition: all 1s ease;}.article-body h2 {font-family: 'Playfair Display', serif;font-size: 1.50rem;font-weight: 800;color: var(--color-primary);margin-top: 1.5rem;margin-bottom: 0;}.article-body p {font-family: 'Open Sans', sans-serif;margin-top: 1.5rem;margin-bottom: 0;color: var(--color-secondary);font-weight: 600;font-size: 1.1rem;}.article-figure, .article-body figure {width: 100%;max-height: 640px;border-radius: 8px;overflow: hidden;margin: 1.5rem 0;border: 2px solid var(--decorative-color);background: var(--background-header-light, #f9f9f9);}.article-image, figure img {width: 100%;height: 100%;max-height: 600px;display: block;transition: all 1s ease;}.article-image, figure img:hover {scale: 1.05;}.article-figcaption, figure figcaption {font-size: 0.875rem;color: var(--color-accent);text-align: center;margin-top: 0.5rem;opacity: 0.7;}.references-title {font-family: 'Playfair Display', serif;font-weight: 800;color: var(--color-primary);margin-top: 2rem;margin-bottom: 1rem;}.references-list {list-style-type: disc;padding-left: 1.5rem;color: var(--color-secondary);font-weight: 500;word-wrap: break-word;}.article-wrapper {display: flex;flex-direction: column;gap: 2rem;margin-top: 2rem;padding: 0;width: 100%;}.article-body {padding: 1rem;}.article-sidebar {border: 1px solid var(--decorative-color);display: flex;flex-direction: column;gap: 1.5rem;position: static;top: 120px;height: fit-content;}.ads__box {width: 100%;height: 300px;background: #e8e5dd;border: 1px solid #c8c1b0;border-radius: 8px;}.related-item {align-items: initial;flex-wrap: initial;flex-direction: column;}.related-item .article__image {max-height: 180px;}@media (min-width: 768px) {.article-title {font-size: 3rem;}.article-description {font-size: 1.5rem;}}@media (min-width: 800px) {.article-wrapper {flex-direction: row;}.article-body {width: 75%;padding: 1.5rem;}.article-sidebar {width: 25%;}}@media (min-width: 900px) {.related-list {flex-direction: row;}.related-item {height: 200px;flex-direction: row;}.related-link {width: 50%;}}@media screen and (min-width: 600px) and (max-width: 900px) {.related-item .article__image {max-height: 250px;}}body.dark-mode .main-article {background: var(--color-accent, #f9f9f9);}body.dark-mode .article-content {background-color: #55212d;}body.dark-mode .article-title {color: var(--decorative-color);}body.dark-mode .article-body h2 {color: var(--background-header-light);}body.dark-mode .article-body p, body.dark-mode .article-resume {color: var(--background-main);}body.dark-mode .references-title {color: var(--background-header-light);}body.dark-mode .references-list {color: var(--background-main);}.periodo-header {margin-bottom: 32px;position: relative;height: 400px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-size: cover;}.periodo-header h1 {text-align: center;font-size: 40px;font-weight: 700;font-family: Playfair Display, serif;color: var(--background-header-light, #222);backdrop-filter: blur(2px);background: rgba(0, 0, 0, 0.30);border-radius: 10px;}.periodo-header p {max-width: 600px;text-align: center;font-size: 18px;font-weight: 500;margin-top: 16px;color: var(--background-header-light);backdrop-filter: blur(3px);background: rgba(0, 0, 0, 0.25);border-radius: 10px;}@media (min-width: 768px) {.periodo-header {height: 360px;background-repeat: no-repeat;background-size: 100% 700px;background-attachment: fixed;}}