@charset "UTF-8";
  :root {
--h-header: 160px;
}
@media screen and (max-width: 991px) {
:root {
--h-header: 88px;
}
}
@font-face {
font-family: "Brandon Grotesque";
src: url(//biblioteca.senadoer.gob.ar/wp-content/themes/bler/fonts/BrandonGrotesque-Regular.woff2) format("woff2"), url(//biblioteca.senadoer.gob.ar/wp-content/themes/bler/fonts/BrandonGrotesque-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html {
font-size: clamp(15.5px, 0.55vw + 13.5px, 18px);
scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
*, *::before, *::after {
animation-duration: 0.001ms !important;
transition-duration: 0.001ms !important;
}
}
body {
margin: 0;
color: #2b2422;
background-color: #fff;
line-height: 1.55;
}
body, td, th {
font-family: "Montserrat", sans-serif;
font-weight: normal;
}
h1, h2, h3, h4 {
letter-spacing: -0.01em;
text-wrap: balance;
}
*:focus {
outline: none;
}
*:focus-visible {
outline: 3px solid #f8ecc4;
outline-offset: 2px;
}
a:link, a:hover, a:visited, a:active {
outline: none;
text-decoration: none;
}
img {
max-width: 100%;
}
header.site-header {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 13;
transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
padding: 12px 0 0 0;
background-color: #f8ecc4;
}
header.site-header.is-scrolled {
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}
header.site-header .logo {
max-width: 304px;
width: 100%;
}
header.site-header .solo-inicio {
margin: 0;
padding: 0;
}
header.site-header .navegador {
background: #981f22;
margin-top: 12px;
border-top: 2px solid #FFF;
border-bottom: 2px solid #FFF;
}
.esp-top {
height: var(--h-header);
}
.esp-minimo {
min-height: calc(100vh - var(--h-header) - 80px);
} .menu-principal .menu {
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.menu-principal .menu > .menu-item {
flex: 1 1 0;
min-width: 0;
text-align: center;
position: relative;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-weight: 600;
letter-spacing: 0.06em;
}
.menu-principal .menu > .menu-item:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 22%;
bottom: 22%;
width: 1px;
background: rgba(255, 255, 255, 0.28);
}
.menu-principal .menu > .menu-item > a {
position: relative;
color: #FFF;
display: block;
font-size: 0.9rem;
line-height: 1.2;
font-weight: 400;
padding: 0.7rem 0.6rem;
transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-principal .menu > .menu-item > a::after {
content: "";
position: absolute;
left: 50%;
right: 50%;
bottom: 0;
height: 3px;
background: #f8ecc4;
transition: left 0.25s cubic-bezier(0.4, 0, 0.2, 1), right 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-principal .menu > .menu-item > a:hover::after, .menu-principal .menu > .menu-item > a:focus-visible::after {
left: 14%;
right: 14%;
}
.menu-principal .menu > .current-menu-item > a,
.menu-principal .menu > .current-menu-ancestor > a,
.menu-principal .menu > .current_page_parent > a {
background: #f8ecc4;
color: #981f22;
}
.menu-principal .menu > .current-menu-item > a::after,
.menu-principal .menu > .current-menu-ancestor > a::after,
.menu-principal .menu > .current_page_parent > a::after {
left: 0;
right: 0;
}
.menu-principal .menu > .menu-item-has-children > a {
padding-right: 1.4rem;
}
.menu-principal .menu > .menu-item-has-children > a::before {
content: "";
position: absolute;
right: 0.7rem;
top: 50%;
margin-top: -2px;
border: 4px solid transparent;
border-top-color: currentColor;
}
.menu-principal .menu { }
.menu-principal .menu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
min-width: 250px;
margin: 0;
padding: 0.35rem 0;
list-style: none;
text-align: left;
background: #7a1719;
border-top: 3px solid #f8ecc4;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.28);
z-index: 20;
}
.menu-principal .menu .sub-menu li {
width: 100%;
text-transform: none;
letter-spacing: 0;
font-weight: 500;
}
.menu-principal .menu .sub-menu a {
display: block;
color: #FFF;
font-size: 0.92rem;
padding: 0.5rem 0.95rem;
transition: background 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-principal .menu .sub-menu a:hover, .menu-principal .menu .sub-menu a:focus-visible {
background: #f8ecc4;
color: #981f22;
}
.menu-principal .menu > li:hover > .sub-menu,
.menu-principal .menu > li:focus-within > .sub-menu,
.menu-principal .menu > li.abierto > .sub-menu {
display: block;
}
.menu-principal .menu > .menu-item:first-child .sub-menu {
left: 0;
right: auto;
transform: none;
}
.menu-principal .menu > .menu-item:last-child .sub-menu {
left: auto;
right: 0;
transform: none;
}
@media screen and (max-width: 991px) {
header.site-header {
border-bottom: 1px solid #981f22;
}
header.site-header .solo-inicio {
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
header.site-header .solo-inicio a {
color: #981f22;
}
}
.banner1 {
aspect-ratio: 1920/520;
overflow: hidden;
position: relative;
}
.banner1 img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
}
.banner1::after {
content: "";
position: absolute;
inset: auto 0 0 0;
height: 38%;
z-index: 2;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(43, 36, 34, 0.35) 100%);
pointer-events: none;
}
@media screen and (max-width: 767.98px) {
.banner1 {
aspect-ratio: auto;
height: 190px;
}
} .titulo-home-1 {
display: block;
background-color: #981f22;
color: #FFF;
border-left: 5px solid #f8ecc4;
padding: 0.4rem 0.8rem;
margin-bottom: 1rem;
font-weight: 600;
font-size: 0.95rem;
letter-spacing: 0.1em;
text-transform: uppercase;
} .ajuste-boton-ingreso {
position: relative;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
background: #fdf8ea;
border: 1px solid #e3d9c9;
transition: box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ajuste-boton-ingreso img {
position: static;
transform: none;
width: 100%;
height: 100%;
max-height: 100%;
object-fit: cover;
left: 0;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ajuste-boton-ingreso:hover {
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
border-color: rgba(152, 31, 34, 0.35);
}
.ajuste-boton-ingreso:hover img {
transform: scale(1.02);
}
@media screen and (max-width: 767.98px) {
.ajuste-boton-ingreso {
height: auto;
aspect-ratio: 660/377;
}
} .ajuste-foto {
aspect-ratio: 660/280;
overflow: hidden;
position: relative;
}
.ajuste-foto img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
z-index: 1;
transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1), filter 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ajuste-foto::after {
content: "";
position: absolute;
inset: 0;
z-index: 2;
background: rgba(152, 31, 34, 0.18);
transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.ajuste-foto:hover img {
transform: scale(1.06);
}
.ajuste-foto:hover::after {
opacity: 0;
} .not-home {
height: 100%;
display: flex;
flex-direction: column;
background-color: #FFF;
border: 1px solid #e3d9c9;
border-top: 3px solid #f8ecc4;
overflow: hidden;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.not-home > a {
display: flex;
flex-direction: column;
height: 100%;
}
.not-home figure {
aspect-ratio: 304/196;
background-color: #fdf8ea;
margin: 0 0 0.75rem 0;
position: relative;
overflow: hidden;
}
.not-home figure img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1);
}
.not-home .categoria {
display: block;
color: #981f22;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 0 0.8rem;
margin-bottom: 0.25rem;
}
.not-home h1, .not-home h2, .not-home .titulo-nota {
transition: color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
font-size: 1rem;
line-height: 1.35;
font-weight: 600;
color: #2b2422;
margin: 0;
padding: 0 0.8rem;
padding-bottom: 0.5rem;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
}
.not-home .fecha {
margin-top: auto;
padding: 0.75rem 0.8rem 0.7rem;
font-size: 0.75rem;
color: #5d534f;
border-top: 1px solid #e3d9c9;
}
.not-home:hover {
transform: translateY(-3px);
box-shadow: 0 12px 26px rgba(0, 0, 0, 0.1);
border-color: rgba(152, 31, 34, 0.35);
}
.not-home:hover figure img {
transform: scale(1.05);
}
.not-home:hover h1, .not-home:hover h2, .not-home:hover .titulo-nota {
color: #981f22;
}
.page-title {
border-top: 2px solid #FFF;
border-bottom: 3px solid #f8ecc4;
color: #333;
padding: 14px 0;
margin-bottom: 25px;
}
.page-title h1 {
font-size: 1.5rem;
font-weight: 600;
letter-spacing: 0.01em;
margin: 0;
}
.redes {
border-top: 1px solid #981f22;
border-bottom: 1px solid #981f22;
padding: 15px 8px;
margin-bottom: 1rem;
}
.redes .whats-app {
display: block;
background: #25D366;
color: #FFF;
border-radius: 3px;
padding: 1px 8px 1px 6px;
margin-left: 15px;
font: normal normal normal 11px/18px "Helvetica Neue", Arial, sans-serif;
}
.redes div {
margin-right: 15px;
}
@media screen and (max-width: 991px) {
.page-title h1 {
font-size: 1.3rem;
}
}
.page-link {
color: #981f22;
border-color: #e3d9c9;
}
.page-link:hover {
background-color: #fdf8ea;
color: #7a1719;
}
.page-item.active .page-link {
background-color: #981f22;
border-color: #981f22;
color: #FFF;
}
.btn-primary {
color: #FFF;
background-color: #981f22;
border-color: #981f22;
}
.btn-primary:hover, .btn-primary:focus {
background-color: #7a1719;
border-color: #7a1719;
color: #FFF;
}
.btn-outline-bordo {
color: #981f22;
background-color: #FFF;
border: 1px solid #981f22;
}
.btn-outline-bordo:hover {
background-color: #981f22;
color: #FFF;
}
.site-footer {
background: #981f22;
border-top: 4px solid #f8ecc4;
padding: 40px 0 32px;
margin-top: 4rem;
color: #FFF;
font-size: 0.8rem;
line-height: 1.45;
z-index: 1;
position: relative;
text-align: left; }
.site-footer .icono-svg {
flex: 0 0 30px;
width: 30px;
max-width: none;
margin-right: 0.6rem;
}
.site-footer .icono-svg img {
width: 100%;
height: auto;
display: block;
}
.site-footer .texto {
min-width: 0;
overflow-wrap: anywhere;
}
.site-footer .texto a {
color: #FFF;
border-bottom: 1px solid rgba(255, 255, 255, 0.35);
transition: border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.site-footer .texto a:hover {
color: #f8ecc4;
border-color: #f8ecc4;
}
.site-footer .col-mails .texto {
font-size: 0.76rem;
}
.site-footer .row > [class*=col-] {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
.site-footer .row > [class*=col-] {
margin-bottom: 0;
}
}
@media screen and (max-width: 991px) {
.site-footer {
padding: 28px 0;
margin-top: 2.5rem;
}
.site-footer .contacto {
justify-content: flex-start;
border-right: none;
padding-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
padding-bottom: 0.9rem;
}
.site-footer .fa-ul {
padding-top: 1rem;
}
.site-footer .fa-ul .fa-li {
font-size: 1.2rem;
top: 3px;
}
.site-footer .fa-ul > li {
margin-bottom: 0.9rem;
font-size: 0.8rem;
}
}
.menu-flotante-container {
display: none;
}
.with--sidebar .menu-flotante-container {
display: flex;
align-items: center;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px;
z-index: 3;
background: rgba(43, 36, 34, 0.65);
backdrop-filter: blur(2px);
}
.menu-r {
position: fixed;
left: 0;
top: var(--h-header);
bottom: 0;
background-color: #981f22;
width: 300px;
max-width: 86vw;
transform: translateX(-100%);
overflow-y: auto;
z-index: 12;
transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
padding: 18px 18px 30px;
box-shadow: 6px 0 20px rgba(0, 0, 0, 0.25);
}
.menu-r .menu-responsive {
margin: 0;
padding: 0;
list-style: none;
}
.menu-r .menu-responsive > li {
margin-bottom: 0.35rem;
padding-bottom: 0.35rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.menu-r .menu-responsive > li > a {
color: #FFF;
font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
display: block;
padding: 0.45rem 0;
}
.menu-r .menu-responsive .sub-menu {
list-style: none;
margin: 0.15rem 0 0.4rem;
padding: 0 0 0 0.9rem;
border-left: 2px solid #f8ecc4;
}
.menu-r .menu-responsive .sub-menu a {
color: rgba(255, 255, 255, 0.9);
font-weight: 400;
font-size: 0.92rem;
display: block;
padding: 0.3rem 0;
}
.menu-r .menu-responsive .sub-menu a:hover {
color: #f8ecc4;
}
.with--sidebar .menu-r {
transform: translateX(0);
}
.page article p {
line-height: 1.7;
font-size: 1rem;
}
.page article h1 {
font-size: 1.2rem;
}
.page article a {
color: #333;
font-weight: 400;
border-bottom: 1px solid rgba(152, 31, 34, 0.35);
}
.page article a:hover {
color: #7a1719;
border-color: #7a1719;
}