/* La categoria App riprende le tre colonne essenziali della categoria Web. */
.es-app-grid .es-type-copy p{min-height:3.3em}
.es-app-showcase-note{margin:28px 0 0;color:var(--es-muted);font-size:.875rem;line-height:1.65;text-align:center}
.es-app-grid .es-live-phone{transition:transform .28s ease}
@media(hover:hover){.es-app-card>a:hover .es-live-phone{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.es-app-grid .es-live-phone{transition:none}.es-app-card>a:hover .es-live-phone{transform:none}}
@media(min-width:761px){.es-app-grid .es-app-card>a{grid-template-rows:auto 1fr auto auto}.es-app-grid .es-type-copy h2{font-size:clamp(1.45rem,2.1vw,2rem)}}
@media(max-width:760px){.es-app-grid .es-type-copy p{min-height:0}.es-app-showcase-note{text-align:left;margin-top:30px}}
.es-tondo-phone{container-type:inline-size;position:relative;display:flex;flex-direction:column;width:auto;height:90%;aspect-ratio:570/1130;background:#fffaf1;border:5px solid #161616;border-radius:26px;box-shadow:0 0 0 1px #74736d,2px 9px 10px #0002;overflow:hidden;padding:23px 10px 12px;color:#29251f;text-align:left;font-family:Arial,Helvetica,sans-serif}
.es-tondo-island{position:absolute;top:5px;left:37%;width:26%;height:10px;border-radius:20px;background:#111}
.es-tondo-phone-brand{font-size:12cqw;font-weight:900;letter-spacing:-.08em;line-height:1.1}
.es-tondo-phone-brand>span{color:#af392c}
.es-tondo-phone-subtitle{font-size:3.8cqw;letter-spacing:.05em;margin-top:6px;color:#736b60}
.es-tondo-phone-hero{position:relative;display:block;overflow:hidden;border-radius:8px;background:#292622;margin-top:10px;min-height:70cqw;padding:10px 7px;color:#fffaf1;isolation:isolate}
.es-tondo-phone-hero>span{position:relative;z-index:1;font-size:14cqw;font-weight:700;letter-spacing:-.04em;line-height:1.05}
.es-tondo-phone-hero em{font-family:Georgia,serif;font-weight:400;color:#f8c941}
.es-app-preview .es-tondo-phone-hero img,.es-app-detail-preview .es-tondo-phone-hero img{position:absolute;right:-29%;top:2%;width:93%;height:100%;object-fit:cover;mix-blend-mode:normal}
.es-tondo-phone-heading{font-size:8.5cqw;font-weight:700;letter-spacing:-.04em;margin-top:12px;margin-bottom:7px}
.es-tondo-phone-menu{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.es-tondo-phone-menu>span{min-width:0}
.es-app-preview .es-tondo-phone-menu img,.es-app-detail-preview .es-tondo-phone-menu img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;mix-blend-mode:normal}
.es-tondo-phone-menu b{display:block;font-size:5.4cqw;line-height:1.4;margin-top:4px;font-weight:600}
.es-tondo-phone-menu small{display:block;font-size:4.6cqw;line-height:1.7}
.es-tondo-phone-nav{display:flex;justify-content:space-between;border-top:1px solid #e8dfd2;margin-top:auto;padding-top:8px;font-size:4.9cqw;color:#736b60}
.es-tondo-phone-nav b{color:#af392c;font-weight:600}
.es-tondo-phone-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#292622bb,transparent 90%);z-index:0}
.es-app-detail-tondo{height:470px}
.es-app-detail-tondo .es-tondo-phone{border-width:7px;border-radius:36px;padding:35px 15px 20px}
.es-app-detail-tondo .es-tondo-island{top:7px;height:15px}
@media(max-width:1080px){.es-app-detail-tondo{height:410px}.es-tondo-phone{padding-top:22px}.es-tondo-phone-hero{margin-top:8px}.es-tondo-phone-heading{margin-top:8px}.es-tondo-phone-nav{padding-top:6px}}
@media(max-width:760px){.es-app-detail-tondo{height:370px}.es-app-detail-tondo .es-tondo-phone{border-width:5px;border-radius:27px;padding:26px 12px 14px}.es-app-detail-tondo .es-tondo-island{height:11px;top:6px}}
.es-app-preview{display:flex;align-items:center;justify-content:center;height:330px;margin:20px 0 0;background:white}
.es-app-preview img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
.es-app-detail{padding-block:30px 65px}
.es-app-detail>.breadcrumb{display:inline-block;margin-bottom:37px}
.es-app-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:55px}
.es-app-detail-grid h1{font-size:clamp(2.4rem,4.4vw,4rem);line-height:1.08;font-weight:500;letter-spacing:-.05em;color:var(--es-ink)}
.es-app-intro{font-size:1.125rem;line-height:1.75;color:var(--es-muted);margin:23px 0 0;max-width:630px}
.es-app-ideal{font-size:1rem;line-height:1.65;color:var(--opero-ink);margin:21px 0 27px;max-width:590px}
.es-app-detail-preview{display:flex;align-items:center;justify-content:center;background:white;padding:0;border:0;border-radius:15px;cursor:pointer;min-width:0}
.es-app-detail-preview img{width:100%;height:470px;object-fit:contain;mix-blend-mode:multiply}
.es-app-detail-preview:focus-visible{outline:2px solid var(--es-blue);outline-offset:6px}
.es-app-features{padding-top:46px;margin-top:30px;border-top:1px solid var(--es-line)}
.es-app-features>h2{font-size:2rem;letter-spacing:-.035em;line-height:1.2;font-weight:500}
.es-app-features>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:29px}
.es-app-features h3{font-size:1.3rem;line-height:1.3;margin:0 0 10px;font-weight:500}
.es-app-features p{font-size:1rem;line-height:1.7;color:var(--es-muted)}
.es-app-example{display:flex;align-items:center;justify-content:space-between;gap:50px;border-top:1px solid var(--es-line);margin-top:50px;padding-top:40px}
.es-app-example>div{max-width:740px}
.es-app-example h2{font-size:2rem;font-weight:500;letter-spacing:-.035em;line-height:1.2}
.es-app-example p:not(.rf-eyebrow){font-size:1.0625rem;line-height:1.7;color:var(--es-muted);margin-top:15px}
.es-app-example p.es-app-demo-note{font-size:.875rem}
.es-app-example>.rf-primary{flex-shrink:0}
.es-app-next{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--es-line);margin-top:40px;padding-top:15px}
.es-app-next .es-detail-link{font-size:1rem}
@media(max-width:1080px){.es-app-preview{height:285px}.es-app-detail-grid{gap:30px}.es-app-detail-preview img{height:410px}.es-app-detail-grid h1{font-size:2.75rem}.es-app-features>div{gap:25px}.es-app-example{flex-direction:column;align-items:start;gap:25px}}
@media(max-width:760px){.es-app-preview{height:340px;margin-top:18px}.es-app-detail{padding-block:25px 45px}.es-app-detail>.breadcrumb{margin-bottom:26px}.es-app-detail-grid{grid-template-columns:1fr;gap:24px}.es-app-detail-grid h1{font-size:2.6rem}.es-app-intro{font-size:1rem}.es-app-detail-preview img{height:370px}.es-app-features{padding-top:32px;margin-top:25px}.es-app-features>div{grid-template-columns:1fr;gap:25px}.es-app-features>h2,.es-app-example h2{font-size:1.8rem}.es-app-example{margin-top:33px;padding-top:30px}.es-app-next{flex-direction:column;align-items:start;gap:5px;margin-top:30px}}
