.gastro-ecosystem{display:grid;grid-template-columns:minmax(0,2.8fr) 70px minmax(0,1fr);align-items:center;margin:60px auto 0;max-width:1180px}.gastro-dashboard-preview{min-width:0;display:block;border:1px solid #dce4d1;border-radius:15px;overflow:hidden;background:#f7f9f1;box-shadow:0 8px 24px #24351a13}.gastro-dashboard-window{position:relative;aspect-ratio:1.95;overflow:hidden;background:#f6f7f2}.gastro-dashboard-window iframe{width:180%;height:180%;border:0;display:block;transform:scale(.555556);transform-origin:top left;pointer-events:none}.gastro-dashboard-preview>span{display:block;padding:15px 12px;text-align:center;font-size:9px;letter-spacing:1.1px;color:#72815c;line-height:1.6}.gastro-eco-connector{text-align:center;color:#88a80d;display:grid;gap:8px}.gastro-eco-connector>span{font-size:28px}.gastro-eco-connector small{font-size:10px;line-height:1.5;color:#7b876c}.gastro-public-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #dce4d1;border-radius:24px;padding:30px 20px;box-shadow:0 8px 24px #24351a13}.gastro-public-card>img{width:180px;max-width:100%;height:85px;object-fit:contain}.gastro-app-symbol{width:86px;height:86px;background:#f0f5e4;border-radius:50%;display:grid;place-items:center;margin:20px 0}.gastro-app-symbol svg{width:37px;height:37px;color:#88a80d}.gastro-public-card strong{font-size:15px;font-weight:500;line-height:1.6;color:#172018}.gastro-public-steps{font-size:8px;letter-spacing:1.3px;color:#7e8d68;margin:20px 0}.gastro-public-card>small{font-size:9px;color:#637d09;margin:6px 0}.gastro-client-app{background:#f8faf4!important;border-top:1px solid #e0e5d9}.gastro-client-app .two{gap:65px}.gastro-client-app h2{line-height:1.12}.gastro-client-app p{color:#657060;line-height:1.8}.gastro-client-panel{background:#fff;border:1px solid #dce4d1;border-radius:18px;padding:32px}.gastro-client-panel>img{display:block;width:190px;height:90px;object-fit:contain;margin:0 auto 20px}.gastro-client-panel article{display:flex;gap:20px;padding:20px 0;border-top:1px solid #edf0e7}.gastro-client-panel article>span{font-size:12px;color:#88a80d;padding-top:5px}.gastro-client-panel h3{font-size:18px;font-weight:600;margin:0 0 8px}.gastro-client-panel article p{font-size:14px;margin:0}.gastro-client-panel>.small{font-size:12px;margin-bottom:0}@media(max-width:900px){.gastro-ecosystem{grid-template-columns:minmax(0,2fr) 45px minmax(0,1fr)}.gastro-public-card{padding:22px 14px}.gastro-public-card strong{font-size:13px}.gastro-client-app .two{gap:30px}}@media(max-width:650px){.gastro-ecosystem{grid-template-columns:1fr;gap:18px;margin-top:40px}.gastro-eco-connector{display:flex;align-items:center;justify-content:center;gap:12px}.gastro-eco-connector>span{transform:rotate(90deg)}.gastro-eco-connector br{display:none}.gastro-public-card{max-width:360px;width:100%;margin:auto}.gastro-dashboard-window{aspect-ratio:1.35}.gastro-dashboard-window iframe{width:270%;height:270%;transform:scale(.37037)}.gastro-client-panel{padding:24px}}

/* Captura completa cuando hay imagen, aspect-ratio calculado cuando hay iframe del dashboard. */
.gastro-dashboard-window:has(> img){aspect-ratio:auto!important}
.gastro-dashboard-window>img{display:block;width:100%;height:auto;object-fit:contain}
.gastro-dashboard-window:has(> iframe),
.gastro-dashboard-window:not(:has(> img)){aspect-ratio:16/10!important;min-height:240px}
@media(max-width:650px){
  .gastro-dashboard-window:has(> iframe),
  .gastro-dashboard-window:not(:has(> img)){aspect-ratio:16/11!important;min-height:200px}
  .phone-preview-card{max-width:100%;padding:16px 10px}
  .mobile-phone-frame{max-width:100%}
}
@media(max-width:380px){
  .mobile-phone-frame{width:180px!important;height:355px!important}
  .phone-screen iframe{transform:scale(.453)!important}
}

/* Celular mockup para la app en la landing */
.phone-preview-card{padding:20px 16px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;text-align:center}
.phone-preview-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #24351a22}
.mobile-phone-frame{width:180px;height:355px;background:#141815;border-radius:30px;border:5px solid #242c26;box-shadow:0 10px 25px rgba(0,0,0,0.22),inset 0 0 4px rgba(255,255,255,0.15);position:relative;overflow:hidden;margin:0 auto 16px;display:flex;flex-direction:column}
.phone-notch{width:60px;height:12px;background:#141815;border-radius:0 0 10px 10px;margin:0 auto;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:10}
.phone-screen{width:100%;height:100%;border-radius:24px;overflow:hidden;position:relative;background:#fff}
.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.phone-screen iframe{width:375px;height:750px;border:0;display:block;transform:scale(.453);transform-origin:top left;pointer-events:none}
@media(max-width:650px){.mobile-phone-frame{width:210px;height:415px}.phone-screen iframe{transform:scale(.533)}}