/* MC Experience V11.2 - mobile-only horse crop; desktop composition preserved.
   No modifications to the founder chapter or the desktop horse composition. */

/* 01. The two photographic chapters speak for themselves. */
#experiencia .mc-v102-cross-foot,
#momentos .mc-v102-story-foot{display:none!important}

/* 02. Correct mobile art direction: full horse image, then a distinct reading panel. */
@media (max-width:720px){
 #o-que-muda.mc-cinema{
  display:block!important;min-height:0!important;padding:0 0 33px!important;
  background:linear-gradient(180deg,#09261e,#061e19 62%)!important;
 }
 #o-que-muda .mc-cinema-picture{
  position:relative!important;inset:auto!important;z-index:0!important;
  display:block;width:100%;height:auto!important;aspect-ratio:3 / 2;
  overflow:hidden!important;isolation:isolate;
 }
 #o-que-muda .mc-cinema-picture picture,
 #o-que-muda .mc-cinema-picture img{display:block;width:100%!important;height:100%!important}
 #o-que-muda .mc-cinema-picture img{
  object-fit:contain!important;object-position:center center!important;
  transform:none!important;transition:none!important;
  filter:saturate(.92) contrast(1.025);
 }
 #o-que-muda .mc-cinema-picture:after{
  content:'';position:absolute;inset:auto 0 0;height:24%;pointer-events:none;
  background:linear-gradient(180deg,transparent,#061e19 96%);
 }
 #o-que-muda.mc-cinema:before{background:none!important}
 #o-que-muda .mc-cinema-layout{
  position:relative;z-index:1;width:calc(100% - 42px)!important;
  display:block!important;min-height:0!important;
  margin:0 auto!important;padding:11px 0 8px!important;
 }
 #o-que-muda .mc-cinema-space{display:none!important}
 #o-que-muda .mc-cinema-copy{max-width:100%!important;min-width:0!important}
 #o-que-muda .mc-cinema-eyebrow{margin-bottom:13px!important;letter-spacing:.09em!important;font-size:10px!important}
 #o-que-muda .mc-cinema h2{
  margin:0!important;font-size:clamp(34px,8.65vw,46px)!important;
  line-height:1.09!important;letter-spacing:-.027em!important;overflow-wrap:normal
 }
 #o-que-muda .mc-cinema p{margin:15px 0 0!important;font-size:14px!important;line-height:1.62!important}
 #o-que-muda .mc-cinema p.mc-cinema-footnote{margin-top:8px!important;font-size:11px!important;line-height:1.58!important}
 #o-que-muda .mc-cinema-link{margin-top:19px!important;padding-bottom:10px!important;font-size:13px!important}
 #o-que-muda .mc-cinema-bottom{
  position:relative!important;inset:auto!important;display:block!important;
  width:calc(100% - 42px);margin:17px auto 0!important;
  font-size:9px!important;letter-spacing:.18em!important
 }
}

/* 03. Remove the repeated audience selector ONLY on mobile.
   The service choice in the real form remains available. */
@media (max-width:820px){
 #contactos .mc-v8-contact-start{display:none!important}
 #contactos .mc-contact-chat{display:none!important}
 #contactos .contact-copy{min-width:0}
 #contactos .contact-copy .lead{font-size:clamp(15px,4vw,17px)!important;line-height:1.56!important;margin-top:12px!important}
 #contactos .contact-grid{gap:19px!important}
 #contactos .contact-copy h2{font-size:clamp(36px,9.2vw,49px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
 #contactos .contact-details{margin:20px 0 2px!important;gap:7px!important}
 #contactos .contact-line{padding:5px 0!important}
 #contactos .contact-line:nth-child(2){display:none!important}
 #contactos .mc-v8-contact-form{margin-top:6px!important}
}
@media (max-width:480px){
 #contactos.section.contact{padding-top:55px!important;padding-bottom:58px!important}
 #contactos .form-card{padding:22px 17px!important}
}

/* 04. Mobile galleries are gently animated in JS while still swipeable.
   The duplicated photographs are decorative and hidden to assistive technology. */
@media (max-width:820px) and (prefers-reduced-motion:no-preference){
 #experiencia .mc-v102-track{overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:auto!important}
 #experiencia .mc-v102-row{animation:none!important;transform:none!important;will-change:auto!important}
 #experiencia .mc-v102-photo[data-mc103-clone]{display:block!important}
 #momentos .mc-v102-story-card img{transition:transform 1.25s cubic-bezier(.22,1,.36,1),filter .8s ease!important}
 #momentos.mc-v102-visible .mc-v102-story-card.is-in-view img{transform:scale(1.018)}
}
@media (prefers-reduced-motion:reduce){
 #experiencia .mc-v102-photo[data-mc103-clone]{display:none!important}
 #momentos .mc-v102-story-card img{transition:none!important;transform:none!important}
}
