/* Mundo Detalles — testimonios reales de Instagram para Cursos */
.course-instagram-stories{
  padding:58px 0 68px;
  background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);
  overflow:hidden;
}
.course-instagram-head{
  max-width:760px;
  margin:0 auto 28px;
  text-align:center;
}
.course-instagram-head h2{
  margin:8px 0 10px;
  color:#0a3278;
  font-size:clamp(2rem,3.4vw,3.35rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.course-instagram-head p{
  margin:0;
  color:#68768b;
  font-size:.96rem;
  line-height:1.55;
}
.course-instagram-marquee{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:8px 0 18px;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);
}
.course-instagram-track{
  display:flex;
  align-items:stretch;
  gap:16px;
  width:max-content;
  will-change:transform;
  animation:courseInstagramMarquee 72s linear infinite;
}
.course-instagram-set{
  display:flex;
  align-items:stretch;
  gap:16px;
}
.course-instagram-marquee:hover .course-instagram-track,
.course-instagram-marquee:focus-within .course-instagram-track{
  animation-play-state:paused;
}
.course-instagram-card{
  flex:0 0 370px;
  width:370px;
  min-height:225px;
  display:flex;
  flex-direction:column;
  padding:22px;
  border-radius:24px;
  border:1px solid #e4ecf6;
  background:rgba(255,255,255,.96);
  box-shadow:0 14px 36px rgba(20,67,123,.09);
  color:inherit;
  text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.course-instagram-card:hover,
.course-instagram-card:focus-visible{
  transform:translateY(-5px);
  box-shadow:0 20px 44px rgba(20,67,123,.14);
  border-color:#cdddf0;
  outline:none;
}
.course-instagram-user{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:15px;
}
.course-instagram-avatar{
  flex:0 0 43px;
  width:43px;
  height:43px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,#7b50ef 0%,#e54a8d 52%,#f4a941 100%);
  box-shadow:0 7px 18px rgba(151,68,174,.2);
}
.course-instagram-avatar svg{
  width:21px;
  height:21px;
  display:block;
}
.course-instagram-user strong{
  display:block;
  color:#0d377a;
  font-size:.92rem;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.course-instagram-user small{
  display:block;
  margin-top:3px;
  color:#8a97a9;
  font-size:.7rem;
  font-weight:700;
}
.course-instagram-card p{
  margin:0;
  color:#53657d;
  font-size:.88rem;
  line-height:1.55;
  flex:1;
}
.course-instagram-open{
  display:inline-flex;
  align-items:center;
  margin-top:16px;
  color:#1167ca;
  font-size:.76rem;
  font-weight:900;
}
.course-instagram-note{
  margin:4px auto 0;
  text-align:center;
  color:#8b97a8;
  font-size:.72rem;
}
@keyframes courseInstagramMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(calc(-50% - 8px),0,0)}
}
@media(max-width:840px){
  .course-instagram-stories{padding:48px 0 56px}
  .course-instagram-head{margin-bottom:22px}
  .course-instagram-card{flex-basis:330px;width:330px;min-height:215px}
}
@media(max-width:570px){
  .course-instagram-stories{padding:40px 0 46px}
  .course-instagram-head{text-align:left;margin-bottom:18px}
  .course-instagram-head h2{font-size:clamp(2rem,10vw,2.7rem)}
  .course-instagram-marquee{
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    -webkit-mask-image:none;
    mask-image:none;
    margin-inline:-13px;
    width:calc(100% + 26px);
    padding-inline:13px;
    scrollbar-width:none;
  }
  .course-instagram-marquee::-webkit-scrollbar{display:none}
  .course-instagram-track{animation:none;gap:13px}
  .course-instagram-set{gap:13px}
  .course-instagram-set--clone{display:none}
  .course-instagram-card{
    flex-basis:min(84vw,330px);
    width:min(84vw,330px);
    min-height:220px;
    scroll-snap-align:start;
  }
  .course-instagram-note{text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .course-instagram-marquee{
    overflow-x:auto;
    -webkit-mask-image:none;
    mask-image:none;
    scrollbar-width:none;
  }
  .course-instagram-marquee::-webkit-scrollbar{display:none}
  .course-instagram-track{animation:none}
  .course-instagram-set--clone{display:none}
}