/* Pappi Suite: apresentação fiel dos aplicativos, sem capturas fabricadas */
:root{--paper:#f8fafc;--ink:#16244b;--blue:#2662d6;--line:#dbe3ef}
body{background:#fff;color:var(--ink)}
.site-header{box-shadow:none;border-bottom:1px solid #dce5ef}
.brand{letter-spacing:-.045em}
.brand-mark{background-image:url('/assets/official/pappi.svg');width:38px;height:38px;transform:none;background-position:center;background-size:contain;background-repeat:no-repeat}
.brand-mark>span{display:none}
.hero .hero-pappi{letter-spacing:-.075em}
.hero .floating-icon{padding:8px;background:#fff;border-radius:20px}
.hero .floating-icon img{border-radius:14px}
.app-count,.app-status{font:800 10px/1.2 "DM Sans",sans-serif;letter-spacing:.12em;color:#6581ad;text-transform:uppercase}
.category-sep{color:#b5c4d9;padding:0 3px}
.real-shot{position:relative;display:block;overflow:hidden;background:#e5eaf2}
.real-shot img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .25s}
.real-shot-zoom{position:absolute;bottom:13px;right:13px;background:rgba(255,255,255,.95);box-shadow:0 3px 18px rgba(4,30,80,.1);color:#163e91;font-size:10px;letter-spacing:.11em;font-weight:800;padding:9px 12px;opacity:0;transition:opacity .2s}
.real-shot:hover .real-shot-zoom,.real-shot:focus-visible .real-shot-zoom{opacity:1}
.real-shot-zoom i{font-style:normal;font-size:16px;margin-left:5px}
.real-shot:hover img{transform:scale(1.016)}
.free-section{background:#f7f9fc;padding-bottom:95px}
.free-intro{padding-top:86px;padding-bottom:35px}
.free-grid,.app-grid{gap:0!important}
.free-grid{border-top:1px solid #d3deed;border-left:1px solid #d3deed}
.new-free{display:block;background:#fff;min-height:0!important;padding:0!important;border-radius:0!important;border:0!important;border-right:1px solid #d3deed!important;border-bottom:1px solid #d3deed!important;box-shadow:none!important;transform:none!important}
.new-free:after{display:none}
.new-free .free-card-head{padding:20px 20px 18px;display:flex;align-items:center;min-height:67px}
.new-free .free-badge{font-size:9px;padding:7px 11px}
.new-free .real-shot img{aspect-ratio:1.57;object-fit:cover}
.new-card-body{padding:20px 26px 30px}
.new-card-title{display:flex;align-items:center;gap:14px}
.new-card-title img{width:55px;height:55px;object-fit:contain}
.new-free h3{font-size:30px;margin:0;letter-spacing:-.065em;color:#172952}
.new-free p{font-size:13px;color:#627390;line-height:1.72;margin:15px 0 0}
.new-free p.new-feature-summary{font-size:12px;color:#375c97;border-left:2px solid #2a72cf;padding-left:12px;min-height:40px}
.new-free .card-link{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:#1854ab;font-size:12px}
.new-free .card-link span{font-size:22px}
.showcase-section{background:#fff;padding-bottom:120px}
.showcase-heading{padding-top:90px}
.filterbar{border-bottom:1px solid #dce6f2;padding-bottom:22px}
.app-grid{border-top:1px solid #dbe4f1;border-left:1px solid #dbe4f1}
.rich-card{display:block;min-height:0!important;background:#fff!important;border-radius:0!important;border:0!important;border-right:1px solid #dbe4f1!important;border-bottom:1px solid #dbe4f1!important;padding:0!important;box-shadow:none!important;transform:none!important;overflow:hidden}
.rich-card[hidden]{display:none!important}
.rich-card:hover{background:#fcfdff!important;border-color:#c5d6ed!important;transform:none!important}
.rich-card-top{min-height:62px;padding:19px 21px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.rich-card .real-shot img{width:100%;aspect-ratio:1.56;object-fit:cover}
.rich-card-body{padding:25px 26px 25px}
.rich-name{display:flex;gap:13px;align-items:center;margin-bottom:15px}
.rich-name img{width:55px;height:55px;object-fit:contain}
.rich-name h3{font-size:29px;margin:0;color:#192e57;letter-spacing:-.06em}
.rich-card-body>p{font-size:13px;line-height:1.7;color:#63728b;min-height:70px}
.rich-features{padding:17px 0 14px;border-top:1px solid #e4edf7;display:flex;flex-direction:column;gap:9px;min-height:87px}
.rich-features span{display:block;font-size:11px;color:#5273a1;line-height:1.5}
.rich-features span:before{content:'✳';font-size:9px;color:#2483d7;margin-right:9px}
.rich-actions{display:flex;gap:11px;justify-content:space-between;align-items:center;margin-top:4px;padding-top:16px;border-top:1px solid #e4edf7;font-size:11px;font-weight:800}
.rich-explore{color:#1956b2;white-space:normal}
.rich-explore span{font-size:19px;margin-left:4px}
.rich-download{color:#365478;white-space:nowrap}
.rich-download:hover,.rich-explore:hover{color:#ef7a38}
.new-free:hover .real-shot img,.rich-card:hover .real-shot img{transform:scale(1.025)}
.new-product-hero{min-height:0!important;padding-top:65px;padding-bottom:90px;background:linear-gradient(100deg,#fff,#eff5ff 87%)!important}
.new-product-hero .product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(155px,.3fr);gap:5%;margin-top:75px}
.new-product-hero .product-hero h1,.new-product-hero h1{font-size:clamp(54px,7vw,105px);line-height:1.05;letter-spacing:-.08em}
.new-product-hero .product-hero-icon{width:min(220px,90%);filter:drop-shadow(13px 16px 21px rgba(33,79,166,.1));transform:none}
.new-product-hero .product-lead{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#2759a0}
.new-product-hero .product-description{max-width:890px;font-size:15px;line-height:1.8;color:#536b8f}
.new-product-hero .product-actions{margin-top:28px}
.real-section-index{display:flex;gap:24px;justify-content:space-between;align-items:center;padding:26px 0;border-top:1px solid currentColor;border-bottom:1px solid currentColor;color:#7390b5;font:800 10px "DM Sans",sans-serif;letter-spacing:.16em}
.product-real-preview{padding-top:65px;padding-bottom:100px;background:#fff}
.real-preview-head,.product-family-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:53px 0 35px}
.real-preview-head h2,.product-family-header h2{font-size:clamp(41px,4.7vw,70px);margin:0}
.real-preview-head>p{font-size:13px;color:#60748f;max-width:380px}
.real-full-shot{display:block;position:relative;border:1px solid #dae5f3;background:#eef3fa;padding:9px;box-shadow:0 10px 35px rgba(40,75,120,.075)}
.real-full-shot img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.real-full-shot>span{position:absolute;bottom:20px;right:20px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#184ba8;background:#fff;padding:12px 15px}
.real-photo-note{font-size:11px;color:#8190a6;margin:16px 0 0}
.product-features{background:#f5f8fd;padding-top:65px;padding-bottom:100px}
.product-feature-head{padding:74px 0 46px;max-width:920px}
.product-feature-head h2{font-size:clamp(44px,5vw,80px)}
.product-feature-head h2 em{color:#2b65bc;font-style:normal}
.product-feature-head>p:not(.overline){color:#5e7291;font-size:15px}
.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d3deee;border-left:1px solid #d3deee}
.product-highlight{padding:31px 28px 48px;min-height:182px;background:#fff;border-right:1px solid #d3deee;border-bottom:1px solid #d3deee}
.product-highlight>span{font:800 11px "DM Sans";color:#1f63c3}
.product-highlight h3{font-size:clamp(19px,1.8vw,24px);font-weight:700;letter-spacing:-.035em;line-height:1.5;margin:25px 0 0;color:#20385e}
.real-improvements{margin-top:92px;padding-top:65px;border-top:1px solid #cedbed;display:grid;grid-template-columns:1fr 1fr;gap:11%}
.real-improvements h2{font-size:clamp(36px,4vw,62px)}
.real-improvements h2 em{color:#2968c4;font-style:normal}
.real-improvement-cards{border-top:1px solid #cedbed}
.real-improvement-cards article{display:flex;align-items:start;gap:24px;border-bottom:1px solid #cedbed;padding:19px 0}
.real-improvement-cards b{color:#3177d2;font-size:12px}
.real-improvement-cards p{margin:0;color:#405a82;font-size:14px;font-weight:600}
.product-screenshots{background:#fff;padding-top:70px;padding-bottom:110px}
.product-screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.product-screenshot-grid figure{margin:0}
.product-screenshot-grid figure>a{display:block;border:1px solid #d6e2f0;padding:4px;background:#eff5fb;transition:border-color .2s}
.product-screenshot-grid figure>a:hover{border-color:#5490da}
.product-screenshot-grid img{display:block;width:100%;height:auto;object-fit:contain}
.product-screenshot-grid figcaption{display:flex;gap:12px;align-items:center;border-bottom:1px solid #dde6f2;padding:16px 2px;color:#3f5a83;font-size:13px;font-weight:700}
.product-screenshot-grid figcaption span{color:#3473ca;font-weight:800;font-size:11px}
.product-screenshot-grid figcaption a{margin-left:auto;color:#2762af;white-space:nowrap;font-size:10px;letter-spacing:.05em}
.download-block{background:#eaf3ff;padding-top:75px!important;padding-bottom:125px!important}
.download-block .real-section-index{border-color:#bbd1e8;color:#5375a3}
.download-block .product-feature-head{padding:70px 0 18px}
.modern-downloads{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:30px}
.modern-downloads a,.modern-downloads .download-disabled{background:#fff;border:1px solid #c5d6ed;color:#234472;border-radius:6px;display:flex;flex-direction:column;padding:25px 27px;gap:11px;box-shadow:none;min-height:155px;transition:.2s}
.modern-downloads a:hover{background:#fff;border-color:#79a3dd;transform:translateY(-3px)}
.modern-downloads a strong{font-size:21px;color:#143f89}
.modern-downloads a>span,.modern-downloads .download-disabled>span{font-size:13px;color:#677f9d}
.modern-downloads a>b{font-size:11px;color:#275fbd;letter-spacing:.07em;margin-top:auto}
.modern-downloads .download-disabled b{font-size:19px;color:#667d9b}
.system-symbol{display:inline-block;font-size:19px;color:#2a6ed7;vertical-align:1px;margin-right:5px}
.product-family{padding-top:90px;padding-bottom:120px;background:#fff}
.product-family .real-section-index{border-color:#d8e4f2}
.product-family-header>a{font-size:11px;font-weight:800;letter-spacing:.1em;color:#235fc3}
.product-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d3ddeb;border-left:1px solid #d3ddeb}
.product-family-grid>a{display:block;border-right:1px solid #d3ddeb;border-bottom:1px solid #d3ddeb;padding-bottom:26px;color:#203761}
.product-family-grid>a>span{display:block;padding:17px 17px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#627c9d;font-weight:800}
.product-family-grid .family-shot{width:100%;height:auto;aspect-ratio:1.56;object-fit:cover;display:block}
.product-family-grid a>div{display:flex;gap:11px;align-items:center;margin:22px 18px 7px}
.product-family-grid a>div img{width:48px;height:48px}
.product-family-grid h3{font-size:26px;margin:0}
.product-family-grid p{padding:0 20px;font-size:13px;color:#627591;min-height:83px}
.product-family-grid a>b{padding:0 20px;color:#2364c4;font-size:11px}
.real-feature-image{display:block;position:relative;overflow:hidden;border-radius:10px;border:1px solid rgba(143,186,232,.4);box-shadow:0 23px 40px rgba(24,62,132,.13)}
.real-feature-image img{display:block;width:100%;height:auto;object-fit:contain}
.real-feature-image>span{position:absolute;bottom:17px;right:17px;background:rgba(255,255,255,.96);padding:10px 13px;color:#1c55b4;font-weight:800;font-size:10px}
.docs-feature,.music-feature{overflow:hidden}
.docs-feature .feature-split,.music-feature .music-grid{gap:6%}
.creative-tile .real-feature-image{margin:20px 20px 24px;margin-top:auto}
.creative-tile .real-feature-image img{aspect-ratio:1.7;object-fit:cover}
.creative-tile{min-height:590px}
.real-screen-special{margin:24px 0;display:block}
.real-screen-special img{width:100%;display:block}
.catalog-error{padding:40px;background:#f2f6ff;color:#234f9b}
@media(max-width:1100px){.product-highlights{grid-template-columns:repeat(2,1fr)}.rich-name h3{font-size:24px}.rich-name img{width:45px;height:45px}}
@media(max-width:820px){.product-family-grid{grid-template-columns:repeat(2,1fr)}.new-product-hero .product-hero-grid{grid-template-columns:1fr .28fr}.real-improvements{grid-template-columns:1fr;gap:25px}.product-screenshot-grid{gap:14px}.rich-card-body{padding:20px}.real-shot-zoom{opacity:1}}
@media(max-width:580px){.free-grid,.app-grid{grid-template-columns:1fr!important}.new-free .real-shot img,.rich-card .real-shot img{aspect-ratio:auto}.new-card-body,.rich-card-body{padding:21px 24px 29px}.free-section,.showcase-section{padding-bottom:75px}.new-product-hero .product-hero-grid{grid-template-columns:1fr}.new-product-hero .product-hero-icon{width:128px;margin:20px 0 0}.new-product-hero h1{font-size:54px!important}.new-product-hero .product-lead{font-size:18px}.real-preview-head,.product-family-header{display:block}.product-highlights{grid-template-columns:1fr}.product-highlight{min-height:0;padding:24px}.product-screenshot-grid,.modern-downloads,.product-family-grid{grid-template-columns:1fr}.product-feature-head{padding:50px 0 25px}.real-improvements{margin-top:58px;padding-top:40px}.product-real-preview,.product-features,.product-screenshots,.product-family{padding-top:55px;padding-bottom:75px}.real-section-index{font-size:8px;gap:12px}.real-full-shot{padding:2px}.real-full-shot>span{font-size:9px;bottom:6px;right:6px;padding:7px}.product-screenshot-grid figcaption{flex-wrap:wrap}.product-screenshot-grid figcaption a{margin-left:0}.product-family-grid p{min-height:0}}
@media(prefers-reduced-motion:reduce){.real-shot img{transition:none}}

/* Fotos reais de efeitos: nenhuma ilustração substitui as capturas do aplicativo */
.effect-art-real{height:190px;background:#1d3570;overflow:hidden}
.effect-art-real img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.visual-center{background:transparent!important;box-shadow:0 17px 45px rgba(28,78,160,.18)!important;border:0!important;transform:rotate(-13deg)}
.visual-center img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 15px 20px rgba(26,71,161,.22))}
.feature-split .real-feature-image img,.music-grid .real-feature-image img{max-height:570px;object-fit:contain}
.free-grid .new-free .real-shot img,.app-grid .rich-card .real-shot img{image-rendering:auto}
.richer-app-info{padding:22px 26px;border-left:3px solid #3c77d6;background:#f4f8ff;margin:22px 0;color:#46668f;font-size:13px;line-height:1.65}
.richer-app-info b{color:#215bb8}
@media(max-width:580px){.visual-center{width:210px;height:210px}.effect-art-real{height:125px}}
