:root {
  --amarillo:#f6a717;
}
body {text-wrap:pretty;font-family: 'Open Sans',sans-serif;}
.container-narrow {max-width: 900px !important; /* Adjust this value as needed */margin-left: auto;margin-right: auto;}
.navbar-brand img {height: 70px;width: 277px;width: auto;}
.dropdown:hover > .dropdown-menu {display: block;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}
.dropdown-menu {margin-top: 0;}
.dropdown-submenu {position: relative;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;}
nav .nav-item a.nav-link[href="/biblioteca"] {color: white;}
nav .nav-item a.nav-link[href="/autogestion"] {color: var(--amarillo);font-weight: bold;}
nav .nav-item a.nav-link i {color: white;}
nav .nav-item.icon {display:flex;align-items: center;}

p {min-width: 1px;min-height: 1rem;}

.card-link {color: inherit;text-decoration: none;}
.card-link:hover {color: inherit;text-decoration: none;}
.card-link .card {transition: transform 0.2s, box-shadow 0.2s;}
.card-link:hover .card {transform: translateY(-5px);box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
/* Common dropdown styling */
.dropdown-menu {margin-top: 0;}
.dropdown-submenu {position: relative;}
.dropdown-submenu .dropdown-menu {top: 0;left: 100%;margin-top: -1px;}
/*.swiper-wrapper {overflow: hidden;}*/
.swiper-wrapper,
.swiper .swiper-slide img,
.swiper .non-swiper-slide img {width: 100%;}
.swiper .non-swiper-slide img {display:block;height:100%;object-fit:cover;object-position:center;}
.swiper-pagination-bullet-active {background-color: white;}
#home-slider {margin:0 0 2rem;}
#home-slider .swiper-wrapper {}
#home-slider .swiper-wrapper:has(.item) {aspect-ratio: 21/9;}
#home-slider .item {position:relative;}
#home-slider .item .home-slide-text {position: absolute;left: 10%;width: 80%;top:50%;transform: translateY(-50%);margin: 0;}
#home-slider .item .home-slide-text h2 {font-weight: bold;color:white;font-size: 50px;text-wrap: balance;}
#home-slider .item .home-slide-text p {color:white;opacity: 0.8;}

#nuestras-carreras {}
#nuestras-carreras h4.card-title {/* font-weight: 600; */}

#novedades {margin-bottom: 6rem !important;!i;!;}
#novedades .col a .card img {aspect-ratio: 16/9;object-fit: cover;object-position: center;}
#novedades .col .card-link[data-id="18"] img {object-position: top;}

/*
POST
*/
.post {padding: 0 0 3rem;min-height: 70vh;}
.post #post-head {padding: 2rem 0;margin: 0 0 2rem;background-color: #f0f0f0;/* border-bottom: 1px solid #ddd; */}
.post #post-title {padding: 0rem 0 0rem;text-wrap: pretty;display: block;}

.post #post-content img {max-width: 100%;display: block;height: auto;}
.post #post-content a[href^="/autogestion/inscripcion-ingresantes"],
.post #post-content a[href^="https://artesvisualesrosario.com/autogestion/inscripcion-ingresantes"] {padding: 0.5em;background-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));color: white;border-radius: 0.2rem;margin: 0 0 1rem;display: inline-block;}
.post table {border-collapse: collapse;}
.post table td {padding: 5px;border: 1px solid #ccc;}

.post[data-slug="calendario"] table {border-collapse: collapse;}
.post[data-slug="calendario"] table td {padding: 5px;border: 1px solid #ccc;}
.post[data-slug="calendario"] table tr:has(strong) {background-color:#f0f0f0;}

.post #post-gallery {margin: 1rem 0 2rem;}
.post #post-gallery img {aspect-ratio: 4/3;object-fit: cover;object-position: center;cursor: pointer;}

h1 {font-weight: bold;}
h2 {}
h3 {}

/*
NOTICIAS
*/
#page-noticias {margin: 0 auto 3rem;}
#page-noticias {padding: 0 0 2rem;min-height: 70vh;}
#page-noticias #post-head {padding: 2rem 0;margin: 0 0 2rem;background-color: #f0f0f0;/* border-bottom: 1px solid #ddd; */}
#page-noticias #post-title {padding: 0rem 0 0rem;}
#page-noticias .post-title {/* min-height: 3lh; */overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

#page-noticias table {border-collapse: collapse;}
#page-noticias table td {padding: 5px;border: 1px solid #ccc;}

#page-noticias[data-slug="calendario"] table {border-collapse: collapse;}
#page-noticias[data-slug="calendario"] table td {padding: 5px;border: 1px solid #ccc;}
#page-noticias[data-slug="calendario"] table tr:has(strong) {background-color:#f0f0f0;}
#page-noticias .col a .card img {aspect-ratio: 16/9;object-fit: cover;object-position: center;}
#page-noticias-block {margin-top: 1rem;}


/*
CERTIFICADOS
*/
.ano-certificados {margin-top:2em;font-size:1.4em;font-weight:bold;border-bottom:2px solid #ccc;padding-bottom:0.3em;}
.enlace-certificado {border-radius: 0.3em;margin: 1rem 0;}
.enlace-certificado a {display: inline-block;position: relative;background-color: #f0f0f0;padding: 1.4em 1.5em 1.4em 1em;color: black;font-size: 14px;/*font-weight: bold;*/line-height: 1.2;border-left: 3px solid var(--amarillo);border-radius: 0.2em;text-decoration: none;}
.enlace-certificado a i {/* position:absolute; *//* left:1rem; *//* top:50%; *//* transform:translateY(-50%); *//* display: none; */}
.enlace-certificado a:hover {background-color: #e0e0e0;}
.enlace-certificado a:active {background-color: #dadada;}
.enlace-certificado a span {display: block;/* margin-left: 0.5em; */}
.enlace-certificado a p {margin:0;}
.enlace-certificado p span.listado-nombre {margin-bottom: 0.2em;display: inline;margin-left: 0.3em;}
.enlace-certificado p.listado-fecha {font-size: 0.8em;color: #1d1d1d;font-weight: bold;padding: 0.3em 0 0;}

.certificado-img {display: block;width:100%;position: relative;}
.certificado-img img {display: block;width:100%;}
.certificado-img .texto {position: absolute;top: 36%;left: 35%;z-index: 1;font-size: 2.1em;white-space: nowrap;}
.certificado-img .texto br {content: "";display: block;margin-bottom: 15px;}
.certificado-img #qr {position:absolute;bottom:1cm;right:1cm;}
.certificado-img #qr img {width:auto;width:4cm;border: 1px solid #ccc;}

#certificados #certificados-listado hr {border-color: #aaa;}

/*
FOOTER
*/

#footer {font-size: 14px;}


@media (min-width: 769px) {
  .dropdown:hover > .dropdown-menu {display: block;  }
  .dropdown-submenu:hover > .dropdown-menu {display: block;  }
}


/* Mobile dropdown adjustments */
@media (max-width: 768px) {
  .navbar-brand img {height: 50px;width: 198px;}
  .dropdown-menu.show {display: block;}
  .dropdown-submenu .dropdown-menu {left: 0;padding-left: 1rem;}
  .dropdown-submenu > a::after {transform: rotate(90deg);}

  #post p > a {word-wrap: break-word;overflow-wrap: break-word;word-break: break-all;}
  
  .container-md:has(#home-slider ) {padding:0;}
  #home-slider .item .home-slide-text h2 {font-size: 20px;}
  #home-slider .item .home-slide-text p {font-size:13px;}
  .card-body {padding:0.5rem;}
  .card-body .card-title {font-size: 14px;line-height: 1.3;}
  #nuestras-carreras h4.card-title {font-size: 18px;font-weight: 600;margin-bottom: 0;}
  #nuestras-carreras h4.card-title+.card-text {font-size: 15px;text-wrap: pretty;width: 90%;}
}