@import url('bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Permanent+Marker&display=swap');

:root {
    --color-base:#082142;
    --color-secundario:#003366;
    --color-terciario:#e6f0ff;
    --color-links:#0a2d5d;
    --degradado-base:linear-gradient(159deg, rgba(0,51,102,1) 0%, rgba(15,82,186,1) 100%);
    --bg_categoria:#bbc5d2;
    --bg-cat-reflexiones:#eeddfd;
    --bg-cat-pensamientos:#a8d6ff;
    --bg-cat-poesia:#ff8a96;
    --bg-cat-cuentos:#ffd6e8;
    --bg-cat-animacion:#4a4e69;
    --bg-cat-narrativa:#ffce52;
    --bg-cat-semblanza:#2a9d8f;
    --tiulos-categorias:#212529;
    --color-titulos:#212529;
    --color-titulos-blanco:#ffffff;
    --bpx-shadow-sections: 1px 4px 6px -2px rgb(0 0 0 / 55%);
    --bs-navbar-active-color:#fff;
}
.navbar-nav .nav-link.show{
    font-weight: bold;
}
.icons {
    display: none;
}
  .star-bg {
                background-image: radial-gradient(#FFD700 1px, transparent 1px);
                background-size: 20px 20px;
            } 
.mod-login-logout {
    position: fixed;
    background-color: aliceblue;
    padding: 5px;
    border-radius: 5px;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {

      font-family: "Permanent Marker", cursive;
}
body{
   font-family: "Open Sans", sans-serif;
}

ul.nav-child.dropdown-menu a {
    color: var(--color-links);
}
.sidebar-item img {
    max-width: 100%;
    height: auto;
}
dt.article-info-term {
    display: none;
}
.nav-secundario {
    background-color: var(--color-base);
    box-shadow: var(--bpx-shadow-sections);
}
.com-content-article__body img {
    max-width: 100%;
    height: auto;
}

.nav-secundario a {
    color: #fff;
    font-size: 17px;
    
}
.fs-3_5rem{
    font-size: clamp(2.5rem, 4vw, 3.5rem);
}

.nav-secundario .navbar-nav{
  gap: 20px;
}
.nav-secundario a:hover {
    color: #fff;
    font-weight: bold;
}
.articulos--recientes img{
    max-width: 100%;
    height: auto;
}

.hero-section {
    background: var(--degradado-base);
    color: #fff;
    font-size: 18px;
}
.hero-section img{
    width: 400px;
    height: 500px;
    object-fit: cover;
}
.hero-section h1{
     
     font-size: clamp(2.5rem, 4vw, 4.3rem);
}

ul.articles_items {
    padding-left: 0;
    list-style: none;
}

ul.articles_items li {
    padding: 10px 0;
    border-bottom: solid 1px #c3c3c3;
}

ul.articles_items a {
    color: #222222;
    text-decoration: none;
}

a.item-active {
    font-weight: bold;
}
.py-5rem {
    padding: 5rem 0;
}
.btn_hero{
   
    background-color: rgb(255 215 0 / 90%);
    border-radius: 20px;
      color: #0a2d5d;
    padding: 0.7rem 3.9rem;
    font-weight: 700;
    font-size: 18px;
    
}
.articulos--recientes{
background: var(--color-terciario);
padding: 2rem 0;
border-top: solid 5px var(--color-secundario);
}
.blog-item img{
    max-width: 100%;
    height: auto;
}
.link_caregory{
    background-color: #0a2d5d47;
    color: var(--color-links);
    border-radius: 11px;
    padding: 6px 13px;
    text-decoration: none;
}


.mod-articles-item-content a {
    color: var(--color-links);
    text-decoration: none;
}
.item-content {
    background-color: #ebf3ff;
    margin-bottom: 2rem;
    border-radius: 10px;
    text-align: center;
  
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
    position: relative;
}
.titulos--items {
    padding: 4px 0;
}
.item-content h2 {
    margin-top: 0.5rem;
}
.item-content img{
      width: 420px;
    height: 235px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0px 0px;
}
.link_full a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-indent: -9000px;
}

dl.article-info.text-muted {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
dd.category-name-sections {
    background-color: #d9e7f3;
    padding: 11px;
    border-radius: 12px;
}

dd.category-name-sections a {
    text-decoration: none;
    font-size: 18px;
}

ul.mod-list-sidebar {
    list-style: none;
 
    border: solid 1px #00000015;
    padding: 5px;
}

nav.pagenavigation {
    margin: 1rem 0;
}

.sidebar {
    margin-top: 8rem;
}

.mod-list-sidebar li {
    margin-bottom: 15px;
}
.cat_header {
    background: var(--degradado-base);
    text-align: center;
    color: #fff;
    font-size: clamp(2.5rem, 4vw, 4.3rem);
    padding: 1rem 0;
    margin-bottom: 3rem;
}

.cat_header h1 {
    font-size: clamp(2.5rem, 4vw, 4.3rem);
}
.item-content a {
    color: #2e2e2e;
    text-decoration: none;
      font-family: "Open Sans", sans-serif;

}

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

.card--container {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
    background: #fff;
    padding: 10px;
    margin-bottom: 2rem;
    min-height: 230px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.mod-articles-category {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cat-reflexiones {
    background-color: var(--bg-cat-reflexiones);
    
}

.cat-pensamientos {
    background-color: var(--bg-cat-pensamientos);
   
}

.cat-poesia {
    background-color: var(--bg-cat-poesia);
    
}
.cat-cuentos {
    background-color: var(--bg-cat-cuentos);
    
}

.cat-animacion {
    color: var(--bg-cat-animacion);
}

.cat-narrativa {
    background-color: var(--bg-cat-narrativa);
    color: #3a2a01;
}

.cat-semblanza {
    background-color: var(--bg-cat-semblanza);

}
ul#redessociales {
    display: flex;
    list-style: none;
    gap: 20px;
    padding-left: 0;
    justify-content: center;
    margin-bottom: 0;
}

footer .navbar-nav {
    color: #fff;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: center;
}
footer a{
    color: #fff;
    text-decoration: none;
}
footer img {
    display: block;
    margin: 0 auto;
}
.unach_footer {
    background-color: #053F6A;
    color: #fff;
    padding: 11px 0;
}
footer{
    background-color: #333;
}
.intro__content,.intro__content span {
    font-size: 14px !important;
}
ul.nav-child.dropdown-menu a {
    color: #082142 !important;
}
.card--container  h6, .card--container .h6,  .card--container h5,.card--container .h5,.card--container h4,.card--container .h4,.card--container h3,.card--container .h3, .card--containerh2, .h2, .card--container h1,.card--container .h1 {

  font-family: "Open Sans", sans-serif;
}
.intro__content iframe {
    width: 100%;
    height: auto;
}
.menu_default a {
    color: #333;
   
}

.menu_default {
    margin-right: 4.5rem;
}
.responsive_menu {
   
    display: none;
}

@media only screen and (max-width: 1399px) {


.menu_default {
    margin-right: 0rem;
}
}

@media only screen and (max-width: 991px) {
    .sidebar {
    margin-top: 1rem;
}
    .nav-principal{
        display: none;
    }
    .menu_default,.nav-secundario
    {display: none;}

.responsive_menu
{
    display: block;
}
#navbarmenuresp {
    background-color: #082142;
    
}

div#navbarmenuresp a {
    color: #fff;
    padding: 7px;
}

.navbar-nav {
    align-items: end;
}

}