/* Aprende Canto con Hindy — conversion and accessibility layer, 2026-11-01 */
html { scroll-padding-top: 94px; }
body { overflow-x: clip; }
.hero { min-height: auto; padding: clamp(100px,11vw,148px) 0 30px; }
.hero .hero-identity { max-width: 1100px; padding: 0 24px 42px; }
.hero .hero-program-title {
  display: block !important; width: 100%; min-width: 0; max-width: 960px; box-sizing: border-box;
  overflow-wrap: break-word; margin: 0 auto 18px !important;
  font-family: Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size: clamp(34px,5vw,72px) !important;
  line-height: 1.09 !important; letter-spacing: -.045em !important;
  text-transform: none !important; text-wrap: balance;
}
.hero .hero-program-title span { display: block !important; color: #fff !important; background: none !important; -webkit-text-stroke: 0 !important; text-shadow: none !important; }
.hero .hero-program-title strong { display: block; padding-bottom: .1em; font-weight: 850; }
.hero-intro { max-width: 725px; display: grid; gap: 22px; justify-items: center; }
.hero-intro > p:first-child { max-width: 680px; margin: 0; color: #e2dce9; font-size: clamp(16px,1.65vw,20px); line-height: 1.75; }
.hero-actions { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 13px; }
.hero-actions .button { min-height: 53px; border-radius: 13px; text-decoration: none; font-size: 15px; }
.hero-secondary { color: #f8f5ff !important; border: 1px solid rgba(255,255,255,.25); background: rgba(255,255,255,.045); padding: 14px 23px; }
.hero-secondary:hover { border-color: #00d9ff; }
.hero-intro .hero-trust { margin: 0; font-size: 12px; line-height: 1.6; letter-spacing: .035em; color: #c9c3da; }
.hero .hero-brand-stack { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px 44px; align-items:center; width: min(100%,540px); margin-top:35px; }
.hero .hero-brand-stack .hero-art { width: min(100%,220px); }
.hero .hero-brand-stack .hero-vocal-piece { width: min(100%,220px); }
.hero .hero-brand-stack .hero-role { display:none; }
.hero .hero-tagline-group { grid-column: 1 / -1; margin-top: 2px; }
.hero .hero-tagline { font-size: clamp(27px,3.1vw,41px); line-height: 1.12; }
.hero .audio-wave { opacity: .35; }
.quick-paths { position: relative; z-index: 2; background: #0d091a; border-block:1px solid rgba(255,255,255,.08); padding: 30px 0 34px; }
.quick-paths__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap: 17px; }
.quick-path { display:grid; align-content:start; gap: 12px; min-height:190px; position:relative; padding:29px 28px; text-decoration:none; color:#f9f7ff; background:#171124; border:1px solid rgba(255,255,255,.12); border-radius:18px; transition:border-color .2s,transform .2s; }
.quick-path:hover { border-color:rgba(255,10,166,.62); transform:translateY(-3px); }
.quick-path span { font-weight:750; font-size:11px; letter-spacing:.14em; color:#8de7f8; }
.quick-path strong { max-width:280px; font-size:clamp(18px,2vw,25px); line-height:1.22; }
.quick-path small { max-width:300px; font-size:13px; line-height:1.6; color:#cfc5df; }
.quick-path b { position:absolute; right:23px; top:25px; font-size:20px; color:#ff62c8; }
.senior-campaign__quick { gap:12px; }
.senior-campaign__quick span { line-height: 1.5; }
.faq-conversion { padding:clamp(75px,9vw,126px) 0; background:#0f0b1b; border-top:1px solid rgba(255,255,255,.06); }
.faq-conversion__inner { display:grid; grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr); gap:clamp(35px,6vw,95px); align-items:start; }
.faq-conversion h2 { font-size:clamp(36px,4.8vw,64px); line-height:1.06; margin:0 0 18px; letter-spacing:-.04em; }
.faq-conversion p { color:#cfc9d9; line-height:1.75; }
.faq-conversion .button { display:inline-flex; margin-top:15px; }
.faq-conversion__list { display:grid; }
.faq-conversion__list details { border-bottom:1px solid rgba(255,255,255,.18); padding:17px 0; }
.faq-conversion__list details:first-child { border-top:1px solid rgba(255,255,255,.18); }
.faq-conversion__list summary { list-style:none; cursor:pointer; position:relative; padding:7px 34px 7px 0; color:#fff; font-size:16px; font-weight:700; line-height:1.5; }
.faq-conversion__list summary::-webkit-details-marker { display:none; }
.faq-conversion__list summary::after { content:"+"; position:absolute; right:5px; top:3px; font-size:23px; color:#ff53b7; }
.faq-conversion__list details[open] summary::after { content:"−"; }
.faq-conversion__list p { padding:0 20px 6px 0; margin:8px 0; font-size:14px; }
:where(a,button,summary,input,textarea):focus-visible { outline:3px solid #84ecff; outline-offset:4px; }
/* Intentional standalone SEO pages: share the visual language without inheriting the long home layout. */
.detail-page { min-height:100vh; color:#f8f5ff; background:#0a0713; font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; }
.detail-page .detail-top { border-bottom:1px solid rgba(255,255,255,.12); }
.detail-nav { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:86px; }
.detail-logo { display:flex; align-items:center; gap:11px; font-weight:850; color:#fff; text-decoration:none; letter-spacing:-.02em; }
.detail-logo img { width:47px; height:47px; object-fit:contain; }
.detail-links { display:flex; gap:26px; align-items:center; }
.detail-links a { color:#e8e2f1; font-size:14px; text-decoration:none; }
.detail-links a:hover { color:#ff55be; }
.detail-hero { padding:clamp(75px,10vw,138px) 0 clamp(75px,7vw,110px); }
.detail-eyebrow { color:#7ce6f9; font-size:12px; text-transform:uppercase; font-weight:800; letter-spacing:.19em; }
.detail-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(30px,6vw,90px); }
.detail-copy h1 { margin:17px 0 24px; font-size:clamp(40px,5.7vw,78px); line-height:1.07; letter-spacing:-.055em; text-wrap:balance; }
.detail-copy h1 span { color:#ff69c6; }
.detail-copy p { max-width:630px; font-size:clamp(16px,1.7vw,19px); line-height:1.75; color:#d4cbde; }
.detail-copy .button { display:inline-flex; margin-top:23px; }
.detail-photo { border-radius:20px; overflow:hidden; border:1px solid rgba(255,255,255,.14); background:#191328; }
.detail-photo img { display:block; width:100%; aspect-ratio:4/4.5; object-fit:cover; }
.detail-photo figcaption { padding:14px 20px; font-size:12px; color:#c9c1d5; }
.detail-section { background:#141022; padding:clamp(65px,8vw,100px) 0; }
.detail-section h2 { font-size:clamp(32px,4vw,52px); line-height:1.14; margin:0 0 28px; letter-spacing:-.03em; }
.detail-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.detail-features article { border-top:2px solid #ff53b8; padding:23px 0 0; }
.detail-features h3 { font-size:21px; margin:0 0 12px; }
.detail-features p { color:#d2cadc; line-height:1.7; margin:0; }
.detail-cta { padding:clamp(75px,8vw,110px) 0; text-align:center; }
.detail-cta h2 { font-size:clamp(35px,4vw,58px); line-height:1.13; }
.detail-cta p { color:#d2cadc; }
.detail-cta .button { display:inline-flex; margin-top:20px; }
.detail-footer { padding:34px 0; border-top:1px solid rgba(255,255,255,.13); color:#bcb6c9; font-size:13px; }
.detail-footer .container { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.detail-footer a { color:inherit; }
@media(max-width:900px) {
  .quick-paths__grid { grid-template-columns:1fr; gap:12px; }
  .quick-path { min-height:unset; padding:22px 24px; }
  .faq-conversion__inner,.detail-hero-grid { grid-template-columns:1fr; }
  .detail-features { grid-template-columns:1fr; }
  .detail-hero { padding-top:55px; }
  .detail-photo { max-width:630px; margin-inline:auto; }
}
@media(max-width:650px) {
  .hero { padding:105px 0 14px; }
  .hero .hero-identity { padding:0 18px 27px; }
  .hero .hero-program-title { font-size:clamp(31px,9.3vw,45px) !important; line-height:1.13 !important; }
  .hero-intro { gap:16px; }
  .hero-intro > p:first-child { font-size:15px; }
  .hero-actions { width:100%; flex-direction:column; }
  .hero-actions .button { width:100%; max-width:355px; justify-content:center; text-align:center; }
  .hero .hero-brand-stack { gap:4px 15px; width:min(100%,390px); margin-top:20px; }
  .hero .hero-brand-stack .hero-art { width:min(100%,165px); }
  .hero .hero-brand-stack .hero-vocal-piece { width:min(100%,165px); }
  .hero .hero-tagline { font-size:clamp(26px,7.7vw,33px); }
  .quick-paths { padding-block:17px; }
  .quick-path strong { font-size:19px; }
  .detail-nav { min-height:76px; }
  .detail-logo { font-size:12px; }
  .detail-links { gap:13px; }
  .detail-links a { font-size:12px; }
  .detail-links a:nth-child(2) { display:none; }
  .detail-photo img { aspect-ratio: 4/3; }
  .detail-footer .container { flex-direction:column; align-items:flex-start; }
}
@media(prefers-reduced-motion:reduce) {
  .quick-path { transition:none; }
  .quick-path:hover { transform:none; }
  .hero .hero-art__ring { animation:none !important; }
  .reveal { opacity:1 !important; transform:none !important; transition:none !important; }
}

.reviews-google-link { display:inline-flex; margin:8px 0 16px; color:#8ceaff; font-size:14px; font-weight:700; text-underline-offset:4px; }
.reviews-google-link:hover { color:#ff76cb; }
@media(max-width:650px) {
  .music-jingle-tip { display:none !important; }
}