body.page #content{

    padding: 0;
    margin: 0;
}

body.page  .block{
    margin-top: 0;

}

.page .lib-section{
    padding: 1rem;
}

/* inicio */
.row-page-inicio .lib-column{

    justify-content: space-between;
}
.block-title-inicio h3.title-libnamic-text {
    margin-bottom: 1rem;
    font-size: 2.8rem;
    color: var(--color-secundario);
    font-family: var(--font-title);
    font-weight: 700;
    letter-spacing: 0.05em;
    
}
.block-title-inicio .text {
    font-size: 1.2rem;
    color: var(--color-principal);
    font-family: var(--font-title);
    
    letter-spacing: 0.05em;
    
}

div.lib-block-code {
    padding: 0em;

}

div.lib-block-code a{
    text-decoration: none;
    color: var(--color-secundario);
    font-size: 1.8rem;
    
}

div.lib-block-code i{
    text-decoration: none;
    color: var(--color-principal);

    
    
}


div.lib-block-code .page-link a{
    color: var(--color-principal);
}

/* pages main-section-pages*/
.page .lib-section.main-section-pages{
    padding: 1rem 4% 9rem;

    background-color: var(--color-terciario);
}
.main-section-pages .lib-row {
    max-width: 1400px;
}
.main-section-pages .lib-row .lib-column{
    justify-content: center;
    
}

.page .lib-section.secondary-section-pages, .page .lib-section.tab-page-section{
    margin: 0 10%;
    /*  min-height: 50em; */
    background-color: #FFFFFF;
}

.page .lib-section.tab-page-section{
    border-left: 15px solid var(--color-terciario);
    border-right: 15px solid var(--color-terciario);
    box-sizing: border-box;
    padding: 2rem 2rem; 
    flex-direction: column;
    gap: 1rem; 
}

.lib-row:has(.block-background-right)
{
    width: 100%;
}
.lib-row:has(.block-background-left)
{
    width: 100%;
}

.block-background-left {
    background-color: var(--color-terciario);
    padding: 2rem;
    margin-left: -2rem;
}

.block-background-right {

    background-color: var(--color-terciario);
    padding: 2rem;
    margin-right: -2rem;
}

@media (min-width: 1200px) {
    .page .lib-section.tab-page-section{

        padding: 2rem 4rem;
    }
    .block-background-left {
        padding-left: 4rem; 
        margin-left: -4rem;
    }
    .block-background-right {
         padding-right: 4rem; 
        margin-right: -4rem;
    }

}
@media (max-width: 750px) {
    .page .lib-section.tab-page-section{

        padding: 2rem 1rem;
    }
    .block-background-left {
        padding: 1rem;
        margin-left: -1rem;
    }
    .block-background-right {
        padding: 1rem;
        margin-right: -1rem;
    }
        
}
    

.lib-section.tab-page-section .lib-column{

    justify-content: space-between;
}



.page .lib-section.secondary-section-pages{
    padding: 0;
    margin: -8rem 10% 0;

}

@media (min-width: 1450px) {
    .page .lib-section.secondary-section-pages{
        margin: -8rem auto 0%;
        max-width: 1200px;
    }
    .page .lib-section.tab-page-section{
        margin: 0 auto;
        /* max-width: calc(1200px - 2rem); */
        max-width: 1200px;

    }
}

@media (max-width: 750px) {
    .page .lib-section.secondary-section-pages{
        margin: -8rem 5% 0%;
        
    }
    .page .lib-section.tab-page-section{
        margin: 0 5%;
    }
}
.page .lib-section.end-section-pages{
    padding: 2rem 0;
    background-color: var(--color-terciario);
    text-align: center;
    box-sizing: border-box;
    margin: 0 10%;
}

.end-section-pages i{
   font-size: 3rem;
}

@media (min-width: 1450px) {
    .page .lib-section.end-section-pages{
        margin: 0 auto;
        max-width: 1200px;
    }
}
@media (max-width: 750px) {
    .page .lib-section.end-section-pages{
        margin: 0 5%;
        
    }
}
    

.page .lib-section.secondary-section-pages {

}


body.page {
    background-image: url('../img/fondo-bote-claro.png');
    background-repeat: no-repeat;
    background-size: 100% 100%; /* Ajustar al ancho */
    background-position: top center; /* Pegar arriba y centrar horizontalmente */
    background-attachment: fixed; /* El fondo se queda fijo al hacer scroll */
    min-height: 100vh;
    background-size: cover;
}

body.page.site-page-creditos, body.page:has(.fondo-bote-oscuro) {
    background-image: url('../img/fondo-bote-oscuro.png');
    
  }

.main-section-pages .lib-block-title, .main-section-pages .lib-block-title>* {
    letter-spacing: 0.05em;
    font-size: 2.5rem;
    font-family: var(--font-base);
} 

.main-section-pages .lib-block-title i{
    color: var(--color-principal);
} 

/* tabs */
.page-tabs{
    background-color: var(--color-principal);
    display: flex;
}
.page-tab {
    display: flex;
    justify-content: center;
   /*  padding: 0 2rem;
    padding: 1.5rem 0; */
}

.page-tab.active button {
    background-color: #FFFFFF;
    color: var(--color-principal);
    text-decoration: underline;
}
.page-tabs button{
    border-radius: initial;
    border: none;
    padding: 1rem 2rem;
    font-weight: 600;
    min-width: 50%;
    font-size: 1.1rem;
}
.page-tabs  button:hover{

    background-color: #FFFFFF;
    color: var(--color-principal);
    text-decoration: underline;
}

.page-tab{
    flex: 1;
}

.tab-page-section {
    display: none;
  }
  .tab-page-section.active {
    display: flex;

  }
  .page-tab.active {
    font-weight: bold;
  }

  
  .page-tab.active {
    font-weight: bold;
  }

  .site-page-pagination {
    display: flex;
    gap: 4rem;
    justify-content: center;
    font-size: 1.8rem;
    color: var(--color-principal);
    margin: 0.8rem 0;
}
.site-page-pagination a {
    color: var(--color-principal);
   }


   .site-page-pagination i {
    padding: 46%;
    border-radius: 50%;
    background: var(--color-terciario);
   }

.site-page-inicio .site-page-pagination,
    .site-page-home .site-page-pagination{
    display: none;
}

nav.breadcrumbs {
    background: var(--color-terciario);
    padding: 1rem;
}

div.lib-row {
    gap: 2em;
}