.tutoria-page{
  background:#fff;
  color:var(--text);
}

.tutoria-page .hero::before{
  background-image:url('../img/portadilla_tutoria_entre_pares.png');
  background-position:center center;
  background-size:cover;
  opacity:0.82;
}

.tutoria-page main section.tu-section.norma-sec,
.tutoria-page main section.tu-section.norm-secc{
  padding:var(--pad-section-xl) 0;
}
.tutoria-page main section.tu-section.iu-testimonios .iu-testimonios-content{
  position:relative;
  z-index:2;
}
.tutoria-page .iu-testimonios-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(135deg, rgba(0, 24, 51, 0.82) 0%, rgba(0, 55, 110, 0.78) 50%, rgba(0, 24, 51, 0.8) 100%);
  pointer-events:none;
}

.tutoria-page main p,
.tutoria-page main .accordion-body,
.tutoria-page main li{
  text-align:justify;
}
.tutoria-page main .funciones-header p,
.tutoria-page main .stat-copy-col__text,
.tutoria-page main .stat-placeholder__text,
.tutoria-page main .actor-card-text,
.tutoria-page main .funcion-card__lead,
.tutoria-page main .funcion-card__list li{
  text-align:left;
}
.tutoria-page main .norma-hdr > p{
  text-align:right;
}
@media (max-width: 860px){
  .tutoria-page main .norma-hdr > p{
    text-align:left;
  }
}
.tutoria-page main .tu-cta-banner p,
.tutoria-page main .tu-cta-banner-title{
  text-align:center;
}

.tu-section{
  padding:var(--pad-section-y) 0;
}
@media (max-width: 860px){
  .tu-section{
    padding:var(--pad-section-y-md) 0;
  }
}
@media (max-width: 560px){
  .tu-section{
    padding:var(--pad-section-y-sm) 0;
  }
}
.tutoria-page #que-es{
  position:relative;
  overflow:hidden;
}
.tutoria-page .oferta-hero p{
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.65;
}
.tutoria-page .oferta-hero p + p{
  margin-top:1rem;
}
.tutoria-page .oferta-hero p strong{
  color:#fff;
  font-weight:600;
}

/* Enlaces destacados para contenido institucional */
.tutoria-page .tu-link-highlight{
  color:#0a4b8f;
  text-decoration:underline;
  text-decoration-thickness:1.5px;
  text-underline-offset:2px;
  font-weight:700;
}

.tutoria-page .tu-link-highlight:hover,
.tutoria-page .tu-link-highlight:focus-visible{
  color:#00376e;
  text-decoration-thickness:2px;
}

.tutoria-page .redesigned *{
  box-sizing:border-box;
}
.tutoria-page .redesigned a{
  color:inherit;
  text-decoration:none;
}
.tutoria-page main section.tutoria-surface-cream,
.tutoria-page main section.tutoria-surface-white{
  position:relative;
  overflow:hidden;
  border-top:none;
  border-bottom:none;
}
.tutoria-page main section.tutoria-surface-white{
  background:#fff;
}
.tutoria-page main section[class*='tutoria-surface-'] > .wrap,
.tutoria-page main section#que-es.tutoria-surface-cream > .row{
  position:relative;
  z-index:1;
}

.tutoria-page #que-es .tu-pres-title{
  position:relative;
  padding-bottom:0.35rem;
  margin-bottom:1.25rem;
}
.tutoria-page #que-es .tu-pres-title::after{
  content:"";
  display:block;
  width:min(120px, 28%);
  height:3px;
  margin-top:0.65rem;
  border-radius:3px;
  background:linear-gradient(90deg, var(--gold2), rgba(0, 55, 110, 0.35));
}
.tutoria-page #que-es .tu-pres-body{
  display:flex;
  flex-direction:column;
  gap:1.35rem;
}
.tutoria-page #que-es .tu-pres-lead{
  padding:0.25rem 0 0.15rem 1.15rem;
  border-left:4px solid rgba(0, 55, 110, 0.28);
  background:linear-gradient(90deg, rgba(0, 55, 110, 0.06), rgba(255, 255, 255, 0) 52%);
  border-radius:0 12px 12px 0;
}
.tutoria-page #que-es .tu-pres-lead p{
  margin-bottom:1rem;
}
.tutoria-page #que-es .tu-pres-lead p:last-child{
  margin-bottom:0;
}
.tutoria-page #que-es .tu-pres-highlight{
  position:relative;
  margin:0;
  padding:1.15rem 1.15rem 1.15rem 1.35rem;
  background:linear-gradient(145deg, rgba(219, 234, 254, 0.72) 0%, rgba(241, 245, 249, 0.95) 48%, rgba(255, 255, 255, 0.98) 100%);
  border:1px solid rgba(0, 55, 110, 0.14);
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0, 24, 51, 0.07);
}
.tutoria-page #que-es .tu-pres-highlight::before{
  content:"";
  position:absolute;
  left:0;
  top:12%;
  bottom:12%;
  width:4px;
  border-radius:4px;
  background:linear-gradient(180deg, var(--blue), #00376e);
}
.tutoria-page #que-es .tu-pres-highlight p{
  margin:0;
}
.tutoria-page #que-es .tu-pres-more{
  padding:0.15rem 0 0;
}
.tutoria-page #que-es .tu-pres-more p{
  margin:0;
  padding:0.75rem 1rem;
  border-radius:12px;
  background:rgba(255, 255, 255, 0.78);
  border:1px dashed rgba(0, 55, 110, 0.16);
}
.tutoria-page #que-es .tu-pres-cta{
  margin:0.35rem 0 0;
  padding:1rem 1.2rem;
  text-align:center;
  background:linear-gradient(145deg, rgba(229, 193, 102, 0.14), rgba(255, 255, 255, 0.65));
  border:1px solid rgba(201, 168, 76, 0.38);
  border-radius:14px;
  box-shadow:0 6px 20px rgba(0, 24, 51, 0.06);
}
@media (max-width: 575.98px){
  .tutoria-page #que-es .tu-pres-lead{
    padding-left:0.9rem;
  }
  .tutoria-page #que-es .tu-pres-highlight{
    padding:1rem 0.95rem 1rem 1.1rem;
  }
}

.tutoria-page #tutoria-en-la-unam.tu-intro-unam.tutoria-surface-white{
  background:#fff;
}
.tutoria-page .tu-intro-unam__body p:last-child{
  margin-bottom:0;
}
@media (max-width: 991.98px){
  .tutoria-page #tutoria-en-la-unam.tu-section{
    padding:var(--pad-section-y-lg) 0;
  }
}
#entre-pares{
  position:relative;
  overflow:hidden;
}
#entre-pares .wrap{
  position:relative;
  z-index:1;
}

.ep-bene-panels{
  position:relative;
}
.ep-bene-panel{
  display:none;
}
.ep-bene-panel.active{
  display:block;
}
.tutoria-page main .ep-bene-panel > p{
  text-align:left;
  color:#444;
  font-size:0.93rem;
  line-height:1.65;
  margin-bottom:10px;
}
#funciones{
  position:relative;
  overflow:hidden;
}
#funciones .wrap{
  position:relative;
  z-index:1;
}
.funciones-header{
  text-align:center;
  margin-bottom:56px;
}
.funciones-header h2.sh2{
  margin-bottom:16px;
}
.funciones-header p{
  color:#5a6570;
  font-size:1rem;
  max-width:640px;
  margin:0 auto;
  line-height:1.7;
}
.funciones-grid{
  --funcion-card-radius:22px;
}
.tu-func-resource{
  position:relative;
  padding:1.25rem 1.25rem 1.5rem;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.02));
  border:1px solid rgba(255, 255, 255, 0.16);
  box-shadow:0 24px 70px rgba(0, 0, 0, 0.18);
  overflow:hidden;
}
.tu-func-resource::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 18%, rgba(255, 209, 102, 0.18), transparent 26%),
    radial-gradient(circle at 84% 20%, rgba(137, 196, 244, 0.16), transparent 24%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
  pointer-events:none;
}
.tu-func-resource > *{
  position:relative;
  z-index:1;
}
.tu-func-resource__map{
  position:relative;
  min-height:355px;
  border-radius:28px;
  padding:1.5rem;
  background:
    linear-gradient(145deg, rgba(4, 32, 73, 0.94), rgba(7, 59, 118, 0.88)),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
  border:1px solid rgba(255, 255, 255, 0.12);
  overflow:hidden;
}
.tu-func-resource__map::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), transparent 36%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.04) 0 2px, transparent 2px 22px);
  opacity:0.45;
  pointer-events:none;
}
.tu-func-resource__lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:0;
}
.tu-func-resource__lines path{
  fill:none;
  stroke:rgba(255, 255, 255, 0.48);
  stroke-width:4;
  stroke-linecap:round;
  stroke-dasharray:12 12;
}
.tu-func-resource__node{
  position:absolute;
  z-index:1;
  display:flex;
  align-items:center;
  gap:0.8rem;
  min-width:230px;
  padding:0.9rem 1rem;
  border-radius:22px;
  background:rgba(255, 255, 255, 0.96);
  color:var(--navy);
  box-shadow:0 18px 40px rgba(0, 14, 36, 0.22);
  border:1px solid rgba(255, 255, 255, 0.5);
  text-align:left;
  cursor:pointer;
  transition:box-shadow 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}
.tu-func-resource__node:focus{
  outline:none;
}
.tu-func-resource__node:focus-visible{
  outline:2px solid rgba(255, 209, 102, 0.8);
  outline-offset:3px;
}
.tu-func-resource__node.is-active{
  background:linear-gradient(145deg, #fffdf7, #ffffff);
  border-color:rgba(255, 209, 102, 0.78);
  box-shadow:0 22px 48px rgba(255, 209, 102, 0.16), 0 20px 42px rgba(0, 14, 36, 0.24);
}
.tu-func-resource__node.is-active .tu-func-resource__node-num{
  transform:scale(1.06);
  box-shadow:0 12px 24px rgba(201, 168, 76, 0.42);
}
.tu-func-resource__node--1{
  left:2rem;
  top:8.8rem;
}
.tu-func-resource__node--2{
  top:1.7rem;
  left:50%;
  transform:translateX(-50%);
}
.tu-func-resource__node--3{
  right:2rem;
  top:8.8rem;
}
.tu-func-resource__node-num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:linear-gradient(145deg, var(--gold2), #f4d989);
  color:var(--navy);
  font-weight:800;
  font-size:1rem;
  box-shadow:0 8px 18px rgba(201, 168, 76, 0.35);
  transition:transform 0.22s ease, box-shadow 0.22s ease;
}
.tu-func-resource__node-label{
  font-family:var(--slab);
  font-size:1.05rem;
  line-height:1.15;
  position:relative;
  z-index:1;
}
.tu-func-resource__hub{
  position:absolute;
  left:50%;
  bottom:1.3rem;
  transform:translateX(-50%);
  z-index:1;
  display:grid;
  gap:0.35rem;
  width:min(92%, 470px);
  padding:1rem 1.2rem;
  text-align:center;
  border-radius:999px;
  background:rgba(255, 255, 255, 0.95);
  color:var(--navy);
  box-shadow:0 16px 36px rgba(0, 14, 36, 0.22);
}
.tu-func-resource__hub strong{
  font-family:var(--slab);
  font-size:1.03rem;
  line-height:1.1;
}
.tu-func-resource__hub span{
  font-size:0.84rem;
  line-height:1.35;
  color:#35506f;
}

.tu-func-hub__item{
  display:grid;
  gap:0.35rem;
}
.tu-func-hub__title{
  margin:0;
  font-family:var(--slab);
  font-size:1.03rem;
  line-height:1.1;
  color:var(--navy);
  font-weight:700;
}
.tu-func-hub__lead{
  margin:0;
  font-size:0.84rem;
  line-height:1.4;
  color:#35506f;
}
.tu-func-hub__label{
  font-weight:800;
  font-size:0.84rem;
  color:var(--navy);
  display:block;
}

/* Funciones: rejilla col-lg-4 + flechas pulse (dorado / azul) */
.tu-func-cards__grid-wrap{
  position:relative;
}
@media (min-width: 992px){
  .tu-func-cards__arrow--overlap{
    position:absolute;
    top:50%;
    left:33.333333%;
    z-index:2;
    pointer-events:none;
    font-size:1.35rem;
    line-height:1;
    animation:tu-func-arrow-pulse-gold-ol 1.9s ease-in-out infinite;
  }
  .tu-func-cards__arrow--overlap.tu-func-cards__arrow--blue{
    left:66.666666%;
    animation-name:tu-func-arrow-pulse-blue-ol;
    animation-delay:0.45s;
  }
}
.tu-func-cards__arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:1.35rem;
  line-height:1;
}
.tu-func-cards__arrow--gold:not(.tu-func-cards__arrow--overlap){
  color:var(--gold2);
  filter:drop-shadow(0 0 10px rgba(201, 168, 76, 0.55));
  animation:tu-func-arrow-pulse-gold 1.9s ease-in-out infinite;
}
.tu-func-cards__arrow--blue:not(.tu-func-cards__arrow--overlap){
  color:#4a90d9;
  filter:drop-shadow(0 0 10px rgba(74, 144, 217, 0.5));
  animation:tu-func-arrow-pulse-blue 1.9s ease-in-out infinite;
  animation-delay:0.45s;
}
.tu-func-cards__arrow--overlap.tu-func-cards__arrow--gold{
  color:var(--gold2);
  filter:drop-shadow(0 0 10px rgba(201, 168, 76, 0.55));
}
.tu-func-cards__arrow--overlap.tu-func-cards__arrow--blue{
  color:#4a90d9;
  filter:drop-shadow(0 0 10px rgba(74, 144, 217, 0.5));
}
@keyframes tu-func-arrow-pulse-gold{
  0%, 100%{
    transform:scale(1);
    opacity:0.72;
  }
  50%{
    transform:scale(1.18);
    opacity:1;
  }
}
@keyframes tu-func-arrow-pulse-blue{
  0%, 100%{
    transform:scale(1);
    opacity:0.72;
  }
  50%{
    transform:scale(1.18);
    opacity:1;
  }
}
@keyframes tu-func-arrow-pulse-gold-ol{
  0%, 100%{
    transform:translate(-50%, -50%) scale(1);
    opacity:0.72;
  }
  50%{
    transform:translate(-50%, -50%) scale(1.18);
    opacity:1;
  }
}
@keyframes tu-func-arrow-pulse-blue-ol{
  0%, 100%{
    transform:translate(-50%, -50%) scale(1);
    opacity:0.72;
  }
  50%{
    transform:translate(-50%, -50%) scale(1.18);
    opacity:1;
  }
}
@media (prefers-reduced-motion: reduce){
  .tu-func-cards__arrow--gold,
  .tu-func-cards__arrow--blue{
    animation:none !important;
  }
  .tu-func-card--interactive{
    transition:none;
  }
  .tu-func-card--interactive:hover,
  .tutoria-page #funciones.tu-s-func .tu-func-card--interactive:hover{
    transform:none;
  }
  .tutoria-page #funciones.tu-s-func .tu-func-card--interactive:hover .tu-func-card__art{
    transform:none;
  }
  .tutoria-page #funciones.tu-s-func .tu-func-card__art:hover{
    transform:none;
  }
  .tutoria-page #funciones.tu-s-func .tu-func-card__art-main{
    transition:none !important;
  }
}

.tu-func-cards{
  margin-top:-1.85rem;
  position:relative;
  z-index:2;
  padding:0 1.1rem 0.6rem;
}
.tu-func-card{
  position:relative;
  height:100%;
  padding:1.3rem 1.15rem 1.15rem;
  border-radius:24px;
  background:linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
  box-shadow:0 18px 44px rgba(0, 24, 51, 0.14), 0 4px 16px rgba(0, 24, 51, 0.06);
  border:1px solid rgba(255, 255, 255, 0.88);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.tu-func-card--interactive{
  cursor:pointer;
  transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.tu-func-card--interactive:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 56px rgba(0, 24, 51, 0.2), 0 10px 28px rgba(0, 24, 51, 0.1);
  border-color:rgba(0, 55, 110, 0.18);
}
.tu-func-card--interactive:focus{
  outline:none;
}
.tu-func-card--interactive:focus-visible{
  outline:2px solid rgba(0, 55, 110, 0.45);
  outline-offset:3px;
}
.tu-func-card__art{
  position:relative;
  min-height:148px;
  margin-bottom:1rem;
  border-radius:20px;
  overflow:visible;
  background:linear-gradient(145deg, rgba(8, 47, 107, 0.95), rgba(21, 94, 163, 0.88));
  box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.tu-func-card__art::before{
  content:attr(data-func-index);
  position:absolute;
  top:-14px;
  right:-14px;
  left:auto;
  z-index:4;
  width:52px;
  height:52px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--slab);
  font-size:1.28rem;
  font-weight:800;
  color:var(--navy);
  background:linear-gradient(145deg, var(--gold2), #f4d989);
  box-shadow:0 6px 18px rgba(0, 12, 30, 0.35), 0 0 0 3px rgba(255, 255, 255, 0.35);
  pointer-events:none;
}
.tu-func-card__art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:20px;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 28%, rgba(255, 209, 102, 0.28), transparent 18%),
    radial-gradient(circle at 78% 22%, rgba(255, 255, 255, 0.18), transparent 18%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 60%);
}
.tu-func-card__art-title{
  position:absolute;
  left:0.85rem;
  right:0.85rem;
  bottom:0.65rem;
  z-index:3;
  margin:0;
  padding:0 3rem;
  font-family:var(--slab);
  font-size:1.05rem;
  font-weight:600;
  color:#fff;
  line-height:1.25;
  text-align:center;
  text-shadow:0 1px 3px rgba(0, 12, 30, 0.45);
}
.tu-func-card__art-main{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:76px;
  height:76px;
  background:linear-gradient(145deg, var(--gold2), #f4d989);
  color:var(--navy);
  font-size:1.8rem;
  box-shadow:0 18px 30px rgba(0, 12, 30, 0.22);
}
@media (max-width: 767px){
  .tu-func-card__art{
    min-height:132px;
  }
}
.tu-func-modal .modal-content{
  border:none;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 34px 80px rgba(0, 14, 36, 0.28);
}
.tu-func-modal .modal-header{
  padding:1.3rem 1.35rem 1rem;
  border-bottom:1px solid rgba(13, 27, 42, 0.08);
  align-items:flex-start;
}
.tu-func-modal .modal-body{
  padding:1.1rem 1.35rem 1.35rem;
}
.tu-func-modal__title-wrap{
  display:flex;
  align-items:flex-start;
  gap:1rem;
  padding-right:1rem;
}
.tu-func-modal__num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:999px;
  background:linear-gradient(145deg, var(--gold2), #f4d989);
  color:var(--navy);
  font-weight:800;
  font-size:1.05rem;
  flex-shrink:0;
  box-shadow:0 10px 22px rgba(201, 168, 76, 0.28);
}
.tu-func-modal__title{
  margin:0 0 0.4rem;
  font-family:var(--slab);
  font-size:1.5rem;
  line-height:1.15;
  color:var(--navy);
}
.tu-func-modal__lead{
  margin:0;
  color:#334155;
  font-size:0.96rem;
  line-height:1.65;
  text-align:left;
}
.tu-func-modal__list,
#funciones .funcion-card__list{
  list-style:none;
  padding:0.35rem 0 0;
  margin:0;
  position:relative;
  z-index:1;
}
.tu-func-modal__list li,
#funciones .funcion-card__list li{
  position:relative;
  color:#1e293b;
  font-size:0.9rem;
  line-height:1.55;
  padding:0.85rem 0.9rem 0.85rem 2.1rem;
  margin-bottom:0.7rem;
  border-radius:14px;
  background:rgba(0, 55, 110, 0.04);
  border:1px solid rgba(13, 27, 42, 0.06);
  transition:transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}
.tu-func-modal__list li:last-child,
#funciones .funcion-card__list li:last-child{
  margin-bottom:0;
}
.tu-func-modal__list li:hover,
#funciones .funcion-card__list li:hover{
  transform:translateX(4px);
  background:rgba(201, 168, 76, 0.08);
  border-color:rgba(201, 168, 76, 0.24);
}
.tu-func-modal__list li::before,
#funciones .funcion-card__list li::before{
  content:'';
  position:absolute;
  left:0.95rem;
  top:1.2rem;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--blue);
  box-shadow:0 0 0 3px rgba(0, 55, 110, 0.12);
}
@media (max-width: 400px){
  .tu-func-modal__title-wrap{
    flex-direction:column;
  }
}
@media (max-width: 991px){
  .tu-func-resource{
    padding:1rem 1rem 1.2rem;
  }
  .tu-func-resource__map{
    min-height:330px;
    padding:1.15rem;
  }
  .tu-func-resource__node{
    min-width:0;
    max-width:220px;
  }
  .tu-func-resource__node--1{
    left:1rem;
    top:8.8rem;
  }
  .tu-func-resource__node--3{
    right:1rem;
    top:8.8rem;
  }
  .tu-func-resource__hub{
    border-radius:24px;
    width:min(92%, 430px);
  }
  .tu-func-cards{
    margin-top:-1.2rem;
    padding:0 0.8rem 0.4rem;
  }
}
@media (max-width: 767px){
  .tu-func-resource__map{
    min-height:auto;
    display:grid;
    gap:0.9rem;
    padding:1rem;
  }
  .tu-func-resource__lines{
    display:none;
  }
  .tu-func-resource__node,
  .tu-func-resource__node--1,
  .tu-func-resource__node--2,
  .tu-func-resource__node--3{
    position:relative;
    inset:auto;
    left:auto;
    right:auto;
    top:auto;
    transform:none;
    max-width:none;
  }
  .tu-func-resource__hub{
    position:relative;
    left:auto;
    bottom:auto;
    transform:none;
    width:100%;
    border-radius:22px;
  }
  .tu-func-cards{
    margin-top:1rem;
    padding:0;
  }
  .tu-func-modal .modal-header,
  .tu-func-modal .modal-body{
    padding-left:1rem;
    padding-right:1rem;
  }
}
#funciones.iu-testimonios .funciones-header h2.sh2{
  color:#fff;
}
#funciones.iu-testimonios .funciones-header h2.sh2 em{
  color:var(--gold2);
}
#funciones.iu-testimonios .funciones-header p{
  color:rgba(255, 255, 255, 0.72);
}

#repositorio.iu-testimonios .repo-header h2.sh2{
  color:#fff;
}
#repositorio.iu-testimonios .repo-header h2.sh2 em{
  color:var(--gold2);
}
#repositorio.iu-testimonios .repo-header p{
  color:rgba(255, 255, 255, 0.72);
}
.proceso-actores-section{
  position:relative;
  padding:var(--pad-band-t) 0 var(--pad-section-y-sm);
  overflow:hidden;
}
.proceso-actores-section .wrap{
  position:relative;
  z-index:1;
}

#proceso.proceso-timeline-section{
  position:relative;
  padding:var(--pad-section-y-sm) 0 72px;
  overflow:hidden;
}
#proceso.proceso-timeline-section .wrap{
  position:relative;
  z-index:1;
}

.actor-card{
  width:100%;
  max-width:380px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:32px 24px 28px;
  box-shadow:var(--shadow-card);
  transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.2s;
}
.actor-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lift);
  border-color:rgba(201, 168, 76, 0.28);
}
.actor-card-icon{
  width:68px;
  height:68px;
  margin:0 auto 20px;
  border-radius:50%;
  background:linear-gradient(145deg, rgba(0, 51, 102, 0.1), rgba(201, 168, 76, 0.2));
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blue);
  font-size:1.4rem;
}
.actor-card-title{
  font-family:var(--serif);
  font-size:1.22rem;
  font-weight:500;
  color:var(--navy);
  margin:0 0 14px;
  line-height:1.25;
}
.actor-card-text{
  color:#4a5568;
  font-size:0.93rem;
  line-height:1.75;
  margin:0;
}
.repo-header{
  margin-bottom:64px;
}
.repo-header h2.sh2{
  margin-bottom:8px;
}
.repo-header p{
  color:#6b7a8d;
  font-size:0.95rem;
  max-width:480px;
}
.repo-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:28px;
}
.repo-tab-btn{
  padding:10px 20px;
  border-radius:40px;
  border:1px solid rgba(13, 27, 42, 0.15);
  background:#fff;
  color:var(--navy);
  font-size:0.82rem;
  font-family:var(--sans);
  font-weight:500;
  cursor:pointer;
  transition:all 0.2s;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.repo-tab-btn:hover{
  border-color:var(--gold);
  color:var(--navy);
  background:rgba(201, 168, 76, 0.08);
}
.repo-tab-btn.active{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--navy);
  font-weight:600;
}
.repo-tab-panel{
  display:none;
}
.repo-tab-panel.active{
  display:block;
}

.repo-card-new{
  background:#fff;
  border:1px solid var(--border);
  border-radius:var(--r-md);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  transition:transform 0.25s, border-color 0.25s, box-shadow 0.25s;
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}
.repo-card-new:hover{
  transform:translateY(-4px);
  border-color:rgba(201, 168, 76, 0.45);
  box-shadow:var(--shadow-soft);
}
.repo-card-type{
  font-size:0.7rem;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--gold);
  font-family:var(--sans);
}
.repo-card-title{
  font-family:var(--sans);
  font-size:0.9rem;
  font-weight:500;
  color:var(--navy);
  line-height:1.4;
  flex:1 1 auto;
}
.tutoria-page a.repo-card-new .repo-card-btn.btn-doc{
  margin-top:auto;
  align-self:flex-start;
  pointer-events:none;
}
.tutoria-page a.repo-card-new .repo-card-btn.btn-doc i.fa-arrow-right{
  font-size:10px;
}
.tutoria-page a.repo-card-new--doc-logo .repo-card-logo{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:0.65rem;
}
.tutoria-page a.repo-card-new--doc-logo .repo-card-logo img{
  max-height:48px;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.tutoria-page .repo-card-logo--dark{
  background:#0f172a;
  border-radius:10px;
  padding:0.45rem 0.7rem;
}
.tutoria-page .repo-card-logo--dark img{
  max-height:40px !important;
  filter:brightness(1.06);
}
.tu-cta-banner{
  background:var(--overlay-blue-banner), url('https://suayedtlaxcala.cuaed.unam.mx/assets_2/img/portadillas/egresados_bolsa/bolsa_de_trabajo_portadilla_f.jpg') center/cover no-repeat;
  border-radius:20px;
  padding:48px 32px;
  text-align:center;
}
.tu-cta-banner-inner{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:0 auto;
}
.tu-cta-banner-title{
  font-family:var(--slab);
  font-size:clamp(1.35rem, 2.5vw, 1.75rem);
  font-weight:400;
  color:#fff;
  margin-bottom:10px;
}
.tu-cta-banner p{
  color:rgba(255, 255, 255, 0.92);
  font-size:1rem;
  line-height:1.6;
  margin-bottom:24px;
}
.tu-cta-banner-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:14px;
}
.btn-tu-cta-light{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 22px;
  font-size:14px;
  font-weight:700;
  color:var(--navy);
  background:rgba(255, 255, 255, 0.95);
  border:2px solid rgba(255, 255, 255, 0.85);
  border-radius:12px;
  text-decoration:none;
  transition:background 0.25s, color 0.2s, transform 0.2s;
}
.btn-tu-cta-light:hover{
  background:#fff;
  color:var(--blue);
  transform:translateY(-2px);
}
.btn-tu-cta-light i{
  font-size:1rem;
  opacity:0.9;
}
@media (max-width: 576px){
  .btn-tu-cta-light{
    font-size:12px;
    padding:12px 16px;
    word-break:break-all;
  }
}
@media (max-width: 768px){
  .tu-cta-banner{
    padding:32px 24px;
  }
}

.tutoria-page .tu-recursos-curso-banner{
  margin-bottom:0;
}
.stat-copy-col{
  text-align:left;
}
.stat-copy-col h2.sh2{
  margin-bottom:18px;
  line-height:1.12;
}
.stat-copy-col__text{
  margin:0;
  color:#475569;
  font-size:0.98rem;
  line-height:1.78;
  max-width:520px;
}
.stat-aside-col{
  display:flex;
}
.stat-aside-col .stat-placeholder{
  width:100%;
}
.stat-placeholder{
  margin:0;
  padding:32px 28px;
  background:linear-gradient(165deg, #fff 0%, var(--off) 100%);
  border-radius:var(--r-lg);
  border:var(--border-ui-strong);
  box-shadow:var(--shadow-card);
  text-align:center;
}
.stat-placeholder__icon-wrap{
  width:64px;
  height:64px;
  margin:0 auto 18px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.45rem;
  color:var(--blue);
  background:rgba(0, 55, 110, 0.08);
  border:1px dashed rgba(0, 55, 110, 0.2);
}
.stat-placeholder__title{
  margin:0 0 10px;
  font-family:var(--sans);
  font-size:0.95rem;
  font-weight:700;
  color:var(--navy);
}
.stat-placeholder__text{
  margin:0;
  font-size:0.88rem;
  line-height:1.65;
  color:#64748b;
}

#faq .faq-header{
  text-align:center;
  margin-bottom:40px;
}
#faq .faq-header h2.sh2{
  margin-bottom:0;
}
#faq .accordion-item{
  background:#fff;
  border:var(--border-ui-strong);
  border-radius:var(--r-md) !important;
  margin-bottom:10px;
  overflow:hidden;
}
#faq .accordion-button{
  font-family:var(--sans);
  font-size:0.95rem;
  font-weight:600;
  color:var(--navy);
  background:#fff;
}
#faq .accordion-button:not(.collapsed){
  color:var(--navy);
  background:rgba(201, 168, 76, 0.12);
  box-shadow:none;
}
#faq .accordion-body{
  font-size:0.9rem;
  color:#5a6570;
  line-height:1.65;
}
#faq .col-12 .accordion{
  max-width:none;
  width:100%;
}
.tutoria-page main .tu-sec-head__lead,
.tutoria-page main .tu-actores-intro{
  text-align:center;
}

.tutoria-page .tu-sec-head{
  text-align:center;
  max-width:900px;
  margin:0 auto 3rem;
}
.tutoria-page .tu-sec-head--light .tu-sec-head__title{
  color:#fff;
}
.tutoria-page .tu-sec-head--light .tu-sec-head__title em{
  color:var(--gold2);
}
.tutoria-page .tu-sec-head--light .tu-sec-head__lead{
  color:rgba(255, 255, 255, 0.78);
  margin:0 auto;
  text-align:center;
  font-size:1rem;
  line-height:1.7;
}
.tutoria-page .tu-sec-head__title{
  margin-bottom:0.75rem;
}
.tutoria-page .tu-sec-head__lead{
  color:#5c6b7a;
  font-size:0.98rem;
  line-height:1.7;
  margin:0 auto;
  max-width:640px;
}
.tutoria-page .tu-sec-head .tu-sec-head__body{
  text-align:center;
}
.tutoria-page .tu-sec-head .tu-sec-head__body p{
  margin-bottom:1rem;
}
.tutoria-page .tu-sec-head .tu-sec-head__body p:last-child{
  margin-bottom:0;
}

.tutoria-page .tu-sec-head.tu-sec-head--prog-grid{
  max-width:none;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
}
@media (min-width: 992px){
  .tutoria-page .tu-sec-head.tu-sec-head--prog-grid .tu-sec-head__body{
    max-width:none;
  }
}

.tutoria-page #entre-pares.tu-s-prog{
  padding:var(--pad-section-xl) 0 var(--pad-section-tight);
}

/* Mosaico — intro «Tutoría entre pares en el SUAyED» */
.tutoria-page .tu-prog-mosaic{
  position:relative;
  padding:1.35rem 1.25rem 1.5rem;
  border-radius:var(--r-2xl);
  border:1px solid rgba(201, 168, 76, 0.42);
  border-top-color:rgba(213, 159, 15, 0.35);
  box-shadow:0 12px 40px rgba(13, 27, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.65);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(248, 246, 242, 0.88) 100%),
    repeating-linear-gradient(
      -12deg,
      rgba(255, 255, 255, 0.03) 0 2px,
      rgba(230, 227, 220, 0.08) 2px 4px
    ),
    linear-gradient(145deg, #f3f1ed 0%, #ebe8e2 45%, #f7f5f0 100%);
}
@media (min-width: 768px){
  .tutoria-page .tu-prog-mosaic{
    padding:1.75rem 1.5rem 1.85rem;
  }
}
.tutoria-page .tu-prog-mosaic__grid{
  align-items:stretch;
}
.tutoria-page .tu-mosaic-tile{
  position:relative;
  height:100%;
  padding:1.35rem 1.25rem 1.4rem;
  border-radius:var(--r-xl);
  background:linear-gradient(165deg, #fff 0%, #fafbfc 100%);
  border:1px solid rgba(13, 27, 42, 0.08);
  box-shadow:0 12px 36px rgba(13, 27, 42, 0.06);
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.2s ease;
}
.tutoria-page .tu-mosaic-tile:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(13, 27, 42, 0.1);
  border-color:rgba(201, 168, 76, 0.28);
}
.tutoria-page .tu-mosaic-tile__icon{
  width:52px;
  height:52px;
  margin-bottom:0.85rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--blue);
  font-size:1.15rem;
  border:2px solid rgba(201, 168, 76, 0.42);
  background:linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.92));
  box-shadow:0 8px 28px rgba(13, 27, 42, 0.08);
}
.tutoria-page .tu-mosaic-tile__icon--sm{
  width:44px;
  height:44px;
  font-size:1rem;
}
.tutoria-page .tu-mosaic-tile__h{
  font-family:var(--serif);
  font-size:clamp(1.12rem, 1.8vw, 1.35rem);
  font-weight:600;
  color:var(--navy);
  margin:0 0 0.65rem;
  line-height:1.25;
}
.tutoria-page .tu-mosaic-tile__p{
  margin:0;
  font-size:0.95rem;
  line-height:1.7;
  color:#3d4750;
  text-align:left;
}
.tutoria-page .tu-mosaic-tile__p--compact{
  font-size:0.9rem;
  line-height:1.65;
}
.tutoria-page .tu-mosaic-tile__lead{
  font-size:0.98rem;
  line-height:1.72;
}
.tutoria-page .tu-mosaic-tile--finalidad{
  border-left:4px solid rgba(0, 43, 122, 0.35);
}
.tutoria-page .tu-mosaic-tile--metas{
  border-left:4px solid rgba(201, 168, 76, 0.55);
}
.tutoria-page .tu-mosaic-tile__list{
  margin:0;
  padding-left:1.15rem;
  font-size:0.93rem;
  line-height:1.65;
  color:#3d4750;
  text-align:left;
}
.tutoria-page .tu-mosaic-tile__list li + li{
  margin-top:0.5rem;
}
.tutoria-page .tu-mosaic-tile--media{
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255, 255, 255, 0.75);
  min-height:200px;
}
.tutoria-page .tu-mosaic-tile__photo{
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  display:block;
}
/* Misma pila centrada que «En la práctica», sin fondo accent */
.tutoria-page .tu-mosaic-tile--stack-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}
.tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__h,
.tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__p{
  text-align:center;
}
.tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__stack-body{
  flex:1;
  min-width:0;
  width:100%;
}

.tutoria-page .tu-mosaic-tile--accent{
  background:linear-gradient(165deg, rgba(0, 43, 122, 0.06) 0%, rgba(255, 255, 255, 0.92) 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}
.tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__p{
  text-align:center;
}
.tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__h{
  text-align:center;
}
.tutoria-page .tu-mosaic-tile__accent-body{
  flex:1;
  min-width:0;
}
.tutoria-page .tu-mosaic-tile__accent-ic{
  width:56px;
  height:56px;
  margin-bottom:0.85rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--unam-oro);
  font-size:1.35rem;
  border:2px solid rgba(201, 168, 76, 0.42);
  background:rgba(255, 255, 255, 0.85);
  box-shadow:0 10px 28px rgba(196, 143, 12, 0.15);
}
@media (max-width: 991.98px){
  .tutoria-page .tu-mosaic-tile--stack-center{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    text-align:left;
    gap:1rem;
    padding:1.25rem;
  }
  .tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__icon{
    margin-bottom:0;
    flex-shrink:0;
  }
  .tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__h,
  .tutoria-page .tu-mosaic-tile--stack-center .tu-mosaic-tile__p{
    text-align:left;
  }

  .tutoria-page .tu-mosaic-tile--accent{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:flex-start;
    text-align:left;
    gap:1rem;
    padding:1.25rem;
  }
  .tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__accent-ic{
    margin-bottom:0;
    flex-shrink:0;
  }
  .tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__accent-body{
    flex:1;
    min-width:0;
  }
  .tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__h{
    text-align:left;
  }
  .tutoria-page .tu-mosaic-tile--accent .tu-mosaic-tile__p{
    text-align:left;
  }
}

.tutoria-page .tu-prog-benefits{
  background:linear-gradient(165deg, #fff 0%, #f8fafc 100%);
  border:var(--border-ui);
  border-radius:var(--r-2xl);
  padding:2rem 1.25rem 2.25rem;
  box-shadow:var(--shadow-ui);
}
@media (min-width: 768px){
  .tutoria-page .tu-prog-benefits{
    padding:2.5rem 2.25rem 2.75rem;
  }
}
.tutoria-page .tu-prog-benefits__head{
  text-align:center;
  margin-bottom:1.75rem;
}
.tutoria-page .tu-prog-benefits__title{
  font-family:var(--serif);
  font-size:clamp(1.35rem, 2.2vw, 1.85rem);
  font-weight:500;
  color:var(--navy);
  margin:0 0 0.5rem;
}
.tutoria-page .tu-prog-benefits__head p{
  margin:0;
  font-size:0.95rem;
  color:#64748b;
}

.tutoria-page .tu-prog-benefits--sidebar .tu-prog-benefits__head{
  margin-bottom:1.5rem;
}
@media (min-width: 992px){
  .tutoria-page .tu-prog-benefits--sidebar .tu-prog-benefits__head{
    text-align:left;
  }
}
.tutoria-page .tu-prog-benefits__rail-wrap{
  position:relative;
}
@media (min-width: 992px){
  .tutoria-page .tu-prog-benefits__rail-wrap{
    border-right:1px solid rgba(13, 27, 42, 0.1);
    padding-right:0.75rem;
  }
  .tutoria-page .tu-prog-tabs--rail{
    position:sticky;
    top:108px;
  }
}
@media (max-width: 991.98px){
  .tutoria-page .tu-prog-benefits__rail-wrap{
    padding-bottom:1rem;
    margin-bottom:0.25rem;
    border-bottom:1px solid rgba(13, 27, 42, 0.1);
  }
}
.tutoria-page .tu-prog-tabs--rail{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:flex-start;
  gap:0.5rem;
  margin-bottom:0;
  padding:0.15rem 0;
}
.tutoria-page .tu-prog-tabs--rail .tu-prog-tab{
  width:100%;
  max-width:none;
  justify-content:flex-start;
  border-radius:12px;
  text-align:left;
  border-left:3px solid transparent;
  padding:0.75rem 0.9rem;
}
.tutoria-page .tu-prog-tabs--rail .tu-prog-tab__label{
  flex:1 1 auto;
  text-align:left;
  line-height:1.35;
}
.tutoria-page .tu-prog-tabs--rail .tu-prog-tab.active{
  border-left-color:var(--gold2);
}
.tutoria-page .tu-prog-panels--rail{
  min-height:6rem;
}
@media (min-width: 992px){
  .tutoria-page .tu-prog-panels--rail{
    padding-left:0.35rem;
  }
}

.tutoria-page .tu-prog-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:0.5rem;
  justify-content:center;
  margin-bottom:1.75rem;
}
.tutoria-page .tu-prog-tabs.tu-prog-tabs--rail{
  margin-bottom:0;
  flex-direction:column;
  flex-wrap:nowrap;
  align-items:stretch;
  justify-content:flex-start;
}
.tutoria-page .tu-prog-tab{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.65rem 1rem;
  border-radius:999px;
  border:1px solid rgba(13, 27, 42, 0.12);
  background:#fff;
  color:var(--navy);
  font-family:var(--sans);
  font-size:0.82rem;
  font-weight:600;
  cursor:pointer;
  transition:background 0.2s, border-color 0.2s, box-shadow 0.2s, color 0.2s;
}
.tutoria-page .tu-prog-tab .tu-prog-tab__icon{
  width:32px;
  height:32px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0, 55, 110, 0.08);
  color:var(--blue);
  font-size:0.85rem;
}
.tutoria-page .tu-prog-tab:hover{
  border-color:rgba(201, 168, 76, 0.45);
  box-shadow:0 6px 20px rgba(0, 24, 51, 0.06);
}
.tutoria-page .tu-prog-tab.active{
  background:var(--navy);
  color:#fff;
  border-color:var(--navy);
  box-shadow:0 8px 28px rgba(0, 24, 51, 0.18);
}
.tutoria-page .tu-prog-tab.active .tu-prog-tab__icon{
  background:rgba(255, 255, 255, 0.15);
  color:var(--gold2);
}

.tutoria-page .tu-prog-panels .tu-prog-panel > p{
  text-align:left;
  color:#475569;
  font-size:0.93rem;
  line-height:1.65;
  margin-bottom:0.65rem;
}
.tutoria-page .tu-prog-grid{
  list-style:none;
  margin:1rem 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:0.55rem;
}
.tutoria-page .tu-prog-item{
  display:flex;
  align-items:flex-start;
  gap:0.65rem;
  padding:0;
  margin:0;
  background:transparent;
  border:none;
  box-shadow:none;
  border-radius:0;
}
.tutoria-page .tu-prog-item__ic{
  flex-shrink:0;
  width:28px;
  height:28px;
  margin-top:0.12rem;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0, 55, 110, 0.08);
  color:var(--blue);
  font-size:0.82rem;
}
.tutoria-page .tu-prog-item__txt{
  flex:1 1 auto;
  min-width:0;
  font-size:0.9rem;
  line-height:1.55;
  color:#334155;
  margin:0;
}
.tutoria-page #entidades.tu-s-ent{
  padding:var(--pad-section-xl) 0 var(--pad-band-t);
}
.tutoria-page .tu-ent-grid{
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
}
.tutoria-page .tu-ent-item{
  position:relative;
  height:100%;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 252, 0.96));
  border-radius:24px;
  border:1px solid rgba(13, 27, 42, 0.08);
  box-shadow:0 20px 48px rgba(15, 23, 42, 0.08);
  overflow:hidden;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.tutoria-page .tu-ent-item:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 56px rgba(15, 23, 42, 0.12);
  border-color:rgba(201, 168, 76, 0.35);
}
.tutoria-page .tu-ent-item__header{
  margin:0;
}
.tutoria-page .tu-ent-trigger{
  position:relative;
  display:grid;
  grid-template-columns:auto 88px minmax(0, 1fr) auto;
  align-items:center;
  gap:1rem;
  padding:1.15rem 1.15rem 1.15rem 1.15rem;
  background:transparent;
  border:0;
  box-shadow:none;
  color:inherit;
}
.tutoria-page .tu-ent-trigger:focus{
  box-shadow:none;
}
.tutoria-page .tu-ent-trigger:focus-visible{
  outline:2px solid rgba(201, 168, 76, 0.6);
  outline-offset:-2px;
}
.tutoria-page .tu-ent-trigger:not(.collapsed){
  background:linear-gradient(135deg, rgba(0, 55, 110, 0.05), rgba(201, 168, 76, 0.08));
  color:inherit;
  box-shadow:none;
}
.tutoria-page .tu-ent-trigger::after{
  display:none;
}
.tutoria-page .tu-ent-trigger__num{
  font-family:var(--serif);
  font-size:2rem;
  line-height:1;
  color:rgba(0, 43, 122, 0.16);
}
.tutoria-page .tu-ent-trigger__logo{
  min-height:80px;
  padding:0.85rem 0.95rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:1px solid rgba(13, 27, 42, 0.08);
  border-radius:18px;
  box-shadow:0 12px 28px rgba(15, 23, 42, 0.06);
}
.tutoria-page .tu-ent-trigger__logo img{
  max-height:56px;
  max-width:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.tutoria-page .tu-ent-trigger__text{
  display:grid;
  gap:0.3rem;
  min-width:0;
  text-align:left;
}
.tutoria-page .tu-ent-card__name{
  font-family:var(--sans);
  font-size:1.04rem;
  font-weight:700;
  color:var(--navy);
  margin:0;
  line-height:1.35;
}
.tutoria-page .tu-ent-trigger__chev{
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  background:rgba(0, 55, 110, 0.06);
  color:var(--blue);
  transition:background 0.25s ease, color 0.25s ease;
}
.tutoria-page .tu-ent-trigger:not(.collapsed) .tu-ent-trigger__chev{
  background:rgba(201, 168, 76, 0.18);
  color:var(--navy);
}
.tutoria-page .tu-ent-body{
  padding:0 1.15rem 1.15rem;
  display:grid;
  gap:0.85rem;
}
.tutoria-page .tu-ent-body::before{
  content:"";
  display:block;
  height:1px;
  background:linear-gradient(90deg, rgba(13, 27, 42, 0.08), rgba(13, 27, 42, 0));
}
.tutoria-page .tu-ent-card__coord{
  font-size:0.88rem;
  color:#64748b;
  margin:0;
  line-height:1.5;
  text-align:left;
}
.tutoria-page .tu-ent-card__coord-name{
  color:var(--navy);
  font-weight:600;
}
.tutoria-page .tu-ent-body__mail{
  display:flex;
  width:100%;
  min-height:56px;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:0.75rem;
  padding:0.9rem 1rem;
  border-radius:16px;
  background:rgba(0, 55, 110, 0.05);
  border:1px solid rgba(13, 27, 42, 0.08);
  font-size:0.82rem;
  font-weight:600;
  color:var(--blue);
  text-decoration:none;
  transition:background 0.2s, border-color 0.2s, transform 0.2s ease;
  word-break:break-word;
  line-height:1.25;
}
.tutoria-page .tu-ent-body__mail span{
  flex:0 1 auto;
  display:block;
  width:100%;
  text-align:left;
  min-width:0;
}
.tutoria-page .tu-ent-body__mail:hover{
  background:rgba(201, 168, 76, 0.12);
  border-color:rgba(201, 168, 76, 0.4);
  color:var(--navy);
  transform:translateY(-1px);
}
@media (max-width: 767px){
  .tutoria-page .tu-ent-trigger{
    grid-template-columns:auto 72px minmax(0, 1fr);
    padding:1rem 1rem 1rem 1rem;
  }
  .tutoria-page .tu-ent-trigger__chev{
    position:absolute;
    right:0.9rem;
    bottom:0.9rem;
    width:38px;
    height:38px;
  }
  .tutoria-page .tu-ent-trigger__logo{
    min-height:68px;
    padding:0.65rem 0.75rem;
  }
  .tutoria-page .tu-ent-trigger__logo img{
    max-height:46px;
  }
  .tutoria-page .tu-ent-trigger__num{
    font-size:1.65rem;
  }
  .tutoria-page .tu-ent-body{
    padding:0 1rem 1rem;
  }
}
.tutoria-page #funciones.tu-s-func.iu-testimonios{
  position:relative;
  overflow:hidden;
  padding:var(--pad-band-t) 0 var(--pad-band-b);
  background-image:url('../img/tutorias/funciones-bg.jpg');
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
@media (max-width: 768px){
  .tutoria-page #funciones.tu-s-func.iu-testimonios{
    background-attachment:scroll;
  }
}
.tutoria-page #funciones.tu-s-func .tu-func-card{
  background:transparent;
  border:none;
  box-shadow:none;
  width:100%;
  max-width:280px;
  margin-left:auto;
  margin-right:auto;
  padding:0;
  overflow:visible;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0.85rem;
  box-sizing:border-box;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art{
  position:relative;
  flex:0 0 auto;
  width:min(100%, 272px);
  aspect-ratio:1;
  margin-bottom:0;
  min-height:0;
  border-radius:50%;
  overflow:hidden;
  border:1px solid rgba(255, 255, 255, 0.35);
  box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 24px 56px rgba(0, 0, 0, 0.2);
  background-color:#0a1f3d;
  background-size:contain;
  background-position:center;
  background-repeat:no-repeat;
  transition:transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art--1{
  background-image:url('../img/contenidos/tutoria/funcion-orientadora.png');
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art--2{
  background-image:url('../img/contenidos/tutoria/funcion-didactica.png');
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art--3{
  background-image:url('../img/contenidos/tutoria/funcion-enlace.png');
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art::before{
  content:none;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:50%;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0, 24, 51, 0.12) 0%, transparent 42%),
    linear-gradient(0deg, rgba(0, 24, 51, 0.5) 0%, transparent 55%);
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art-main{
  left:50%;
  top:50%;
  bottom:auto;
  right:auto;
  transform:translate(-50%, -50%);
  width:56px;
  height:56px;
  font-size:1.28rem;
  z-index:3;
  box-shadow:0 8px 20px rgba(0, 12, 30, 0.35);
  opacity:0;
  pointer-events:none;
  transition:opacity 0.32s ease;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art:hover .tu-func-card__art-main,
.tutoria-page #funciones.tu-s-func .tu-func-card--interactive:focus-within .tu-func-card__art-main{
  opacity:0.88;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__caption{
  margin:0;
  font-family:var(--slab);
  font-size:clamp(0.95rem, 2.2vw, 1.08rem);
  font-weight:600;
  color:#fff;
  text-align:center;
  line-height:1.25;
  text-shadow:0 1px 4px rgba(0, 12, 30, 0.35);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0.55rem;
  flex-wrap:wrap;
  max-width:18rem;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__caption-text{
  flex:1 1 auto;
  min-width:0;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  flex-shrink:0;
  font-family:var(--slab);
  font-size:1.28rem;
  font-weight:800;
  color:var(--navy);
  background:linear-gradient(145deg, var(--gold2), #f4d989);
  box-shadow:0 6px 18px rgba(0, 12, 30, 0.35), 0 0 0 3px rgba(255, 255, 255, 0.35);
}
.tutoria-page #funciones.tu-s-func .tu-func-card--interactive:hover{
  transform:none;
}
.tutoria-page #funciones.tu-s-func .tu-func-card__art:hover{
  transform:scale(1.04);
  box-shadow:0 1px 0 rgba(255, 255, 255, 0.55) inset, 0 32px 72px rgba(0, 0, 0, 0.28);
  border-color:rgba(255, 255, 255, 0.5);
}
.tutoria-page .tu-s-actores.proceso-actores-section{
  padding:var(--pad-section-tight) 0 56px;
}
.tutoria-page .tu-actores-intro{
  max-width:920px;
}
.tutoria-page .tu-actores-strip{
  align-items:stretch;
}
.tutoria-page .tu-participa-cards{
  align-items:stretch;
}
@media (max-width: 767px){
  .tutoria-page .tu-actores-strip{
    max-width:420px;
    margin:0 auto;
  }
  .tutoria-page .tu-participa-cards{
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
  }
}
.tutoria-page .tu-s-actores .actor-card,
.tutoria-page .tu-s-participa .actor-card{
  position:relative;
  max-width:none;
  margin:0;
  padding:0;
  text-align:left;
  border-radius:var(--r-2xl);
  border:1px solid rgba(13, 27, 42, 0.08);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.tutoria-page .tu-actor-card__media{
  position:relative;
  min-height:210px;
  background:linear-gradient(180deg, rgba(2, 30, 71, 0.08), rgba(2, 30, 71, 0.28));
}
.tutoria-page .tu-actor-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(5, 27, 52, 0.16) 0%, rgba(5, 27, 52, 0.04) 42%, rgba(255, 255, 255, 0.92) 100%);
  pointer-events:none;
}
.tutoria-page .tu-actor-card__image{
  width:100%;
  height:100%;
  min-height:210px;
  display:block;
  object-fit:cover;
}
.tutoria-page .tu-actor-card__body{
  position:relative;
  margin-top:-2.5rem;
  padding:0 1.5rem 1.75rem;
  z-index:1;
}
.tutoria-page .tu-s-actores .actor-card ul,
.tutoria-page .tu-s-participa .actor-card ul{
  margin:0;
  padding-left:1.2rem;
}
.tutoria-page .tu-s-actores .actor-card li + li,
.tutoria-page .tu-s-participa .actor-card li + li{
  margin-top:0.5rem;
}
.tutoria-page .tu-actor-card__num{
  position:absolute;
  top:1.1rem;
  right:1.2rem;
  font-family:var(--serif);
  font-size:2.9rem;
  font-weight:400;
  line-height:1;
  color:rgba(255, 255, 255, 0.74);
  text-shadow:0 10px 24px rgba(5, 27, 52, 0.22);
  pointer-events:none;
  user-select:none;
  z-index:2;
}
.tutoria-page .tu-s-actores .actor-card-icon,
.tutoria-page .tu-s-participa .actor-card-icon{
  width:72px;
  height:72px;
  margin:0 0 1rem;
  border:1px solid rgba(255, 255, 255, 0.75);
  background:linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(240, 244, 249, 0.82));
  box-shadow:0 18px 38px rgba(5, 27, 52, 0.12);
}
.tutoria-page .tu-s-actores .actor-card-title,
.tutoria-page .tu-s-actores .actor-card-text,
.tutoria-page .tu-s-participa .actor-card-title,
.tutoria-page .tu-s-participa .actor-card-text{
  text-align:left;
}
.tutoria-page .tu-s-actores .tu-actor-card--form .tu-actor-card__body,
.tutoria-page .tu-s-participa .tu-actor-card--form .tu-actor-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding-bottom:1.5rem;
}
.tutoria-page .tu-s-actores .tu-actor-checklist,
.tutoria-page .tu-s-participa .tu-actor-checklist{
  list-style:none;
  margin:0 0 1.1rem;
  padding:0;
}
.tutoria-page .tu-s-actores .tu-actor-checklist__item,
.tutoria-page .tu-s-participa .tu-actor-checklist__item{
  display:flex;
  gap:0.65rem;
  align-items:flex-start;
  text-align:left;
}
.tutoria-page .tu-s-actores .tu-actor-checklist__item + .tu-actor-checklist__item,
.tutoria-page .tu-s-participa .tu-actor-checklist__item + .tu-actor-checklist__item{
  margin-top:0.55rem;
}
.tutoria-page .tu-s-actores .tu-actor-checklist__ic,
.tutoria-page .tu-s-participa .tu-actor-checklist__ic{
  flex-shrink:0;
  width:1.15rem;
  height:1.15rem;
  margin-top:0.2rem;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.58rem;
}
.tutoria-page .tu-s-actores .tu-actor-checklist--gold .tu-actor-checklist__ic,
.tutoria-page .tu-s-participa .tu-actor-checklist--gold .tu-actor-checklist__ic{
  background:rgba(213, 159, 15, 0.18);
  color:var(--unam-oro);
}
.tutoria-page .tu-s-actores .tu-actor-checklist--blue .tu-actor-checklist__ic,
.tutoria-page .tu-s-participa .tu-actor-checklist--blue .tu-actor-checklist__ic{
  background:rgba(0, 51, 102, 0.12);
  color:var(--blue);
}
.tutoria-page .tu-s-actores .tu-actor-checklist__item .actor-card-text,
.tutoria-page .tu-s-participa .tu-actor-checklist__item .actor-card-text{
  flex:1;
}
.tutoria-page .tu-s-actores .tu-actor-card__cta,
.tutoria-page .tu-s-participa .tu-actor-card__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.5rem;
  width:100%;
  margin-top:auto;
  padding:0.78rem 1.1rem;
  border-radius:999px;
  font-family:var(--sans);
  font-size:0.92rem;
  font-weight:600;
  text-decoration:none;
  line-height:1.25;
  transition:transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.tutoria-page .tu-s-actores .tu-actor-card__cta--gold,
.tutoria-page .tu-s-participa .tu-actor-card__cta--gold{
  background:linear-gradient(180deg, #d9a514 0%, #c48f0c 100%);
  color:#fff;
  box-shadow:0 10px 28px rgba(196, 143, 12, 0.28);
}
.tutoria-page .tu-s-actores .tu-actor-card__cta--gold:hover,
.tutoria-page .tu-s-participa .tu-actor-card__cta--gold:hover{
  color:#fff;
  transform:translateY(-2px);
  filter:brightness(1.05);
  box-shadow:0 14px 34px rgba(196, 143, 12, 0.35);
}
.tutoria-page .tu-s-actores .tu-actor-card__cta--blue,
.tutoria-page .tu-s-participa .tu-actor-card__cta--blue{
  background:linear-gradient(180deg, var(--blue2) 0%, var(--blue) 100%);
  color:#fff;
  box-shadow:0 10px 28px rgba(0, 51, 102, 0.22);
}
.tutoria-page .tu-s-actores .tu-actor-card__cta--blue:hover,
.tutoria-page .tu-s-participa .tu-actor-card__cta--blue:hover{
  color:#fff;
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 14px 34px rgba(0, 51, 102, 0.3);
}
@media (max-width: 767px){
  .tutoria-page .tu-actor-card__media,
  .tutoria-page .tu-actor-card__image{
    min-height:190px;
  }
  .tutoria-page .tu-actor-card__body{
    margin-top:-2rem;
    padding:0 1.25rem 1.5rem;
  }
}
.tutoria-page #proceso.tu-s-proceso{
  padding:var(--pad-section-y-sm) 0 var(--pad-section-tight);
}
.tutoria-page .tu-proceso-shell{
  background:#fff;
  border:1px solid rgba(13, 27, 42, 0.08);
  border-radius:var(--r-2xl);
  padding:2.25rem 1.5rem 2rem;
  box-shadow:var(--shadow-ui-lg);
}
@media (min-width: 768px){
  .tutoria-page .tu-proceso-shell{
    padding:2.75rem 2.5rem 2.5rem;
  }
}
.tutoria-page .tu-proceso-track{
  list-style:none;
  margin:0;
  padding:0;
}
.tutoria-page .tu-proceso-step{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:1.25rem;
  padding:1.35rem 0;
  border-bottom:1px solid rgba(13, 27, 42, 0.08);
}
.tutoria-page .tu-proceso-step:last-child{
  border-bottom:none;
  padding-bottom:0;
}
.tutoria-page .tu-proceso-step__n{
  width:48px;
  height:48px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:var(--sans);
  font-size:1.1rem;
  font-weight:800;
  color:#fff;
  background:linear-gradient(145deg, var(--navy), var(--blue));
  box-shadow:0 8px 22px rgba(0, 55, 110, 0.28);
}
.tutoria-page .tu-proceso-step__h{
  font-family:var(--sans);
  font-size:1rem;
  font-weight:700;
  color:var(--navy);
  margin:0 0 0.4rem;
}
.tutoria-page .tu-proceso-step__body p{
  margin:0;
  font-size:0.9rem;
  line-height:1.72;
  color:#475569;
  text-align:left;
}
.tutoria-page .tu-proceso-step__body a{
  color:var(--blue);
  text-decoration:underline;
  text-underline-offset:3px;
}
.tutoria-page #participa.tu-s-participa{
  position:relative;
  padding:var(--pad-section-xl) 0 104px;
  overflow:hidden;
}
.tutoria-page #participa .wrap{
  position:relative;
  z-index:1;
}
.tutoria-page #participa.norma-sec .tu-participa-hero{
  margin-bottom:2.5rem;
}
.tutoria-page #participa.norma-sec .tu-participa-hero .tu-sec-head__title{
  color:var(--navy);
}
.tutoria-page #participa.norma-sec .tu-participa-hero .tu-sec-head__title em{
  color:var(--unam-azul);
}
.tutoria-page .tu-participa-panel{
  height:100%;
  background:rgba(255, 255, 255, 0.96);
  border-radius:var(--r-2xl);
  padding:1.75rem 1.5rem 1.5rem;
  box-shadow:var(--shadow-ui-lg);
  display:flex;
  flex-direction:column;
  border:1px solid rgba(255, 255, 255, 0.35);
}
.tutoria-page .tu-participa-panel__title{
  font-size:clamp(1.08rem, 2vw, 1.22rem);
  font-weight:700;
  color:var(--navy);
  margin-bottom:1rem;
  line-height:1.25;
}
.tutoria-page .tu-participa-panel__body p{
  color:#3d4750;
  font-size:0.95rem;
  line-height:1.7;
  margin-bottom:1rem;
}
.tutoria-page .tu-participa-panel__body p:last-child{
  margin-bottom:0;
}
.tutoria-page .btn-participa-azul{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.6rem;
  width:100%;
  margin-top:auto;
  padding:0.85rem 1.25rem;
  border-radius:50px;
  font-family:var(--sans);
  font-size:0.95rem;
  font-weight:700;
  text-decoration:none;
  background:var(--gold);
  color:var(--navy);
  border:none;
  transition:background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.tutoria-page .btn-participa-azul:hover{
  background:var(--gold2);
  color:var(--navy);
  transform:translateY(-2px);
  box-shadow:0 12px 36px rgba(201, 168, 76, 0.28);
}
.tutoria-page .btn-participa-azul--ghost{
  background:#fff;
  border:1px solid rgba(13, 27, 42, 0.2);
}
.tutoria-page .btn-participa-azul--ghost:hover{
  border-color:var(--gold);
  background:rgba(201, 168, 76, 0.12);
  box-shadow:0 8px 28px rgba(13, 27, 42, 0.08);
}
.tutoria-page #casos-exito.tu-s-casos{
  padding:var(--pad-section-xl) 0 var(--pad-band-t);
}
.tutoria-page .tu-casos-placeholder{
  max-width:640px;
  margin:0 auto;
  text-align:center;
  padding:2.5rem 1.75rem;
  background:rgba(255, 255, 255, 0.9);
  border:1px solid rgba(13, 27, 42, 0.1);
  border-radius:var(--r-lg);
  box-shadow:0 8px 32px rgba(13, 27, 42, 0.06);
}
.tutoria-page .tu-casos-placeholder__text{
  font-family:var(--sans);
  font-size:clamp(1.05rem, 2.5vw, 1.25rem);
  font-weight:600;
  color:var(--muted);
  letter-spacing:0.02em;
}
.tutoria-page .tu-casos-grid{
  --tu-casos-circle-size:72px;
}
.tutoria-page .tu-casos-trigger__chev{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:rgba(201, 168, 76, 0.14);
  color:#c29634;
  font-size:0.85rem;
  transition:transform 0.25s ease, background 0.25s ease;
}
.tutoria-page .tu-casos-trigger:not(.collapsed) .tu-casos-trigger__chev{
  background:#c29634;
  color:#fff;
  transform:rotate(90deg);
}
.tutoria-page .tu-casos-body{
  padding:1.25rem 1.25rem 1.5rem;
}
.tutoria-page .tu-casos-videos{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:0.75rem;
  justify-items:center;
}
.tutoria-page .tu-casos-video{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0.4rem;
  max-width:100%;
}
.tutoria-page .tu-casos-video__circle{
  position:relative;
  width:var(--tu-casos-circle-size);
  height:var(--tu-casos-circle-size);
  border-radius:50%;
  border:2px solid rgba(201, 168, 76, 0.35);
  background:linear-gradient(135deg, rgba(201, 168, 76, 0.12), rgba(13, 27, 42, 0.08));
  padding:0;
  overflow:hidden;
  cursor:pointer;
  transition:transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  box-shadow:0 6px 18px rgba(13, 27, 42, 0.08);
}
.tutoria-page .tu-casos-video__circle:disabled{
  cursor:not-allowed;
  opacity:0.85;
}
.tutoria-page .tu-casos-video__circle:not(:disabled):hover,
.tutoria-page .tu-casos-video__circle:not(:disabled):focus-visible{
  transform:translateY(-2px);
  border-color:#c29634;
  box-shadow:0 10px 24px rgba(13, 27, 42, 0.16);
  outline:none;
}
.tutoria-page .tu-casos-video__circle img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.tutoria-page .tu-casos-video__circle img[src=""],
.tutoria-page .tu-casos-video__circle img:not([src]){
  opacity:0;
}
.tutoria-page .tu-casos-video__play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#c29634;
  font-size:1.1rem;
  background:rgba(255, 255, 255, 0.35);
  transition:background 0.25s ease, color 0.25s ease;
}
.tutoria-page .tu-casos-video__circle:not(:disabled):hover .tu-casos-video__play,
.tutoria-page .tu-casos-video__circle:not(:disabled):focus-visible .tu-casos-video__play{
  background:rgba(13, 27, 42, 0.45);
  color:#fff;
}
.tutoria-page .tu-casos-video__role{
  font-family:var(--sans);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:#c29634;
  line-height:1.1;
}
.tutoria-page .tu-casos-video__name{
  font-family:var(--sans);
  font-size:0.78rem;
  font-weight:500;
  color:var(--muted);
  line-height:1.2;
  max-width:9ch;
  overflow-wrap:anywhere;
}
@media (max-width: 768px){
  .tutoria-page .tu-casos-grid{
    --tu-casos-circle-size:64px;
  }
  .tutoria-page .tu-casos-videos{
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:0.5rem;
  }
  .tutoria-page .tu-casos-video__name{
    font-size:0.72rem;
  }
}
@media (max-width: 480px){
  .tutoria-page .tu-casos-grid{
    --tu-casos-circle-size:58px;
  }
  .tutoria-page .tu-casos-video__role{
    font-size:0.65rem;
  }
  .tutoria-page .tu-casos-video__name{
    font-size:0.68rem;
  }
}
.tutoria-page #repositorio.tu-s-repo.iu-testimonios{
  position:relative;
  overflow:hidden;
  padding:var(--pad-band-t) 0 var(--pad-band-b);
  background:url('https://upload.wikimedia.org/wikipedia/commons/3/33/Central_Library_UNAM_2022.jpg') center center / cover no-repeat;
  background-attachment:fixed;
}
@media (max-width: 768px){
  .tutoria-page #repositorio.tu-s-repo.iu-testimonios{
    background-attachment:scroll;
  }
}
.tutoria-page .tu-repo-shell{
  background:rgba(255, 255, 255, 0.06);
  border:1px solid rgba(255, 255, 255, 0.12);
  border-radius:var(--r-2xl);
  padding:1.75rem 1.25rem 2rem;
  backdrop-filter:blur(8px);
}
@media (min-width: 768px){
  .tutoria-page .tu-repo-shell{
    padding:2rem 2rem 2.25rem;
  }
}
.tutoria-page .tu-repo-tabs{
  justify-content:center;
  gap:0.5rem;
  margin-bottom:1.75rem;
  padding-bottom:0;
  border-bottom:none;
}
.tutoria-page .tu-repo-tab{
  border-radius:12px;
  padding:0.65rem 1.1rem;
  font-size:0.8rem;
  background:rgba(255, 255, 255, 0.08);
  border:1px solid rgba(255, 255, 255, 0.2);
  color:rgba(255, 255, 255, 0.92);
}
.tutoria-page .tu-repo-tab:hover{
  background:rgba(255, 255, 255, 0.14);
  border-color:rgba(255, 255, 255, 0.35);
  color:#fff;
}
.tutoria-page .tu-repo-tab.active{
  background:#fff;
  color:var(--navy);
  border-color:#fff;
  font-weight:700;
}
.tutoria-page .tu-repo-tab i{
  opacity:0.85;
}
.tutoria-page .tu-recursos-tab-intro{
  color:rgba(255, 255, 255, 0.88);
  text-align:center;
  max-width:640px;
  margin-left:auto;
  margin-right:auto;
  font-size:0.98rem;
  line-height:1.65;
}
.tutoria-page .tu-recursos-tab-sub{
  color:rgba(255, 255, 255, 0.92);
  text-align:center;
  font-weight:600;
  font-size:0.9rem;
}
.tutoria-page .tu-recursos-tab-empty{
  text-align:center;
  color:rgba(255, 255, 255, 0.45);
  font-size:1.35rem;
  padding:2rem 1rem;
}

.tutoria-page #curso-introduccion.tu-s-curso-cta{
  padding:56px 0 var(--pad-section-y-lg);
}
.tutoria-page #fechas.tu-s-fechas{
  padding:var(--pad-band-t) 0 var(--pad-band-b);
  border-top:none;
}
.tutoria-page #fechas .wrap.iu-testimonios-content{
  position:relative;
  z-index:2;
}
.tutoria-page .tu-fechas-board{
  max-width:860px;
  margin:0 auto;
  padding:1.75rem 1.5rem;
  border:1px solid rgba(255,255,255,0.14);
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(229,193,102,0.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.04));
  box-shadow:0 24px 60px rgba(5, 18, 44, 0.2);
  backdrop-filter:blur(10px);
  text-align:center;
}
.tutoria-page .tu-fechas-copy{
  max-width:560px;
  margin:0 auto 1.25rem;
  text-align:center;
}
.tutoria-page .tu-fechas-copy__title{
  color:#fff;
  margin-bottom:0.7rem;
  text-align:center;
}
.tutoria-page .tu-fechas-copy__title em{
  color:var(--gold2);
}
.tutoria-page .tu-fechas-copy__text{
  color:rgba(255,255,255,0.8);
  font-size:0.98rem;
  line-height:1.65;
  margin-bottom:0;
  text-align:center;
}
.tutoria-page .tu-fechas-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
}
.tutoria-page .tu-fechas-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:64px;
  padding:0.95rem 1.2rem;
  border:1px solid rgba(255,255,255,0.16);
  border-radius:999px;
  background:rgba(255,255,255,0.1);
  color:#fff;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.35;
  box-shadow:0 12px 28px rgba(6, 18, 46, 0.14);
}
@media (max-width: 767px){
  .tutoria-page .tu-fechas-board{
    padding:1.25rem;
    border-radius:24px;
  }
  .tutoria-page .tu-fechas-list{
    gap:0.75rem;
  }
  .tutoria-page .tu-fechas-pill{
    width:100%;
  }
}

.tutoria-page #estadisticas.tu-s-stats{
  padding:var(--pad-section-xl) 0;
}
.tutoria-page .tu-stats-board{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2rem 2.5rem;
  align-items:center;
}
@media (max-width: 991px){
  .tutoria-page .tu-stats-board{
    grid-template-columns:1fr;
  }
}
.tutoria-page .tu-stats-copy__title{
  margin-bottom:1rem;
}

.tutoria-page #faq.tu-s-faq{
  padding:var(--pad-section-tight) 0 var(--pad-section-xl);
}
.tutoria-page .tu-faq-wrap{
  max-width:860px;
  margin:0 auto;
}


/* === Micrositio Tutoría (antes: tutoria-micrositio.css) === */
/* Micrositio Tutoría - menu Bootstrap simple y sticky */
.tu-micrositio-page .tu-ms-main{ margin:0; padding:0; background:#fff; }
.tu-micrositio-page .oferta-hero.suayed-page-hero + .tu-ms-main{ margin-top:0; }

.tu-ms-tabs-strip{
  --tu-ms-sticky-top:76px;
  position:sticky;
  top:calc(var(--tu-ms-sticky-top) + env(safe-area-inset-top, 0px));
  z-index:1035;
  padding-top:8px;
  margin-bottom:14px;
}

.tu-ms-tabs-wrap.tu-ms-navbar{
  max-width:100%;
  border:1px solid rgba(203,213,225,.65);
  border-radius:14px;
  background:rgba(248,250,252,.95);
  box-shadow:0 8px 22px rgba(15,23,42,.10);
  padding:8px;
}

.tu-ms-tabs-strip.is-sticky-active .tu-ms-tabs-wrap.tu-ms-navbar{
  box-shadow:0 12px 28px rgba(15,23,42,.14);
}

.tu-ms-toggler.navbar-toggler{
  border:1px solid rgba(148,163,184,.5);
  border-radius:10px;
  padding:6px 10px;
  background:#fff;
}

.tu-ms-toggler:focus{ box-shadow:0 0 0 .2rem rgba(13,110,253,.2); }

.tu-ms-collapse{ width:100%; }

.tu-ms-tabs.se-tabs{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  background:transparent;
  border:none;
  box-shadow:none;
}

.tu-ms-tabs .nav-item{ margin:0; }

.tu-ms-tabs .se-tab{
  border:1px solid rgba(203,213,225,.75);
  background:#fff;
  color:#1f2937;
  font-size:14px;
  font-weight:700;
  line-height:1;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:background-color .16s ease, color .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.tu-ms-tabs .se-tab i{ font-size:13px; opacity:.9; }

.tu-ms-tabs .se-tab:hover,
.tu-ms-tabs .se-tab:focus-visible{
  background:#f1f5f9;
  border-color:#cbd5e1;
  color:#0f172a;
}

.tu-ms-tabs .se-tab.active{
  color:#fff;
  border-color:transparent;
  background:linear-gradient(160deg,#0a4b8f 0%,#00376e 100%);
  box-shadow:0 6px 14px rgba(0,55,110,.26);
}

.tu-ms-tabs .se-tab span{ white-space:nowrap; }

.tu-ms-tabs .se-tab:focus-visible,
.tu-ms-subnav-dd__menu .dropdown-item:focus-visible{
  outline:2px solid #0d6efd;
  outline-offset:2px;
}

/* Responsive bootstrap collapse */
@media (max-width:991.98px){
  .tu-ms-tabs-strip{ --tu-ms-sticky-top:62px; padding-top:4px; margin-bottom:10px; }

  .tu-ms-tabs-wrap.tu-ms-navbar{
    border-radius:12px;
    padding:6px;
  }

  .tu-ms-collapse{
    margin-top:8px;
    border-top:1px solid rgba(203,213,225,.65);
    padding-top:8px;
  }

  .tu-ms-tabs{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    max-width:100%;
    gap:6px;
  }

  .tu-ms-tabs .nav-item,
  .tu-ms-tabs .se-tab{
    width:100%;
  }

  .tu-ms-tabs .se-tab{
    justify-content:flex-start;
    min-height:42px;
    padding:10px 12px;
    font-size:13px;
  }
}

@media (max-width:480px){
  .tu-ms-tabs .se-tab{
    font-size:12px;
    min-height:40px;
    padding:9px 11px;
  }
}

@media (prefers-reduced-motion: reduce){
  .tu-ms-tabs-wrap,
  .tu-ms-tabs .se-tab{ transition:none !important; }
}


/* Mantener layout original de secciones */
.tu-micrositio-page .tu-ms-tab-content.se-tab-content{
  padding:0;
  margin:0;
}

.tu-micrositio-page .tu-ms-tab-content.se-tab-content .tab-pane{
  padding-top:0;
  padding-bottom:0;
  overflow:visible;
}

@media (max-width:768px){
  .tu-micrositio-page .tu-ms-tab-content.se-tab-content .tab-pane{
    padding-bottom:0;
  }
}

/* Segmentos */
.tu-ms-tabs > .nav-item{
  border-left:1px solid rgba(148, 163, 184, 0.24);
}

.tu-ms-tabs > .nav-item:first-child{
  border-left:none;
}

.tu-ms-tabs .nav-item.tu-ms-tab-split-wrap{
  display:flex;
  align-items:stretch;
}

.tu-ms-tab-split.btn-group{
  position:relative;
  z-index:2;
  gap:0;
  border:none;
  border-radius:999px;
  overflow:visible;
}

.tu-ms-tabs .se-tab{
  border:none;
  background:transparent;
  color:#1f2937;
  font-size:14px;
  font-weight:700;
  line-height:1;
  padding:12px 16px;
  min-height:44px;
  border-radius:999px;
  transition:background-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.tu-ms-tabs .se-tab i{
  font-size:13px;
  opacity:.9;
}

.tu-ms-tabs .se-tab:hover,
.tu-ms-tabs .se-tab:focus-visible{
  background:rgba(255,255,255,.78);
  color:#0f172a;
}

.tu-ms-tabs .se-tab.active{
  color:#fff;
  background:linear-gradient(160deg, #0a4b8f 0%, #00376e 100%);
  box-shadow:0 6px 14px rgba(0,55,110,.26);
}

.tu-ms-tabs .se-tab span{
  max-width:170px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.tu-ms-tab-split > .nav-link.se-tab:first-of-type{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
  padding-right:10px;
}

.tu-ms-tab-caret.se-tab{
  min-width:34px;
  padding:12px 10px;
  min-height:44px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
  border-left:1px solid rgba(148, 163, 184, 0.35) !important;
  color:#475569;
}

.tu-ms-tab-caret.dropdown-toggle::after,
.tu-ms-tab-caret.dropdown-toggle-split::after{
  display:none !important;
}

.tu-ms-dd-chevron{
  font-size:11px;
  opacity:.9;
  transition:opacity .15s ease, transform .15s ease;
}

.tu-ms-tab-caret.se-tab.show .tu-ms-dd-chevron{
  transform:scale(1.08);
}

.tu-ms-tab-split:has(.nav-link.se-tab.active) .tu-ms-tab-caret.se-tab{
  color:#dbeafe;
  background:linear-gradient(160deg, #0a4b8f 0%, #00376e 100%);
  border-left-color:rgba(255,255,255,.28) !important;
  box-shadow:0 6px 14px rgba(0,55,110,.26);
}

/* Focus accesible */
.tu-ms-tabs .se-tab:focus-visible,
.tu-ms-subnav-dd__menu .dropdown-item:focus-visible{
  outline:2px solid #0d6efd;
  outline-offset:2px;
}

/* Menús */
.tu-micrositio-page .tu-ms-tab-split .tu-ms-subnav-dd__menu.dropdown-menu{
  position:absolute !important;
  left:0 !important;
  right:auto !important;
  top:100% !important;
  inset:auto !important;
  transform:none !important;
  margin-top:.5rem !important;
  min-width:min(100vw - 48px, 320px);
  max-width:min(100vw - 32px, 440px);
  max-height:min(70vh, 420px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  padding:8px;
  border:1px solid rgba(148, 163, 184, 0.35);
  border-radius:16px;
  background:#fff;
  box-shadow:0 16px 36px rgba(15,23,42,.16);
  z-index:1060;
}

.tu-micrositio-page .tu-ms-tab-split .tu-ms-subnav-dd__menu.dropdown-menu::-webkit-scrollbar{
  width:8px;
}

.tu-micrositio-page .tu-ms-tab-split .tu-ms-subnav-dd__menu.dropdown-menu::-webkit-scrollbar-thumb{
  background:rgba(148, 163, 184, 0.55);
  border-radius:999px;
}

.tu-ms-subnav-dd__menu .dropdown-item{
  font-size:14px;
  font-weight:600;
  color:#334155;
  padding:10px 12px;
  border-radius:10px;
  white-space:normal;
  line-height:1.35;
}

.tu-ms-subnav-dd__menu .dropdown-item + .dropdown-item{
  margin-top:2px;
}

.tu-ms-subnav-dd__menu .dropdown-item:hover,
.tu-ms-subnav-dd__menu .dropdown-item:focus{
  color:#0f172a;
  background:#eef2f7;
}

.tu-ms-subnav-dd__menu .dropdown-item:active{
  background:#e2e8f0;
}

/* Móvil */
@media (max-width:1024px){
  .tu-ms-tabs .se-tab span{
    max-width:120px;
  }
}

@media (max-width:991px){
  .tu-ms-tabs-strip{
    --tu-ms-sticky-top: 62px;
    padding-top:4px;
    margin-bottom:10px;
  }

  .tu-ms-tabs-wrap{
    margin-left:-6px;
    margin-right:-6px;
    padding:6px;
    border-radius:14px;
  }

  .tu-micrositio-page .tu-ms-tabs.se-tabs{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    width:max-content !important;
    max-width:none !important;
    min-width:100% !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding-bottom:2px;
  }

  .tu-ms-tabs > .nav-item{
    border-left:none;
    flex-shrink:0;
    margin-right:6px;
  }

  .tu-ms-tabs .se-tab{
    font-size:12px;
    padding:9px 12px;
    min-height:42px;
    background:rgba(255,255,255,.65);
    border:1px solid rgba(203,213,225,.75);
  }

  .tu-ms-tab-caret.se-tab{
    min-width:30px;
    padding:9px 8px;
    min-height:42px;
  }
}

@media (max-width:640px){
  .tu-ms-tabs-wrap{
    border-radius:12px;
    padding:5px;
  }

  .tu-ms-tabs .se-tab{
    font-size:11px;
    padding:8px 10px;
    min-height:40px;
  }

  .tu-ms-tab-caret.se-tab{
    min-width:28px;
    padding:8px 7px;
    min-height:40px;
  }

  .tu-micrositio-page .tu-ms-tab-split .tu-ms-subnav-dd__menu.dropdown-menu{
    min-width:min(100vw - 24px, 300px);
    max-width:min(100vw - 16px, 360px);
    max-height:min(68vh, 360px);
  }
}

@media (max-width:390px){
  .tu-ms-tabs-strip{
    --tu-ms-sticky-top: 56px;
  }

  .tu-ms-tabs .se-tab i{
    font-size:12px;
  }

  .tu-ms-tabs .se-tab span{
    max-width:92px;
  }
}

@media (orientation: landscape) and (max-height: 520px){
  .tu-ms-tabs-strip{
    --tu-ms-sticky-top: 52px;
  }

  .tu-micrositio-page .tu-ms-tab-split .tu-ms-subnav-dd__menu.dropdown-menu{
    max-height:58vh;
  }
}

@supports not ((backdrop-filter: blur(2px))){
  .tu-ms-tabs-wrap{
    background:#f8fafc;
  }
}

@media (prefers-reduced-motion: reduce){
  .tu-ms-tabs-wrap,
  .tu-ms-tabs .se-tab,
  .tu-ms-dd-chevron,
  .tu-ms-subnav-dd__menu .dropdown-item{
    transition:none !important;
  }
}

/* Barra principal cargada desde nav-tutoria.html: home + ítems centrados en conjunto (desktop) */
@media (min-width: 992px){
  .tutoria-page .suayed-nav .nav-tutoria-bottom{
    justify-content:center;
  }
  .tutoria-page .suayed-nav .nav-tutoria-bottom #navMenuWrap.navbar-collapse{
    flex:0 1 auto !important;
    justify-content:center !important;
  }
  .tutoria-page .suayed-nav .nav-tutoria-bottom .nav-menu.navbar-nav{
    justify-content:center;
    padding-left:16px;
    padding-right:16px;
  }
  .tutoria-page .suayed-nav .nav-tutoria-bottom .nav-menu.me-auto{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}