/* Dirección visual de Teoría Musical en vivo. Solo esta landing; no toca el CRM ni Campus. */
main.eoacs-course:has(.hero-theory) {
  --eoacs-navy: #17283c;
  --eoacs-ink: #213047;
  --eoacs-coral: #c93750;
  --eoacs-paper: #f7f4ef;
  --eoacs-line: #e4e1dc;
  --eoacs-muted: #586577;
  color: var(--eoacs-ink);
  background: var(--eoacs-paper);
}
main.eoacs-course:has(.hero-theory) .section {
  padding-block: clamp(72px, 8vw, 108px);
}
main.eoacs-course:has(.hero-theory) .section.tight {
  padding-block: clamp(60px, 6vw, 80px);
}
main.eoacs-course:has(.hero-theory) .split-head {
  align-items: end;
  gap: 28px;
  margin-bottom: clamp(28px, 4vw, 42px);
}
main.eoacs-course:has(.hero-theory) .split-head h2,
main.eoacs-course:has(.hero-theory) .learn-copy h2 {
  max-width: 690px;
  margin-bottom: 0;
  font-size: clamp(2.15rem, 3.6vw, 3.4rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  text-wrap: balance;
}
main.eoacs-course:has(.hero-theory) .split-head .lead {
  max-width: 390px;
  color: var(--eoacs-muted);
  font-size: clamp(1rem, 1.25vw, 1.1rem);
  line-height: 1.58;
}
main.eoacs-course:has(.hero-theory) .eyebrow {
  gap: 10px;
  color: var(--eoacs-coral);
  font-size: 11px;
  letter-spacing: .13em;
}
main.eoacs-course:has(.hero-theory) .eyebrow::before {
  width: 26px;
  height: 2px;
  background: currentColor;
}

/* Hero de marca: alto contraste, una pieza visual y detalles musicales discretos. */
main.eoacs-course:has(.hero-theory) .hero.hero-theory {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: block;
  min-height: 0;
  padding: clamp(72px, 7.5vw, 114px) 0 clamp(68px, 7vw, 104px);
  color: #fff;
  background: radial-gradient(circle at 81% 18%, rgba(79,114,151,.36), transparent 37%), linear-gradient(135deg, #101c2e 0%, #182d45 64%, #213a55 100%);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory::before,
main.eoacs-course:has(.hero-theory) .hero.hero-theory::after {
  display: block;
  content: '';
  position: absolute;
  pointer-events: none;
  z-index: 0;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory::before {
  inset: 0;
  background: repeating-linear-gradient(0deg, transparent 0 22px, rgba(255,255,255,.055) 22px 23px, transparent 23px 44px);
  opacity: .7;
  mask-image: linear-gradient(90deg, transparent 25%, #000 100%);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory::after {
  right: -11vw;
  top: -17vw;
  width: 49vw;
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 50%;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .wrap {
  position: relative;
  z-index: 1;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-grid {
  grid-template-columns: minmax(0, .98fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(44px, 6vw, 90px);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .eyebrow {
  color: #ff8594;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory h1 {
  max-width: 660px;
  margin: 18px 0 18px;
  color: #fff;
  font-size: clamp(3.05rem, 5.4vw, 5.4rem);
  line-height: .99;
  letter-spacing: -.055em;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-promise {
  max-width: 620px;
  margin: 0 0 18px;
  color: #f7f8fb;
  font-size: clamp(1.5rem, 2.35vw, 2.25rem);
  font-weight: 730;
  line-height: 1.18;
  letter-spacing: -.035em;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .lead {
  max-width: 570px;
  margin-bottom: 0;
  color: #d2dce6;
  font-size: 1.08rem;
  line-height: 1.65;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions {
  margin-top: 28px;
  gap: 12px;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions .btn {
  min-height: 52px;
  border-radius: 10px;
  background: #df4e64;
  border-color: #df4e64;
  color: #fff;
  box-shadow: 0 12px 30px rgba(5,13,25,.26);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions .btn.ghost {
  background: transparent;
  border: 1px solid rgba(255,255,255,.52);
  color: #fff;
  box-shadow: none;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions .btn:hover,
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions .btn:focus-visible {
  transform: none;
  filter: brightness(.93);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-visual {
  position: relative;
  display: block;
  min-height: 0;
  margin: 0;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-visual::before {
  content: '';
  position: absolute;
  inset: 24px -19px -19px 24px;
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 20px;
  background: rgba(255,255,255,.045);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-mini-grid,
main.eoacs-course:has(.hero-theory) .hero.hero-theory .route-card {
  display: none;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-card {
  position: relative;
  min-height: 0;
  margin: 0;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 32px 75px rgba(0, 10, 24, .37);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-card::after {
  display: none;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-card img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  filter: none;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-card figcaption {
  position: relative;
  padding: 24px 26px 27px;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-badge {
  position: static;
  padding: 0;
  margin-bottom: 12px;
  background: transparent;
  color: var(--eoacs-coral);
  font-size: 11px;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-badge::before {
  background: var(--eoacs-coral);
  box-shadow: 0 0 0 4px rgba(201, 55, 80, .12);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-copy {
  position: static;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-copy strong {
  max-width: 24ch;
  margin-bottom: 8px;
  color: var(--eoacs-navy);
  font-size: clamp(1.4rem, 2.15vw, 2rem);
  line-height: 1.15;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .theory-live-copy span {
  color: var(--eoacs-muted);
  font-size: .93rem;
  line-height: 1.5;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 38px;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,.24);
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal {
  min-height: 0;
  padding: 0 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal:first-child { padding-left: 0; }
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal + .signal { border-left: 1px solid rgba(255,255,255,.18); }
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal strong {
  color: #fff;
  font-size: .89rem;
}
main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal span {
  color: #c9d5e0;
  font-size: .82rem;
  line-height: 1.45;
}

/* Ritmo editorial: una tarjeta acentuada y experiencias con espacio para respirar. */
main.eoacs-course:has(.hero-theory) #perfil { background: #fff; }
main.eoacs-course:has(.hero-theory) #perfil .profile-grid { gap: 16px; }
main.eoacs-course:has(.hero-theory) #perfil .profile-card,
main.eoacs-course:has(.hero-theory) #perfil .profile-card.dark {
  min-height: 0;
  padding: 32px;
  border: 1px solid var(--eoacs-line);
  border-radius: 17px;
  background: #fbfaf8;
  color: var(--eoacs-ink);
  box-shadow: none;
}
main.eoacs-course:has(.hero-theory) #perfil .profile-card:first-child {
  border-color: #213b56;
  background: linear-gradient(145deg, #182a40, #29445f);
  box-shadow: 0 18px 36px rgba(23,40,60,.16);
}
main.eoacs-course:has(.hero-theory) #perfil .profile-card:first-child h3,
main.eoacs-course:has(.hero-theory) #perfil .profile-card:first-child strong { color: #fff; }
main.eoacs-course:has(.hero-theory) #perfil .profile-card:first-child p { color: #d8e0e8; }
main.eoacs-course:has(.hero-theory) #perfil .profile-card::before { height: 2px; }
main.eoacs-course:has(.hero-theory) #perfil .profile-card.dark p,
main.eoacs-course:has(.hero-theory) #perfil .profile-card p { color: var(--eoacs-muted); }
main.eoacs-course:has(.hero-theory) #perfil .profile-card:first-child p { color: #d8e0e8; }
main.eoacs-course:has(.hero-theory) #perfil .profile-card .num { margin-bottom: 22px; }

main.eoacs-course:has(.hero-theory) #aprendizaje { background: var(--eoacs-paper); }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-panel {
  grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
  gap: clamp(25px, 4vw, 55px);
  align-items: center;
}
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-copy {
  padding: clamp(30px, 3vw, 48px);
  border-radius: 19px;
  background: linear-gradient(155deg, #1b3048, #142337);
  color: #fff;
  box-shadow: 0 20px 42px rgba(23,40,60,.16);
}
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-copy h2 { color: #fff; }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-copy p { color: #d9e1ea; line-height: 1.65; }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-copy .eyebrow { color: #ff8998; }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-grid { gap: 12px; }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-card {
  min-height: 126px;
  padding: 23px;
  border: 1px solid var(--eoacs-line);
  border-left: 3px solid #da6074;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(23,40,60,.045);
}
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-card strong { color: var(--eoacs-navy); }
main.eoacs-course:has(.hero-theory) #aprendizaje .learn-card span { color: var(--eoacs-muted); }

main.eoacs-course:has(.hero-theory) #temario.section.dark {
  overflow: visible;
  background: #fff;
  color: var(--eoacs-ink);
}
main.eoacs-course:has(.hero-theory) #temario h2 { color: var(--eoacs-navy); }
main.eoacs-course:has(.hero-theory) #temario .lead { color: var(--eoacs-muted); }
main.eoacs-course:has(.hero-theory) #temario .module-grid { gap: 15px; }
main.eoacs-course:has(.hero-theory) #temario .module {
  min-height: 0;
  padding: 27px;
  border: 1px solid var(--eoacs-line);
  border-radius: 15px;
  background: #fff;
  color: var(--eoacs-ink);
  box-shadow: 0 10px 26px rgba(23,40,60,.045);
}
main.eoacs-course:has(.hero-theory) #temario .module b {
  margin-bottom: 20px;
  color: var(--eoacs-coral);
  font-size: 1.65rem;
  letter-spacing: -.06em;
}
main.eoacs-course:has(.hero-theory) #temario .module strong { color: var(--eoacs-navy); }
main.eoacs-course:has(.hero-theory) #temario .module p { color: var(--eoacs-muted); line-height: 1.55; }

main.eoacs-course:has(.hero-theory) #experiencia { background: var(--eoacs-paper); }
main.eoacs-course:has(.hero-theory) #experiencia .experience-grid-v2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 17px;
}
main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 {
  border: 1px solid var(--eoacs-line);
  border-radius: 17px;
  box-shadow: 0 12px 28px rgba(23,40,60,.07);
}
main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 .shot-v2 { aspect-ratio: 16 / 8; }
main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 .card-body {
  min-height: 0;
  padding: 25px 28px 28px;
}
main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 h3 { color: var(--eoacs-navy); }
main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 p { color: var(--eoacs-muted); }

main.eoacs-course:has(.hero-theory) #fragmentos.lesson-proof {
  background: var(--eoacs-navy);
}
main.eoacs-course:has(.hero-theory) #fragmentos.lesson-proof::before { display: none; }
main.eoacs-course:has(.hero-theory) #fragmentos .split-head h2 { color: #fff; }
main.eoacs-course:has(.hero-theory) #fragmentos .split-head .lead { color: #d5dce5; }
main.eoacs-course:has(.hero-theory) #fragmentos .video-showcase {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
main.eoacs-course:has(.hero-theory) #fragmentos .video-feature,
main.eoacs-course:has(.hero-theory) #fragmentos .video-mini {
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  background: #24364c;
}
main.eoacs-course:has(.hero-theory) #fragmentos .video-side { gap: 11px; }

main.eoacs-course:has(.hero-theory) #testimonios.eoacs-vivo-reviews-v2 {
  background: #151a21;
  color: #fff;
}
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-heading h2 { color: #fff; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-heading .lead { color: #b9c0ca; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-carousel { max-width: 900px; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-device {
  max-width: 690px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-lid {
  padding: 15px 12px 10px;
  border: 1px solid #4b4e52;
  border-radius: 16px 16px 5px 5px;
  background: #191c20;
  box-shadow: 0 24px 40px rgba(0,0,0,.24);
}
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-camera,
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-base { display: block; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-base {
  height: 17px;
  margin: 0 -11px;
  background: linear-gradient(180deg,#e6e8eb 0%,#bcc1c6 58%,#9299a0 100%);
  border-radius: 1px 1px 55% 55% / 1px 1px 100% 100%;
}
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-screen { border-radius: 2px; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone { display: none; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-arrow {
  display: none;
}
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-dot { background: #b4bcc5; }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-dot[aria-pressed="true"] { background: var(--eoacs-coral); }
main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-hint { color: #aeb7c2; }

main.eoacs-course:has(.hero-theory) #faq { background: #fff; }
main.eoacs-course:has(.hero-theory) #faq .faq-grid { gap: 10px; }
main.eoacs-course:has(.hero-theory) #faq .faq-grid details {
  border-color: var(--eoacs-line);
  border-radius: 11px;
  box-shadow: none;
}
main.eoacs-course:has(.hero-theory) #faq .faq-grid summary { color: var(--eoacs-navy); }
main.eoacs-course:has(.hero-theory) #faq .faq-grid details p { color: var(--eoacs-muted); }

@media (max-width: 1040px) {
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
  main.eoacs-course:has(.hero-theory) #experiencia .experience-grid-v2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  main.eoacs-course:has(.hero-theory) .hero.hero-theory {
    padding: 52px 0 62px;
    background: radial-gradient(circle at 100% 35%, rgba(78,110,145,.32), transparent 56%), linear-gradient(160deg, #101c2e, #1b334e);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .wrap {
    width: min(1180px, calc(100% - 36px));
    max-width: calc(100% - 36px);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-grid { display: block; }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory h1 {
    margin: 14px 0;
    font-size: clamp(2.6rem, 10vw, 3.8rem);
    line-height: 1.02;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-promise {
    font-size: clamp(1.4rem, 5vw, 1.75rem);
    line-height: 1.2;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .lead { font-size: 1rem; }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 23px;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-actions .btn { width: 100%; min-height: 49px; }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .hero-visual { display: none; }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-portrait {
    display: block;
    height: auto;
    min-height: 0;
    margin: 31px 0 0;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 22px 45px rgba(0,10,24,.3);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-portrait::before,
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-portrait::after { display: none; }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-portrait img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    object-position: center;
    transform: none;
    filter: none;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-caption {
    position: static;
    display: block;
    padding: 18px;
    color: var(--eoacs-navy);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-caption small {
    margin-bottom: 9px;
    padding: 0;
    background: none;
    color: var(--eoacs-coral);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-caption small::before {
    background: var(--eoacs-coral);
    box-shadow: 0 0 0 4px rgba(201,55,80,.12);
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .mobile-piano-caption strong {
    max-width: none;
    color: var(--eoacs-navy);
    font-size: 1.25rem;
    line-height: 1.22;
    text-shadow: none;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal-row {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 17px 14px;
    margin-top: 30px;
    padding-top: 24px;
  }
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal,
  main.eoacs-course:has(.hero-theory) .hero.hero-theory .signal:first-child {
    min-height: 0;
    padding: 0;
    border: 0;
  }
  main.eoacs-course:has(.hero-theory) .split-head { display: block; }
  main.eoacs-course:has(.hero-theory) .split-head .lead { margin-top: 14px; }
  main.eoacs-course:has(.hero-theory) #aprendizaje .learn-panel { grid-template-columns: 1fr; }
  main.eoacs-course:has(.hero-theory) #aprendizaje .learn-grid { grid-template-columns: 1fr 1fr; }
  main.eoacs-course:has(.hero-theory) #aprendizaje .learn-card { min-height: 0; padding: 17px; }
  main.eoacs-course:has(.hero-theory) #experiencia .experience-grid-v2 { grid-template-columns: 1fr; }
  main.eoacs-course:has(.hero-theory) #experiencia .experience-card-v2 .shot-v2 { aspect-ratio: 16 / 9; }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-arrow { background: transparent; }
}
@media (max-width: 450px) {
  main.eoacs-course:has(.hero-theory) #aprendizaje .learn-grid { grid-template-columns: 1fr; }
  main.eoacs-course:has(.hero-theory) #temario .module-grid { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-device {
    display: flex;
    justify-content: center;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-lid,
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-base { display: none; }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: min(100%, 330px);
    aspect-ratio: 390 / 500;
    min-height: 400px;
    border: 9px solid #111417;
    border-radius: 39px;
    background: #111417;
    box-shadow: 0 20px 38px rgba(0,0,0,.3);
    overflow: hidden;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone-screen {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 34px 10px 24px;
    border-radius: 34px;
    background: #f5f6f8;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone-enlarge {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 310px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(12,19,31,.12);
    cursor: zoom-in;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone-image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone-camera {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    width: 112px;
    height: 20px;
    transform: translateX(-50%);
    border-radius: 0 0 14px 14px;
    background: #111417;
    pointer-events: none;
  }
  main.eoacs-course:has(.hero-theory) #testimonios .eoacs-vivo-review-phone-home {
    position: absolute;
    z-index: 2;
    bottom: 9px;
    left: 50%;
    width: 91px;
    height: 4px;
    transform: translateX(-50%);
    border-radius: 4px;
    background: #9ea2a6;
    pointer-events: none;
  }
}