/* Original horizontal expanding-card presentation; native Elementor content is unchanged. */
.elementor-widget-gato-home-capabilities { width:100%; }
.ghc { --ghc-accent:#0097d9; --ghc-ink:#1c1c1c; --ghc-copy:#50545a; --ghc-image-height:360px; --ghc-title-height:86px; --ghc-pad:24px; font-family:Poppins,Arial,sans-serif; width:100%; }
.ghc [hidden] { display:none!important; }
.ghc-panels { display:flex; flex-direction:column; gap:18px; width:100%; }
.ghc .ghc-panel { box-sizing:border-box; min-width:0; margin:0; padding:var(--ghc-pad); border-radius:12px; background:#f3f4f6; }
.ghc .ghc-title { margin:0 0 16px; }
.ghc .ghc-title h3 { margin:0; color:var(--ghc-ink); font-family:inherit; font-size:22px; font-weight:600; line-height:1.35; overflow-wrap:anywhere; }
.ghc .ghc-description { margin:0 0 20px; font-family:inherit; font-size:16px; font-weight:400; line-height:1.6; color:var(--ghc-copy); }
.ghc .ghc-media { width:100%; }
.ghc .ghc-image { display:block; width:100%; height:auto; max-height:var(--ghc-image-height); object-fit:contain; object-position:center top; border-radius:8px; margin:0 auto; }
/* English homepage: one shared landscape frame, preserving complete image content. */
body.gato-home-refresh.page-id-11522 .gato-home-why .ghc-media { position:relative; width:100%; max-width:calc(var(--ghc-image-height) * 7 / 3); aspect-ratio:7 / 3; margin:0 auto; overflow:hidden; border-radius:8px; }
body.gato-home-refresh.page-id-11522 .gato-home-why .ghc-image { position:absolute; inset:0; width:100%; height:100%; max-height:none; margin:0; object-fit:contain; object-position:center; border-radius:inherit; }
.ghc .ghc-title:focus-visible { outline:3px solid var(--ghc-accent); outline-offset:7px; border-radius:2px; }
/* Gray cards with a connected dashed rule, blue marker, and one expanded photo. */
@media (min-width:1200px) {
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panels { flex-direction:row; align-items:stretch; gap:12px; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel { position:relative; flex:1 1 0; min-height:640px; cursor:pointer; transition:flex-grow .4s ease; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel.is-active { flex-grow:3; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-title { min-height:var(--ghc-title-height); margin-bottom:30px; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-title h3 { font-size:clamp(17px,1.07vw,20px); line-height:1.4; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-description { font-size:15px; line-height:1.55; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel::before { content:""; position:absolute; top:calc(var(--ghc-pad) + var(--ghc-title-height) + 13px); left:0; right:-12px; border-top:2px dashed #9ca3af; pointer-events:none; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel:last-child::before { right:0; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel::after { content:""; position:absolute; top:calc(var(--ghc-pad) + var(--ghc-title-height) + 7px); left:var(--ghc-pad); width:13px; height:13px; border-radius:50%; background:#9ca3af; pointer-events:none; }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel.is-active::after { background:var(--ghc-accent); }
    .ghc:is(.ghc-desktop,.ghc-media-v1) .ghc-panel.is-active h3 { color:var(--ghc-accent); }
    .ghc.ghc-media-v1 .ghc-panel:not(.is-active) .ghc-media {display:none;}
}
body.gato-home-refresh .gato-home-section.gato-home-why { --content-width:1480px; background:#f9fafb!important; padding-top:60px!important; padding-bottom:60px!important; }
body.gato-home-refresh .gato-home-section.gato-home-why > .e-con-inner { max-width:1480px; gap:44px!important; }
body.gato-home-refresh .gato-home-section.gato-home-why .gato-home-intro { max-width:1480px!important; font-size:16px; color:#34383d; }
@media (min-width:1600px) { body.gato-home-refresh .gato-home-section.gato-home-why .gato-home-section-title .elementor-heading-title {font-size:48px;} }
@media (min-width:1200px) and (max-width:1399px) { .ghc {--ghc-title-height:110px;} }
@media (max-width:1199px) { .ghc .ghc-title h3 {font-size:23px;} .ghc .ghc-image {max-height:440px;} }
@media (max-width:600px) { .ghc {--ghc-pad:22px;} .ghc .ghc-title h3 {font-size:20px;} .ghc .ghc-description {font-size:15px;line-height:1.65;} body.gato-home-refresh .gato-home-section.gato-home-why {padding-top:40px!important;padding-bottom:40px!important;} body.gato-home-refresh .gato-home-section.gato-home-why > .e-con-inner {gap:28px!important;} body.gato-home-refresh .gato-home-section.gato-home-why .gato-home-intro {font-size:15px;} }
@media (prefers-reduced-motion:reduce) { .ghc.ghc-desktop .ghc-panel {transition:none;} }