/* Printly V68 — promotional slider, actual social icons and unified navigation */
body[data-printly-public-refresh="67"] .header{max-width:1360px!important;gap:12px!important}
body[data-printly-public-refresh="67"] .header .logo{width:122px!important;min-width:122px}
body[data-printly-public-refresh="67"] .nav{gap:clamp(10px,1.3vw,19px)!important;font-size:12.5px!important;white-space:nowrap}
body[data-printly-public-refresh="67"] .actions{gap:7px!important}
body[data-printly-public-refresh="67"] .home-quote-btn{padding:0 12px!important;font-size:12px!important}
body[data-printly-public-refresh="67"] .home-track-btn{padding:0 11px!important;font-size:12px!important}
body[data-printly-public-refresh="67"] .lang{white-space:nowrap}
body[data-printly-public-refresh="67"] .pn-nav-added{white-space:nowrap}
body[data-printly-public-refresh="67"] .nav a[aria-current="page"]{color:#146bf2!important}
body[data-printly-public-refresh="67"] .mobile-menu a[aria-current="page"]{color:#146bf2!important}
body[data-printly-public-refresh="67"] .mobile-menu.open{display:flex!important;flex-direction:column!important}
@media(max-width:1170px){body[data-printly-public-refresh="67"] .header{display:none!important}body[data-printly-public-refresh="67"] .mobile{display:flex!important;align-items:center;justify-content:space-between;padding:10px 18px;border-bottom:1px solid #e8eaf0}}
@media(min-width:1171px){body[data-printly-public-refresh="67"] .mobile{display:none!important}}
.pn-section-kicker{display:block;font-size:11px;letter-spacing:.16em;font-weight:850;color:#3975f3}
.pn-showcase{max-width:1360px;margin:0 auto;padding:38px 24px 12px;color:#101625}
.pn-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:0 4px 21px}
.pn-section-heading p{margin:7px 0 0;font-size:19px;color:#2a3445;font-weight:760;letter-spacing:-.02em}
.pn-live-label{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.12em;font-weight:800;color:#657087}
.pn-live-label i{display:block;width:7px;height:7px;background:#05c48a;border-radius:50%;box-shadow:0 0 0 5px #05c48a22}
.pn-slider{position:relative;height:520px;overflow:hidden;border-radius:25px;background:#0b1220;isolation:isolate;box-shadow:0 30px 60px rgba(15,23,42,.18)}
.pn-slider::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(110deg,#090d18,#101e32 55%,#1b2f4b)}
.pn-slider::after{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 59px,rgba(255,255,255,.028) 60px 61px),repeating-linear-gradient(0deg,transparent 0 59px,rgba(255,255,255,.028) 60px 61px);mask-image:linear-gradient(90deg,transparent,#000 60%)}
.pn-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:44px 66px 66px;opacity:0;visibility:hidden;transform:translateX(30px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1),visibility .65s;pointer-events:none;z-index:1}
.pn-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);pointer-events:auto;z-index:2}
.pn-slide-copy{position:relative;z-index:4;min-width:0;color:white}
.pn-overline{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.22em;font-weight:850;color:#c3cee2}
.pn-led{width:8px;height:8px;display:inline-block;background:#ffd54a;border-radius:50%;box-shadow:0 0 24px #ffd54ab0}
.pn-slide-copy h1{font-size:clamp(33px,3.3vw,52px);line-height:1.05;letter-spacing:-.05em;font-weight:900;max-width:570px;margin:22px 0 14px;color:#fff}
.pn-slide-description{max-width:440px;color:#b7c5da;font-size:16px;line-height:1.62;margin:0 0 26px}
.pn-price{display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin:0 0 18px}
.pn-price small{font-size:12px;color:#d5deec;font-weight:700;letter-spacing:.035em}
.pn-price strong{font-size:clamp(52px,5.8vw,84px);line-height:1;letter-spacing:-.055em;color:#fff;font-weight:960;text-shadow:0 8px 30px rgba(255,255,255,.10)}
.pn-slide-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;padding:14px 21px;border-radius:9px;background:#ffd329!important;color:#0a1220!important;font-weight:880;font-size:13px;box-shadow:0 12px 35px rgba(255,193,7,.14);transition:transform .25s ease,box-shadow .25s ease}
.pn-slide-cta:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(255,193,7,.25)}
.pn-slider-note{margin-top:12px;color:#8193b2;font-size:10px}
.pn-slide-visual{position:relative;height:100%;min-width:0;display:grid;place-items:center;isolation:isolate;--px:0px;--py:0px}
.pn-slide-visual:before{position:absolute;content:"";width:95%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#0b7fff42 0%,#a729b71c 48%,transparent 70%);filter:blur(24px)}
.pn-orbit{position:absolute;border:1px solid rgba(137,163,205,.18);border-radius:50%;width:106%;aspect-ratio:1;transform:rotate(-15deg)}
.pn-orbit-2{width:80%;border-style:dashed;border-color:rgba(137,163,205,.16)}
.pn-poster{position:relative;z-index:2;width:min(100%,450px);max-height:440px;aspect-ratio:1;overflow:hidden;margin:0;border-radius:18px;box-shadow:0 25px 75px rgba(0,0,0,.43),0 0 0 1px rgba(255,255,255,.13);transform:translate3d(var(--px),var(--py),0) rotate(-2deg);transition:transform .26s ease-out,box-shadow .26s ease-out;background:#0b1220}
.pn-poster img{width:100%;height:100%;object-fit:contain;display:block}
.pn-slide.is-active .pn-poster{animation:pnReveal 850ms cubic-bezier(.17,.79,.2,1) both}
.pn-slide.is-active .pn-poster:hover{box-shadow:0 35px 84px rgba(0,0,0,.52),0 0 0 2px #92c8ff80}
.pn-slider-bottom{position:absolute;bottom:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:19px;padding:11px 27px;background:rgba(9,15,26,.65);backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,.11)}
.pn-slider-count{display:flex;align-items:baseline;gap:7px;color:#fff;white-space:nowrap;font-size:13px}.pn-slider-count strong{font-weight:900;font-size:17px}.pn-slider-count span{color:#8092ac}
.pn-slider-progress{flex:1;height:3px;border-radius:20px;background:rgba(255,255,255,.18);overflow:hidden}.pn-slider-progress span{display:block;background:linear-gradient(90deg,#4bc6ff,#e841af,#ffdc54);width:25%;height:100%;transition:width .5s ease}
.pn-slider-actions{display:flex;gap:8px}.pn-arrow{width:35px;height:35px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;cursor:pointer;font-size:18px;transition:background .2s ease,transform .2s ease}.pn-arrow:hover{background:rgba(255,255,255,.18);transform:scale(1.08)}
.pn-slider-dots{display:flex;align-items:center;gap:9px;justify-content:center;padding:17px 0 4px}.pn-slider-dots button{height:7px;width:7px;min-width:7px;background:#cbd3e0;border:0;border-radius:5px;cursor:pointer;transition:width .2s ease,background .2s ease}.pn-slider-dots button.is-active{width:37px;background:linear-gradient(90deg,#1c90ff,#d03fae)}
@keyframes pnReveal{from{transform:translate3d(0,35px,0) rotate(-5deg) scale(.93)}to{transform:translate3d(var(--px),var(--py),0) rotate(-2deg) scale(1)}}
/* Contact interaction cards */
body[data-page="contact"] .contact-grid{grid-template-columns:.95fr 1.05fr;gap:22px}
body[data-page="contact"] .contact-cards{grid-template-columns:1fr!important;gap:11px}
body[data-page="contact"] .pn-contact-option{position:relative;display:flex;align-items:center;gap:15px;min-height:100px;padding:19px 17px;border-radius:18px;border:1px solid #e6e9f1;background:#fff;text-decoration:none;color:#111827;box-shadow:0 8px 22px rgba(10,20,40,.04);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;min-width:0}
body[data-page="contact"] .pn-contact-option:hover{transform:translateY(-3px);border-color:#bac9e0;box-shadow:0 18px 35px rgba(15,23,42,.10)}
.pn-contact-icon{width:55px;height:55px;min-width:55px;border-radius:16px;display:grid;place-items:center;background:#edf6ff;color:#197af9}.pn-contact-icon svg{width:26px;height:26px}
.pn-instagram .pn-contact-icon{background:#fceaf6;color:#ce278c}.pn-whatsapp .pn-contact-icon{background:#e8f9ef;color:#17a760}.pn-email .pn-contact-icon{background:#eaf0ff;color:#4e62db}
.pn-contact-option>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pn-contact-option small{font-weight:900;font-size:10px;letter-spacing:.15em;color:#798296}
.pn-contact-option strong{font-size:15px;color:#101521;overflow-wrap:anywhere;line-height:1.18}
.pn-contact-option em{font-style:normal;font-size:12px;color:#728098}
.pn-contact-arrow{font-size:18px;color:#7f8ba0}
.pn-contact-option:hover .pn-contact-arrow{color:#126efe}
/* Portfolio */
body[data-page="portfolio"] .client-shell,body[data-page="about"] .client-shell{max-width:none!important}
body[data-page="portfolio"] .pn-portfolio-hero{max-width:1320px;margin:0 auto;padding:65px 24px 70px;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:36px}
.pn-portfolio-intro h1{font-size:clamp(46px,6vw,86px);letter-spacing:-.06em;line-height:.97;margin:20px 0 24px;font-weight:930;color:#101625}
.pn-portfolio-intro p{max-width:620px;color:#626d80;font-size:19px;line-height:1.7;margin:0 0 26px}
.pn-portfolio-emblem{min-height:330px;border-radius:24px;background:radial-gradient(circle at 65% 25%,#1d75b450,transparent 35%),radial-gradient(circle at 30% 80%,#ba338f50,transparent 38%),#0b1426;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px;position:relative;overflow:hidden;box-shadow:0 25px 58px rgba(6,18,40,.19)}
.pn-portfolio-emblem::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px),linear-gradient(0deg,#ffffff08 1px,transparent 1px);background-size:42px 42px}
.pn-portfolio-emblem img{position:relative;max-width:75%;width:310px;height:auto;filter:drop-shadow(0 14px 26px rgba(0,0,0,.38))}
.pn-portfolio-emblem span{position:relative;font-weight:850;letter-spacing:.2em;font-size:11px;color:#d2d9e6}
.pn-portfolio-content{background:#f6f8fc;padding:70px max(24px,calc((100vw - 1320px)/2 + 24px)) 90px}
.pn-portfolio-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}
.pn-portfolio-heading h2{font-size:clamp(33px,4vw,52px);line-height:1.1;letter-spacing:-.045em;margin:10px 0 0;color:#111827}
.pn-portfolio-heading p{max-width:420px;color:#6c778a;font-size:14px;line-height:1.6}
.pn-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pn-gallery-item{display:block;text-decoration:none;color:#111827;border-radius:18px;background:#fff;border:1px solid #e1e7f0;overflow:hidden;box-shadow:0 12px 30px rgba(20,30,50,.04);transition:transform .25s ease,box-shadow .25s ease}
.pn-gallery-item:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(20,30,50,.12)}
.pn-gallery-visual{aspect-ratio:4/3;background:#e8ecf2;position:relative;overflow:hidden}.pn-gallery-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pn-gallery-item:hover img{transform:scale(1.055)}.pn-gallery-hover{position:absolute;top:12px;right:12px;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:18px}
.pn-gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px}.pn-gallery-meta h2{font-size:16px;margin:0;font-weight:850}.pn-gallery-meta span{font-size:11px;color:#506ce9;font-weight:850;white-space:nowrap}
@media(max-width:900px){.pn-slide{padding:30px 32px 68px;gap:12px}.pn-slider{height:480px}.pn-slide-description{font-size:14px}.pn-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page="portfolio"] .pn-portfolio-hero{grid-template-columns:1fr}.pn-portfolio-emblem{min-height:255px}.pn-portfolio-heading{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:650px){.pn-showcase{padding:23px 14px 10px}.pn-section-heading{padding:0 3px 18px}.pn-section-heading p{font-size:16px}.pn-live-label{font-size:9px}.pn-slider{height:750px;border-radius:18px}.pn-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:25px 21px 64px;gap:13px;align-items:start}.pn-slide-copy h1{font-size:clamp(29px,8vw,39px);margin:14px 0 9px}.pn-slide-description{margin-bottom:11px;font-size:13px;line-height:1.48}.pn-price{margin-bottom:12px}.pn-price strong{font-size:48px}.pn-slide-cta{font-size:12px;padding:12px 15px}.pn-slider-note{display:none}.pn-slide-visual{height:100%;min-height:0;align-items:center}.pn-poster{width:min(100%,340px);max-height:min(100%,340px)}.pn-slide-visual::before{height:90%}.pn-slider-bottom{padding:9px 15px}.pn-portfolio-content{padding:52px 15px 60px}.pn-portfolio-grid{grid-template-columns:1fr}.pn-portfolio-heading p{font-size:13px}.pn-portfolio-intro{padding:0}.pn-gallery-visual{aspect-ratio:16/11}body[data-page="portfolio"] .pn-portfolio-hero{padding:45px 16px 42px}body[data-page="contact"] .contact-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.pn-slide,.pn-poster,.pn-gallery-item,.pn-contact-option,.pn-slide-cta{animation:none!important;transition:none!important}}
