/*----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;
}

/*.hero__bottom-row .main-info {
  color: var(--hero-bottom-title, inherit);
}
.hero__bottom-row .info-icon {
  color: var(--hero-bottom-icon, inherit);
}

.path-ciencia_datos {
  --hero-bottom-title: #06E2FF;
  --hero-bottom-icon: #06E2FF;
}

.path-quimica_y_alimentos {
  --hero-bottom-title: #AF92FF;
  --hero-bottom-icon: #AF92FF;
}*/

/*---lift barra color---*/
.hero__bottom-row > [class*="col-"] > a{
  display: block;
  color: inherit;
  text-decoration: none;
}

.hero__bottom-item{
  transition: transform 220ms ease, opacity 220ms ease;
  will-change: transform;
}

.hero__bottom-item .info-icon{
  transition: transform 220ms ease, color 220ms ease;
  will-change: transform;
}

.hero__bottom-item .main-info,
.hero__bottom-item p{
  transition: color 220ms ease, opacity 220ms ease;
}

/* Lift del bloque */
.hero__bottom-row > [class*="col-"] > a:hover .hero__bottom-item,
.hero__bottom-row > [class*="col-"] > a:focus-visible .hero__bottom-item{
  transform: translateY(-2px);
}

.hero__bottom-row > [class*="col-"] > a:hover .info-icon,
.hero__bottom-row > [class*="col-"] > a:focus-visible .info-icon{
  transform: translate(3px, -2px) scale(1.12);
  color: rgba(255,255,255,1);
}

.hero__bottom-row > [class*="col-"] > a:hover .main-info,
.hero__bottom-row > [class*="col-"] > a:hover p,
.hero__bottom-row > [class*="col-"] > a:focus-visible .main-info,
.hero__bottom-row > [class*="col-"] > a:focus-visible p{
  color: rgba(255,255,255,.82);
}

.hero__bottom-row > [class*="col-"] > a:focus-visible{
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 4px;
  border-radius: 12px; /* solo para el outline */
}

@media (prefers-reduced-motion: reduce){
  .hero__bottom-item,
  .hero__bottom-item .info-icon,
  .hero__bottom-item .main-info,
  .hero__bottom-item p{
    transition: none;
  }
  .hero__bottom-row > [class*="col-"] > a:hover .hero__bottom-item,
  .hero__bottom-row > [class*="col-"] > a:focus-visible .hero__bottom-item,
  .hero__bottom-row > [class*="col-"] > a:hover .info-icon,
  .hero__bottom-row > [class*="col-"] > a:focus-visible .info-icon{
    transform: none;
  }
}
/* --- divisor vertical hero-bottom --- */
.hero__bottom-row > [class*="col-"]{
  position: relative;
}

/* Línea vertical entre columnas (excepto la última) */
.hero__bottom-row > [class*="col-"]:not(:last-child)::after{
  content: "";
  position: absolute;
  top: 15%;
  bottom: 15%;
  right: 0;

  width: 1px;
  background: rgba(255,255,255,.25); /* muy sutil */
  pointer-events: none;
}
@media (max-width: 767.98px){
  .hero__bottom-row > [class*="col-"]::after{
    display: none;
  }
}

/*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;
}
.cd-info h2 {
    line-height: 1.824rem;
}

/*---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;
}
/*---marker animate---*/
.cd-hightext{
  display: inline;
  padding: .18rem .34rem;
  --cd-high-bg: color(srgb .02 .89 1 / .25);
  background-image: linear-gradient(var(--cd-high-bg), var(--cd-high-bg));
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 0% 100%;

  animation: cdHightextReveal 1.1s ease-out both;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

@keyframes cdHightextReveal{
  to { background-size: 100% 100%; }
}

@media (prefers-reduced-motion: reduce){
  .cd-hightext{
    animation: none;
    background-size: 100% 100%;
  }
}

/*-----views experiencias-----*/
.trend-card {
    margin-bottom: 1.5em;
    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-img2 {
    height: 265px;
    margin: 0;
    padding: 0;
}
.trend-img2 img {
    object-fit: cover;
    width: 100%;
    min-height:265px;
    margin: auto;
    padding: 0;
    display:flex;
}
.trend-body h3 {
    font-size: 1.45rem;
}
.trend-tag {
  background: var(--trend-tag-bg, #06e2ff);
  color: var(--trend-tag-color, #191916);

  display: inline-block;
  font-size: .825rem;
  font-weight: 500;
  margin: 10% 2% 8% -6%;
  padding: 4px 10px;
  position: relative;
  z-index: 27;
  white-space: nowrap;
}

@media (max-width: 768px) {
		.trend-tag {
	    margin: 12% 2% 6% 1%;
	}
}

.program--cd    { --trend-tag-bg:#06e2ff; --trend-tag-color:#191916; }
.program--iqui    { --trend-tag-bg:#541B85; --trend-tag-color:#ffffff; }

/*---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;
}
/*----hover cards-------*/
.card-services-a .card-over-img,
.card-becas .card-over-img,
.card-programs .card-over-img{
  overflow: hidden;
}

.card-services-a .card-over-img img,
.card-becas .card-over-img img,
.card-programs .card-over-img img{
  transition: transform 480ms ease;
  transform: scale(1);
  will-change: transform;
}
.card-services-a:hover .card-over-img img,
.card-becas:hover .card-over-img img,
.card-programs:hover .card-over-img img{
  transform: translateZ(0) scale(1.06) translateY(-1%);
}

/*--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;
    margin-top:1rem;
}
.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;
}
.view-profesores .card-over-img,
.view-profesores .field--name-field-foto,
.view-profesores .views-field-field-foto, .profesor-card__media{
  overflow: hidden;
}

.view-profesores img, .profesor-card__media img{
  transition: transform 480ms ease;
  transform: scale(1);
  will-change: transform;
}

.view-profesores .views-row:hover img,
.view-profesores .views-row:focus-within img,
.profesor-card__media:hover img, .profesor-card__media:focus-within img{
  transform: scale(1.06);
}


/*-----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;
}
/*-- animation type titles ---*/
.type-reveal{
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  hyphens: auto;

  /* Estado base: visible */
  clip-path: inset(0 0 0 0);
  opacity: 1;

  will-change: clip-path, opacity;

  animation: typeRevealLoop 6.2s ease-out 5;
  animation-fill-mode: none;
}

@keyframes typeRevealLoop{
  0%{
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  18%{
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  82%{
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
  86%{
    clip-path: inset(0 0 0 0);
    opacity: 0;
  }
  87%{
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100%{
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce){
  .type-reveal{
    animation: none;
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

/*-----pills highlights------*/
.cd-tips{
  list-style: none;
  margin: 0;
  padding: 0;
}

.cd-tips li{
  position: relative;
  padding: .7rem 1rem;
  margin-bottom: .4rem;
  border: 1px solid #06e2ff;
  border-radius: 6px;
  transition: border-color .4s ease;
  animation: tipActiveBorder 12s ease-in-out infinite;
}

.cd-tips li:nth-child(1){ animation-delay: 0s; }
.cd-tips li:nth-child(2){ animation-delay: 1.2s; }
.cd-tips li:nth-child(3){ animation-delay: 2.4s; }
.cd-tips li:nth-child(4){ animation-delay: 3.6s; }
.cd-tips li:nth-child(5){ animation-delay: 4.8s; }
.cd-tips li:nth-child(6){ animation-delay: 6s; }

@keyframes tipActiveBorder{
  0%{
    border-color: inherit;
  }
  20%{
    border-color: #6731bf;
  }
  40%{
    border-color: inherit;
  }
  100%{
    border-color: inherit;
  }
}

@media (prefers-reduced-motion: reduce){
  .cd-tips li{
    animation: none;
  }
}
/*---splide slideer style--*/
.splide{
  position: relative;
  padding-bottom: 44px;
}

.splide__arrows{
  pointer-events: none;
}

.splide__arrow{
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.65);
  border: 1px solid #808080;
  color: #808080;

  opacity: 1;
}

.splide__arrow--prev{ left: 12px; }
.splide__arrow--next{ right: 12px; }

.splide__arrow:hover,
.splide__arrow:focus-visible{
  background: #000000;
  border-color: #000000;
  color: #ffffff;
  outline: none;
}

.splide__arrow svg{
  fill: currentColor;
}

.splide__pagination{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;

  display: flex;
  justify-content: center;
  gap: 10px;

  padding: 0;
  margin: 0;
  z-index: 4;
}

/* Bullets */
.splide__pagination__page{
  width: 10px;
  height: 10px;
  border-radius: 999px;

  background: transparent;
  border: 1px solid #808080;
  opacity: .75;
  transform: scale(1);

  transition: opacity 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.splide__pagination__page.is-active{
  background: #808080;
  opacity: 1;
  transform: scale(1.15);
}

.splide__pagination__page:hover{
  opacity: 1;
}

@media (max-width: 575.98px){
  .splide{
    padding-bottom: 40px;
  }
  .splide__arrow{
    width: 40px;
    height: 40px;
  }
  .splide__arrow--prev{ left: 8px; }
  .splide__arrow--next{ right: 8px; }
}

/*-----IQUI-----*/
.bg-purple-soft{
  background:
    radial-gradient(1200px 600px at 18% 35%, rgba(255,255,255,.10) 0%, rgba(255,255,255,0) 55%),
    radial-gradient(900px 500px at 70% 20%, rgba(0,0,0,.18) 0%, rgba(0,0,0,0) 60%),
    linear-gradient(90deg, #2a0a5f 0%, #3a0b76 42%, #260a5a 100%);
}

.bi::before, [class*=" bi-"]::before, [class^=bi-]::before {
    vertical-align: -.19em;
    backdrop-filter: blur(4px);
}

.trend-iqui2::after {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ddd;
    display: block;
    width: 100%;
    height: 2px;
}
.profesor-card__meta-item {
    word-break: break-word;
}