/*----HERO FONTS----*/
.hero__cta-title {
    font-size: 1.188rem;
    font-weight: 600;
}
.hero__cta--primary {background: #6731BF;}
.hero__cta--primary:hover {background: #9747FF;}

.hero__content .hero__meta {
	font-size: clamp(0.94rem, 1vw, 1rem);
	font-weight: 500;
  letter-spacing: normal;
}
.hero__details, .hero__cta-subtitle, .nota-valor, .hero__bottom p {
	font-size: clamp(0.94rem, 1vw, 1rem);
	line-height: 1.2rem;
	font-weight: 500;
  letter-spacing: normal;
}
.hero__bottom .main-info {
		font-size: 1.188rem;
    font-weight: 600;
    letter-spacing: normal;
}

/*Blocks: admissions, campos de accion, backgroun-images*/
.pricing-bar p {
	font-size: clamp(0.94rem, 1vw, 1rem);
	line-height: 1.2rem;
	font-weight: 500;
  letter-spacing: normal;
}
.cd-admininfo h2 {color: inherit;}

/*.right-bottom-img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.left-bottom-img {
    position: absolute;
    left: 0;
    bottom: 0;
}*/

.bg-blue-darkinfo {
	background: #0B1131;
	background: linear-gradient(180deg,rgba(11, 17, 49, 1) 0%, rgba(2, 24, 74, 1) 50%, rgba(7, 14, 34, 1) 100%);
}
.cd-highblock {
    position: relative;
    bottom: -16px;
    z-index: 10;
}

/*---Button Secondary----*/
.az-button .ck.ck-editor__editable_inline[dir] {text-align: left;}

.btn-secondary {
		border: 2px solid transparent;
    display: inline-flex;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    font-weight: 500;
    justify-content: space-between;
    text-transform: uppercase;
}
.btn-secondary:hover {border: 2px solid #06e2ff;}

.flecha-externo .az-button-content::after {
    position: relative;
    top: 40%;
    margin-left: 15px;
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
}
.flecha-descarga .az-button-content::after {
    position: relative;
    top: 12px;
    right: 4px;
    margin-left: 15px;
    display: inline;
}
.uniandes-timeline.uniandes-timeline--horizontal .tracking-date {
    color: #6731bf;
    font-size: 1.12rem;
}
.uniandes-timeline.uniandes-timeline--horizontal .tracking-link a {
    background: rgb(255 255 255 / 80%);
    border-radius: 0;
}
.uniandes-timeline.uniandes-timeline--horizontal .tracking-link a:hover, .uniandes-timeline.uniandes-timeline--horizontal .tracking-link a:focus {
    background: rgb(103 49 191);
    color: #FFF;
}

ul.cd-list li::before {
    color: rgb(183 183 183);
    content: "";
    display: inline-flex;
    flex-direction: row;
    font-family: FontAwesome;
    height: 12px;
    justify-content: center;
    width: 12px;
    margin: 0.71rem 0.6rem 1rem 0rem;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.cd-hightext {display: inline;}

/*-----views experiencias-----*/
.trend-card {
    margin: 1em auto;
    border-radius: 0;
}
.trend-img {
    height: 385px;
    margin: 0;
    padding: 0;
}
.trend-img img {
    object-fit: cover;
    width: 100%;
    min-height:385px;
    margin: auto;
    padding: 0;
    display:flex;
}
.trend-cdtag {
    margin: 10% 2% 8% -6%;
}
@media (max-width: 768px) {
		.trend-cdtag {
	    margin: 12% 2% 6% 1%;
	}
}

/*---Block Views: servicios aspirantes---*/
.card-services-a {margin: auto 0.25rem;}
.card-body, .card-body-a {font-size: clamp(0.97rem, 1vw, 1rem);}
.card-services-a .card-body-a {
    min-height: 100px;
}
.card-becas h3, .card-becas h4, .card-services-a h3 {
    line-height: 2.1rem;
    margin-right: 1rem;
}
.card-id-overlay {
    left: 5%;
    bottom: 26%;
}
.card-link a {
    display: inline-flex;
    margin-left: -24px !important;
    padding: 0.5rem 1.2rem;
    font-size: 1.031rem;
    font-weight: 600;
}

/*--BECAS VIEW--*/
.card-becas{
  position: relative;
  overflow: hidden; 
}
.card-becas .card-over-img{
  position: relative;
  overflow: hidden; 
}
.card-becas .card-over-img img{
  display: block;
  width: 100%;
  height: auto;
}
.card-becas .card-id-overlay{
  position: absolute;
  bottom: 34%;
  z-index: 2;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}
.card-becas .card-id-overlay h3,
.card-becas .card-id-overlay h4{
  min-width: 0;
  max-width: 100%;
}
.card-becas .card-id-overlay a{
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.card-becas .card-id-overlay h3 a{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.card-becas .card-link{max-width: 100%;}
.card-becas .card-link a{
  display: inline-block;      
  max-width: 100%;
}
.card-becas .card-body{
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-height:100px;
  overflow-wrap: anywhere;
}

/*programas relacionados view*/
.card-over-img {
    background: #1c1c1c;
    background: linear-gradient(180deg, rgb(28 28 28 / 8%), rgb(28 28 28 / 90%) 95%);
}
.card-programs {
    padding: 0;
    position: relative;
    margin: auto 0.25rem;
    /* overflow: hidden; */
    box-sizing: border-box;
    min-height: 300px;
    display: flex;
}
.card-programs img {
    object-fit: cover;
    padding: 0;
    height: auto;
    z-index: -1;
    width: 100%;
    max-height: 300px;
}
.card-programs .card-id-overlay{
  position: absolute;
  bottom: 7%;
  z-index: 2;
  box-sizing: border-box;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}
.card-programs .card-id-overlay h3,
.card-programs .card-id-overlay h5{
  min-width: 0;
  max-width: 100%;
  color:#FFF;
  margin: auto;
}

.card-becas .card-link a{
  display: inline-block;      
  max-width: 100%;
	line-height: 1.2rem;
}

/*--FOOTER---*/
.footer-legalinfo {color: #FFF;}
ul.footer-menu-list li a {
    color: #FFF;
}
ul.footer-menu-list li {
    margin-left: -1.12rem;
    padding: .20rem 0;
    line-height: normal;
    font-size: clamp(0.94rem, 1vw, 1rem);
}
ul.footer-legals li {
    margin: .35rem 1.1rem .25rem 0;
}
.az-accordion.accordion .accordion-item {
    border-top: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.accordion-button::after {
    top: 7px !important;
    position: relative;
}
.f_faceb, .f_socials, .f_x, a.f_faceb, a.f_socials, a.f_x {
    background-color: #ffff00;
    border: 2px solid transparent;
}
.f_faceb img {
    height: 20px;
    padding: 0;
    width: 20px;
}
.sm-facebook:hover {
    background-color: #fff;
    border: 2px solid #0765fe;}
    
.sm-instagram:hover {
    background-color: #fff;
    border: 2px solid #bf01a2;}
.sm-tiktok:hover, .sm-x:hover {
    background-color: #fff;
    border: 2px solid #000;
}
.sm-linkedin:hover {
    background-color: #fff;
    border: 2px solid #0b66c2;
}

.icon-book::before {
	background-image: url(/sites/ingenieria/files/2026-01/journal-bookmark.svg);
	background-repeat:no-repeat;
	width: 18px;
	height:auto;
	margin-right:4px;
}

/*---Professor cards---*/
.profesor-card__content {
    padding: 1rem;
}
.profesor-card__name {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.15;
}
.profesor-card__badge {
    background: #ffff02;
    color: #191916;
    /* display: flex; */
    font-size: .95rem;
    font-weight: 600;
    line-height: 1.2rem;
    left: -24px;
    margin-bottom: 1.35rem;
    padding: .3rem .6rem .3rem 1.5rem;
    width: -moz-fit-content;
    width: 100%;
    position: relative;
    overflow: visible;
    z-index: 10;
}
.profesor-card__profile {
	 font-size: clamp(0.94rem, 1vw, 1rem);
	 line-height: 1.2rem;
}

/*-----footer button icons------*/
.icon-mail .az-button-content,
.icon-book .az-button-content,
.icon-service .az-button-content {
    text-align: left;
    margin-left: 1.2em;
    display: inline-flex;
}
.icon-mail .az-button-content::before {
    content: "\F32F";
    font-family: bootstrap-icons; font-size: inherit;
    display: inline-block;
		vertical-align: middle;
  	line-height: 1;
  	margin-right: .5em;
    position: relative;
    left: 2%;
    top: 3px;
}
.icon-book .az-button-content::before {
    content: "\F43D";
    font-family: bootstrap-icons; font-size: inherit;
    display: inline-block;
		vertical-align: middle;
  	line-height: 1;
  	margin-right: .5em;
    position: relative;
    left: 2%;
    top: 3px;
}
.icon-service .az-button-content::before {
    content: "\F89A";
    font-family: bootstrap-icons; font-size: inherit;
    display: inline-block;
		vertical-align: middle;
  	line-height: 1;
  	margin-right: .5em;
    position: relative;
    left: 2%;
    top: 3px;
}
/*-- animations ---*/

.type-reveal{
  display: inline;
  overflow-wrap: anywhere;      
  word-break: break-word;       
  hyphens: auto;                
  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 100%);
  -webkit-mask-size: 0% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-image: linear-gradient(90deg, #000 0, #000 100%);
  mask-size: 0% 100%;
  mask-repeat: no-repeat;
  animation: typeRevealMask 1.2s ease-out both;
}

@keyframes typeRevealMask{
  from{
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
    opacity: 0;
  }
  to{
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce){
  .type-reveal{
    animation: none;
    -webkit-mask: none;
    mask: none;
    opacity: 1;
  }
}

.type-lastword{
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;
}

.type-lastword__word{
  display: inline-block;
  white-space: nowrap;
  vertical-align: baseline;
  will-change: clip-path, opacity, -webkit-mask-size, mask-size;

  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 100%);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 0% 100%;

  mask-image: linear-gradient(90deg, #000 0, #000 100%);
  mask-repeat: no-repeat;
  mask-size: 0% 100%;

  animation: typeRevealMask .9s ease-out both;
  animation-delay: .15s;
}

@keyframes typeRevealMask{
  from{
    -webkit-mask-size: 0% 100%;
    mask-size: 0% 100%;
    opacity: 0;
  }
  to{
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce){
  .type-lastword__word{
    animation: none;
    -webkit-mask: none;
    mask: none;
    opacity: 1;
  }
}