.trancatto-page{--ink:#1a1a1a;--cream:#f5f2eb;--cream-dark:#e8e4db;--sand:#c8b59c;--pine:#1b3d2f;--pine-dark:#0f2b23;--terra:#c65e34;--muted:#6b6560;--label:#8a847c;--line:#1a17141a;--header-h:6rem;scroll-behavior:smooth;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;line-height:1.55;position:relative}.trancatto-page *,.trancatto-page :before,.trancatto-page :after{box-sizing:border-box}.trancatto-page img{max-width:100%;display:block}.trancatto-page h1,.trancatto-page h2,.trancatto-page h3{letter-spacing:-.03em;font-family:inherit;font-weight:500;line-height:1.02}.trancatto-page a{color:inherit;text-decoration:none}.trancatto-page .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8;font-size:.68rem;font-weight:500}.trancatto-page .eyebrow.dark{color:var(--label)}.trancatto-page .text-link{border-bottom:1px solid;align-items:center;gap:.5rem;padding-bottom:.15rem;font-size:.92rem;font-weight:500;transition:opacity .2s;display:inline-flex}.trancatto-page .text-link:hover{opacity:.7}.trancatto-page .text-link.light{color:#fff}.trancatto-page .section{padding-block:clamp(4rem,8vw,6.5rem);padding-inline:clamp(1.5rem,5vw,5rem)}.trancatto-page .header{z-index:20;width:100%;height:var(--header-h);color:#fff;background:0 0;border-bottom:1px solid #ffffff40;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:clamp(1.5rem,5vw,5rem);display:grid;position:absolute;top:0;left:0}.trancatto-page .brand{background:0 0;justify-self:start;line-height:0;display:block}.trancatto-page .header-cta,.trancatto-page .menu{justify-self:end}.trancatto-page .brand img{background:0 0;width:176px;height:auto;display:block}.trancatto-page .nav{justify-content:center;gap:clamp(1.5rem,3vw,3rem);font-size:.88rem;font-weight:500;display:flex}.trancatto-page .nav a{opacity:.9;transition:opacity .2s}.trancatto-page .nav a:hover{opacity:1}.trancatto-page .nav-login{display:none}.trancatto-page .header-cta{white-space:nowrap;opacity:.95;border-bottom:1px solid;align-items:center;gap:.75rem;padding:.8rem 0;font-size:.8125rem;font-weight:600;transition:opacity .2s;display:inline-flex}.trancatto-page .header-cta:hover{opacity:1}.trancatto-page .menu{cursor:pointer;width:2.5rem;height:2.5rem;color:inherit;background:0 0;border:0;padding:0;display:none}.trancatto-page .menu span{background:currentColor;width:1.25rem;height:1.5px;margin:.35rem auto;transition:transform .25s;display:block}.trancatto-page.menu-open .menu span:first-child{transform:translateY(.43rem)rotate(45deg)}.trancatto-page.menu-open .menu span:last-child{transform:translateY(-.43rem)rotate(-45deg)}.trancatto-page .hero{color:#fff;align-items:end;min-height:100svh;display:grid;position:relative;overflow:hidden}.trancatto-page .hero-media{background:url(/images/trancatto/asset-8.jpeg) 50% 52%/cover no-repeat;position:absolute;inset:0}.trancatto-page .hero-shade{background:linear-gradient(90deg,#081813b8 0%,#0818132e 62%,#0818134d),linear-gradient(#0000 55%,#08181380);position:absolute;inset:0}.trancatto-page .hero-content{z-index:1;max-width:52rem;padding:11.25rem 0 clamp(4rem,10vw,7rem) clamp(1.5rem,5vw,5rem);position:relative}.trancatto-page .hero-content.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(1.5rem)}.trancatto-page .hero-content.reveal.is-visible{opacity:1;transform:translateY(0)}.trancatto-page .hero-content h1{letter-spacing:-.065em;margin:0 0 36px;font-family:Manrope,sans-serif;font-size:clamp(72px,10vw,154px);font-weight:300;line-height:.86}.trancatto-page .hero-copy{color:#ffffffe0;max-width:30rem;margin-bottom:2rem;font-size:clamp(.95rem,1.8vw,1.05rem);line-height:1.65}.trancatto-page .hero-index{z-index:1;letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6;align-items:center;gap:.75rem;font-size:.68rem;font-weight:500;display:flex;position:absolute;bottom:clamp(2rem,5vw,3rem);right:clamp(1.5rem,5vw,5rem)}.trancatto-page .hero-index i{background:#fff6;width:4rem;height:1px;display:block}.trancatto-page .intro{background:var(--cream);grid-template-columns:1.15fr .85fr;align-items:start;gap:clamp(2rem,6vw,6rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.trancatto-page .intro h2{max-width:16ch;margin-top:.85rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:500;line-height:1.05}.trancatto-page .intro-copy{color:var(--muted);gap:1.5rem;padding-top:2.5rem;font-size:.95rem;line-height:1.7;display:grid}.trancatto-page .numbers{background:var(--cream-dark);border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.trancatto-page .numbers>div{border-right:1px solid var(--line);color:var(--ink);padding:clamp(2rem,4vw,3rem) clamp(1.5rem,3vw,2.5rem)}.trancatto-page .numbers>div:last-child{border-right:0}.trancatto-page .numbers strong{letter-spacing:-.03em;margin-bottom:.6rem;font-family:inherit;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:500;line-height:1;display:block}.trancatto-page .numbers span{letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-size:.65rem;font-weight:500}.trancatto-page .products{background:var(--cream);grid-template-columns:.7fr 1.1fr .65fr;align-items:end;gap:3vw;display:grid}.trancatto-page .section-head{grid-column:1;align-self:start;max-width:none;padding-top:0}.trancatto-page .section-head h2{letter-spacing:-.05em;margin:0;font-family:Manrope,DM Sans,sans-serif;font-size:clamp(2.75rem,5.6vw,5.25rem);font-weight:300;line-height:1.02}.trancatto-page .section-head p:last-child{color:#66706c;max-width:360px;margin-top:1.85rem;font-size:1rem;line-height:1.7}.trancatto-page .product{margin:0;overflow:hidden}.trancatto-page .product-main{grid-column:2}.trancatto-page .product-side{grid-column:3;align-self:end}.trancatto-page .product img{object-fit:cover;width:100%;height:610px;transition:transform .7s}.trancatto-page .product-side img{height:430px}.trancatto-page .product:hover img{transform:scale(1.025)}.trancatto-page .product-caption{background:var(--cream);color:var(--ink);padding:1.25rem 0 0;position:relative}.trancatto-page .product-caption span{color:#79827f;margin-bottom:.35rem;font-size:.625rem;display:block}.trancatto-page .product-caption h3{letter-spacing:-.02em;margin:.35rem 0;font-family:Manrope,DM Sans,sans-serif;font-size:1.625rem;font-weight:400}.trancatto-page .product-caption p{color:#67706d;margin:0;font-size:.8125rem;line-height:1.55}.trancatto-page .feature{background:var(--pine);color:#fff;grid-template-columns:1.1fr .9fr;min-height:850px;display:grid}.trancatto-page .feature-image{overflow:hidden}.trancatto-page .feature-image img{object-fit:cover;width:100%;height:100%;min-height:100%}.trancatto-page .feature-copy{flex-direction:column;justify-content:center;padding:clamp(3rem,6vw,5.5rem);display:flex}.trancatto-page .feature-copy .eyebrow{color:#ffffffa6}.trancatto-page .feature-copy h2{margin:.85rem 0 1.5rem;font-size:clamp(2.2rem,4.5vw,3.5rem);font-weight:500;line-height:1.02}.trancatto-page .feature-copy>p{color:#ffffffc7;max-width:32rem;font-size:.95rem;line-height:1.7}.trancatto-page .feature-copy ul{margin:2.5rem 0 0;padding:0;list-style:none}.trancatto-page .feature-copy li{border-top:1px solid #ffffff2e;align-items:baseline;gap:1rem;padding:1.1rem 0;font-size:.92rem;display:flex}.trancatto-page .feature-copy li:last-child{border-bottom:1px solid #ffffff2e}.trancatto-page .feature-copy li span{letter-spacing:.1em;color:#ffffff73;min-width:1.25rem;font-size:.65rem;font-weight:500}.trancatto-page .gallery-section{background:var(--cream)}.trancatto-page .gallery-heading{max-width:38rem;padding-bottom:2rem}.trancatto-page .gallery-heading h2{margin:.85rem 0;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:500}.trancatto-page .gallery-heading p{color:var(--muted);font-size:.95rem;line-height:1.7}.trancatto-page .gallery-grid{padding-inline:clamp(1.5rem,5vw,5rem);grid-template-columns:repeat(12,1fr);gap:.75rem;padding-bottom:clamp(4rem,8vw,6rem);display:grid}.trancatto-page .gallery-grid figure{margin:0;position:relative;overflow:hidden}.trancatto-page .gallery-grid img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;transition:transform .5s}.trancatto-page .gallery-grid figure:hover img{transform:scale(1.03)}.trancatto-page .gallery-grid figcaption{color:#fff;letter-spacing:.03em;background:#0000008c;padding:.4rem .7rem;font-size:.72rem;position:absolute;bottom:1rem;left:1rem}.trancatto-page .gallery-grid figure:first-child{grid-column:span 7}.trancatto-page .gallery-grid figure:nth-child(2){grid-column:span 5}.trancatto-page .gallery-grid figure:nth-child(3),.trancatto-page .gallery-grid figure:nth-child(4),.trancatto-page .gallery-grid figure:nth-child(5){grid-column:span 4}.trancatto-page .gallery-wide img{aspect-ratio:16/9}.trancatto-page .gallery-tall img{aspect-ratio:3/4}.trancatto-page .palette{background:var(--cream);grid-template-columns:1fr 1.3fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.trancatto-page .palette-title h2{max-width:12ch;margin-top:.85rem;font-size:clamp(2.2rem,4.5vw,3.6rem);font-weight:500;line-height:1.02}.trancatto-page .swatches{grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2vw,2rem);padding-top:1rem;display:grid}.trancatto-page .swatches>div{text-align:center;justify-items:center;gap:.75rem;display:grid}.trancatto-page .swatches i{aspect-ratio:1;background:var(--c);border-radius:999px;width:100%;max-width:9rem;display:block}.trancatto-page .swatches span{letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-size:.62rem;font-weight:500}.trancatto-page .palette-note{text-align:center;max-width:36rem;color:var(--muted);grid-column:1/-1;margin:0 auto;padding-top:1rem;font-size:.92rem;line-height:1.65}.trancatto-page .cta{color:#fff;text-align:center;position:relative;overflow:hidden}.trancatto-page .cta-bg{background:linear-gradient(#0a221bc7,#0a221bdb),url(/images/trancatto/asset-10.jpeg) 50%/cover no-repeat;position:absolute;inset:0}.trancatto-page .cta-content{z-index:1;max-width:44rem;margin-inline:auto;padding:clamp(5rem,12vw,8rem) clamp(1.5rem,5vw,5rem);position:relative}.trancatto-page .cta-content .eyebrow{color:#ffffffb8}.trancatto-page .cta-content h2{letter-spacing:-.03em;margin:.85rem 0 1rem;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:500;line-height:1.05}.trancatto-page .cta-content>p{color:#ffffffd1;max-width:32rem;margin:0 auto 2.5rem;font-size:.95rem;line-height:1.7}.trancatto-page .contact-form{text-align:left;gap:1rem;max-width:36rem;margin-inline:auto;display:grid}.trancatto-page .contact-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.trancatto-page .contact-form label{gap:.45rem;display:grid}.trancatto-page .contact-form label span{letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;font-size:.65rem;font-weight:500}.trancatto-page .contact-form input{color:#fff;width:100%;font:inherit;background:#00000038;border:1px solid #ffffff8c;border-radius:0;padding:.95rem 1rem;font-size:.92rem}.trancatto-page .contact-form input::placeholder{color:#ffffff73}.trancatto-page .contact-form input:focus{background:#00000052;border-color:#ffffffd9;outline:none}.trancatto-page .button{width:100%;color:var(--pine);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:0;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem 1.5rem;font-size:.92rem;font-weight:600;transition:background .2s,color .2s;display:flex}.trancatto-page .button:hover{color:var(--ink);background:#f0ede6}.trancatto-page footer{background:var(--ink);color:#ffffffbf;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;padding:clamp(3rem,7vw,4.5rem) clamp(1.5rem,5vw,5rem) 2rem;display:grid}.trancatto-page .footer-brand img{background:0 0;width:200px;height:auto;margin-bottom:1rem;display:block}.trancatto-page .footer-brand p{color:#ffffff80;max-width:18rem;font-size:.9rem;line-height:1.6}.trancatto-page footer small{letter-spacing:.14em;text-transform:uppercase;color:#ffffff61;margin-bottom:.75rem;font-size:.65rem;font-weight:500;display:block}.trancatto-page footer>div:not(.footer-brand){gap:.5rem;font-size:.9rem;display:grid}.trancatto-page footer a:hover{color:#fff}.trancatto-page .copyright{color:#ffffff61;border-top:1px solid #ffffff1a;grid-column:1/-1;margin:1.5rem 0 0;padding-top:1.5rem;font-size:.78rem}.trancatto-page .copyright span{margin-top:.3rem;display:block}.trancatto-page .whatsapp{z-index:90;color:#fff;background:#25d366;border-radius:999px;place-items:center;width:3.25rem;height:3.25rem;transition:transform .2s;display:grid;position:fixed;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 24px #00000026}.trancatto-page .whatsapp:hover{transform:scale(1.06)}.trancatto-page .whatsapp svg{width:1.5rem;height:1.5rem}@media (max-width:1024px){.trancatto-page .intro,.trancatto-page .feature,.trancatto-page .palette{grid-template-columns:1fr}.trancatto-page .products{grid-template-columns:1fr 1fr}.trancatto-page .section-head{grid-column:1/-1;margin-bottom:1.25rem}.trancatto-page .product-main{grid-column:1}.trancatto-page .product-side{grid-column:2;align-self:start}.trancatto-page .product img,.trancatto-page .product-side img{height:520px}.trancatto-page .numbers{grid-template-columns:repeat(2,1fr)}.trancatto-page .numbers>div:nth-child(2){border-right:0}.trancatto-page .numbers>div:first-child,.trancatto-page .numbers>div:nth-child(2){border-bottom:1px solid var(--line)}.trancatto-page .gallery-grid figure{grid-column:span 6!important}.trancatto-page footer{grid-template-columns:1fr 1fr}}@media (max-width:768px){.trancatto-page .header{grid-template-columns:1fr auto;position:absolute}.trancatto-page .nav{top:var(--header-h);background:var(--pine-dark);color:#fff;opacity:0;pointer-events:none;border-bottom:1px solid #ffffff1f;gap:1.25rem;width:100%;padding:1.5rem clamp(1.5rem,5vw,5rem);transition:transform .3s,opacity .3s;display:grid;position:absolute;left:0;transform:translateY(-120%)}.trancatto-page.menu-open .nav,.trancatto-page .nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.trancatto-page .nav-login{border-top:1px solid #ffffff26;margin-top:.5rem;padding-top:1rem;font-weight:600;display:block}.trancatto-page .header-cta{display:none}.trancatto-page .menu{display:block}.trancatto-page .hero-index{display:none}.trancatto-page .intro-copy{padding-top:0}.trancatto-page .products{grid-template-columns:1fr}.trancatto-page .product-main,.trancatto-page .product-side{grid-column:auto}.trancatto-page .product img,.trancatto-page .product-side img{height:115vw}.trancatto-page .section-head h2{font-size:13vw}.trancatto-page .numbers,.trancatto-page .swatches,.trancatto-page footer{grid-template-columns:1fr}.trancatto-page .numbers>div{border-right:0;border-bottom:1px solid var(--line)}.trancatto-page .numbers>div:last-child{border-bottom:0}.trancatto-page .gallery-grid{grid-template-columns:1fr}.trancatto-page .gallery-grid figure{grid-column:auto!important}.trancatto-page .contact-form-row{grid-template-columns:1fr}}.trancatto-auth{background:var(--cream);min-height:100svh;color:var(--ink);font-family:DM Sans,system-ui,sans-serif}.trancatto-auth-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.75rem clamp(1.5rem,5vw,5rem);display:flex}.trancatto-auth-brand{line-height:0;display:block}.trancatto-auth-brand img{filter:brightness(0);width:176px;height:auto;display:block}.trancatto-auth-back{color:var(--muted);font-size:.8125rem;font-weight:600;transition:color .2s}.trancatto-auth-back:hover{color:var(--ink)}.trancatto-auth-main{flex:1;justify-content:center;align-items:center;padding:clamp(2rem,6vw,4rem) clamp(1.5rem,5vw,5rem) 3rem;display:flex}.trancatto-auth-card{border:1px solid var(--line);background:#fff;width:min(100%,28rem);padding:clamp(2rem,5vw,2.75rem)}.trancatto-auth-head{margin-bottom:2rem}.trancatto-auth-head .eyebrow.dark{margin-bottom:.85rem}.trancatto-auth-head h1{letter-spacing:-.05em;margin:0 0 .75rem;font-family:Manrope,sans-serif;font-size:clamp(2rem,5vw,2.75rem);font-weight:300;line-height:1.02}.trancatto-auth-head p{color:var(--muted);margin:0;font-size:.95rem;line-height:1.65}.trancatto-auth form label{letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-size:.65rem;font-weight:500}.trancatto-auth form input{background:var(--cream);border-color:#d8d2c8;border-radius:0}.trancatto-auth form input:focus{border-color:var(--pine);box-shadow:0 0 0 2px #1b3d2f1f}.trancatto-auth form button[type=submit]{background:var(--pine);border-radius:0;font-weight:600}.trancatto-auth form button[type=submit]:hover:not(:disabled){background:var(--pine-dark)}.trancatto-auth form a{color:var(--pine);font-weight:600}.trancatto-auth form a:hover{color:var(--pine-dark)}.trancatto-portal{--ink:#1a1a1a;--cream:#f5f2eb;--cream-dark:#e8e4db;--sand:#c8b59c;--pine:#1b3d2f;--pine-dark:#0f2b23;--terra:#c65e34;--muted:#6b6560;--label:#8a847c;--line:#1a17141a;background:var(--cream);min-height:100svh;color:var(--ink);font-family:DM Sans,system-ui,sans-serif}.trancatto-portal-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem clamp(1.5rem,5vw,5rem);display:flex}.trancatto-portal-header__brand{line-height:0;display:block}.trancatto-portal-header__brand img{filter:brightness(0);width:176px;height:auto;display:block}.trancatto-portal-header__actions{align-items:center;gap:1rem;display:flex}.trancatto-portal-header__label{letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-size:.75rem;font-weight:500}.trancatto-portal-header__logout{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:background .2s,border-color .2s}.trancatto-portal-header__logout:hover:not(:disabled){background:var(--cream);border-color:#cfc8bc}.demo-mode-banner{color:#f4f1ea;background:#173d32;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem clamp(1.5rem,5vw,5rem);font-size:.82rem;display:flex}.demo-mode-banner p{margin:0}.demo-mode-banner__nav{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.demo-mode-banner__nav a{color:#f4f1ea;border-radius:2px;padding:.2rem .45rem;font-weight:600;text-decoration:none}.demo-mode-banner__nav a.is-active,.demo-mode-banner__nav a:hover{background:#ffffff24}.trancatto-portal-header__demo-nav{align-items:center;gap:.5rem;display:flex}.trancatto-portal-header__demo-nav a{border:1px solid var(--line);color:var(--ink);padding:.55rem .9rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.trancatto-portal-header__demo-nav a.is-active,.trancatto-portal-header__demo-nav a:hover{background:var(--cream);border-color:#cfc8bc}.trancatto-portal-main{max-width:72rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.5rem,5vw,5rem) 4rem}.trancatto-portal-intro{margin-bottom:2rem}.trancatto-portal-intro .eyebrow.dark{margin-bottom:.75rem}.trancatto-portal-intro h1{letter-spacing:-.05em;margin:0 0 .75rem;font-family:Manrope,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:300;line-height:1.02}.trancatto-portal-intro p{max-width:38rem;color:var(--muted);margin:0;line-height:1.65}.orders-timeline-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.orders-timeline-sidebar{gap:.85rem;display:grid}.orders-timeline-search{position:relative}.orders-timeline-search__icon{width:1rem;height:1rem;color:var(--label);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.orders-timeline-search__input{width:100%;height:2.75rem;font:inherit;color:var(--ink);background:#fff;border:1px solid #d8d2c8;padding:0 .9rem 0 2.4rem;font-size:.9rem}.orders-timeline-search__input:focus{border-color:var(--pine);outline:none;box-shadow:0 0 0 2px #1b3d2f1f}.orders-timeline-list{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.orders-timeline-list__item{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;width:100%;padding:.9rem 1rem;transition:border-color .2s,box-shadow .2s,transform .2s}.orders-timeline-list__item:hover{border-color:#cfc8bc}.orders-timeline-list__item--active{border-color:var(--pine);box-shadow:0 0 0 1px var(--pine)}.orders-timeline-list__top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.orders-timeline-list__id{color:var(--pine);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;font-weight:600}.orders-timeline-list__status{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:.62rem;font-weight:600}.orders-timeline-list__phase{color:var(--ink);margin:.45rem 0 .35rem;font-size:.9rem;font-weight:600}.orders-timeline-list__meta{color:var(--muted);justify-content:space-between;gap:.75rem;font-size:.78rem;display:flex}.order-tracking-panel{border:1px solid var(--line);background:#fff;padding:clamp(1.25rem,3vw,2rem)}.order-tracking-panel__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.order-tracking-panel__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--label);margin:0 0 .35rem;font-size:.72rem;font-weight:600}.order-tracking-panel__title{letter-spacing:-.04em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:300;line-height:1.05}.order-tracking-panel__headline{max-width:36rem;color:var(--muted);margin:.65rem 0 0;font-size:.95rem;line-height:1.6}.order-tracking-panel__badge{color:var(--pine);letter-spacing:.08em;text-transform:uppercase;background:#1b3d2f0f;border:1px solid #1b3d2f2e;flex-shrink:0;padding:.35rem .65rem;font-size:.68rem;font-weight:600}.order-tracking-panel__timeline{margin-bottom:1.75rem}.order-tracking-panel__timeline--mobile{display:none}.order-tracking-panel__details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.5rem;margin:0;padding-top:1.25rem;display:grid}.order-tracking-panel__details div{gap:.25rem;display:grid}.order-tracking-panel__details dt{letter-spacing:.12em;text-transform:uppercase;color:var(--label);font-size:.65rem;font-weight:500}.order-tracking-panel__details dd{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.order-timeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.order-timeline--vertical{grid-template-columns:1fr;gap:0}.order-timeline__step{gap:.65rem;min-width:0;display:grid}.order-timeline--vertical .order-timeline__step{grid-template-columns:auto 1fr;gap:0 1rem;padding-bottom:1.25rem}.order-timeline__track{align-items:center;min-height:1.5rem;display:flex}.order-timeline--vertical .order-timeline__track{flex-direction:column;align-items:center;min-height:auto}.timeline-marker{border-radius:999px;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:grid}.timeline-marker--completed{background:var(--pine);color:#fff}.timeline-marker--current{border:2px solid var(--terra);background:#fff;box-shadow:0 0 0 4px #c65e3426}.timeline-marker--current span{background:var(--terra);border-radius:999px;width:.45rem;height:.45rem}.timeline-marker--pending{background:#fff;border:2px solid #d8d2c8}.order-timeline__line{background:#d8d2c8;flex:1;height:2px;margin-inline:.2rem}.order-timeline__step--completed .order-timeline__line{background:var(--pine)}.order-timeline--vertical .order-timeline__line{width:2px;height:100%;min-height:1.5rem;margin:.2rem 0}.order-timeline__step--last .order-timeline__line{display:none}.order-timeline__content{min-width:0}.order-timeline__label{color:var(--label);margin:0;font-size:.72rem;font-weight:600;line-height:1.25}.order-timeline__step--completed .order-timeline__label,.order-timeline__step--current .order-timeline__label{color:var(--ink)}.order-timeline__step--current .order-timeline__label{color:var(--terra)}.order-timeline__description{color:var(--muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.45}.orders-timeline-loading,.orders-timeline-empty,.orders-timeline-error{border:1px solid var(--line);text-align:center;background:#fff;padding:2.5rem 1.5rem}.orders-timeline-empty__title,.orders-timeline-error p:first-child{color:var(--ink);margin:0 0 .35rem;font-weight:600}.orders-timeline-empty__text{color:var(--muted);margin:0;font-size:.92rem}.orders-timeline-loading p{color:var(--muted);margin:0}.orders-timeline-error{background:#fff7f7;border-color:#f2c6c6}.orders-timeline-error p:first-child{color:#9f2d2d}.orders-timeline-error__actions{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.orders-timeline-error__actions button,.orders-timeline-error__actions a{color:var(--pine);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.88rem;font-weight:600;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.orders-timeline-layout{grid-template-columns:1fr}.order-tracking-panel__timeline--desktop{display:none}.order-tracking-panel__timeline--mobile{display:block}.order-tracking-panel__details{grid-template-columns:1fr}}@media (max-width:768px){.trancatto-portal-header__label{display:none}}.trancatto-portal-main--wide{max-width:none}.kanban-container{gap:1.25rem;display:grid}.kanban-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.kanban-toolbar__summary{color:var(--muted);margin:0;font-size:.92rem}.kanban-toolbar__action{color:#fff;font:inherit;cursor:pointer;background:#1b3d2f;border:none;padding:.7rem 1.1rem;font-size:.88rem;font-weight:600;transition:background .2s,transform .2s}.kanban-toolbar__action:hover{background:#0f2b23}.kanban-alert{color:#8a3f22;background:#c65e3414;border:1px solid #c65e3440;padding:.85rem 1rem;font-size:.9rem}.kanban-board{scroll-snap-type:x proximity;grid-template-columns:repeat(6,minmax(220px,1fr));gap:.85rem;padding-bottom:.5rem;display:grid;overflow-x:auto}.kanban-board--busy{opacity:.92;pointer-events:none}.kanban-column{border:1px solid var(--line);scroll-snap-align:start;background:#fff;flex-direction:column;min-height:420px;transition:border-color .2s,box-shadow .2s;display:flex}.kanban-column--active{border-color:var(--pine);box-shadow:0 0 0 2px #1b3d2f1f}.kanban-column__header{border-bottom:1px solid var(--line);background:var(--cream);justify-content:space-between;align-items:center;gap:.5rem;padding:.85rem .9rem;display:flex}.kanban-column__header h3{letter-spacing:.04em;text-transform:uppercase;color:var(--label);margin:0;font-size:.82rem;font-weight:600}.kanban-column__count{border:1px solid var(--line);min-width:1.5rem;height:1.5rem;color:var(--muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;padding:0 .35rem;font-size:.72rem;font-weight:600;display:inline-flex}.kanban-column__body{flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:.75rem;display:flex}.kanban-column__empty{text-align:center;color:var(--label);margin:0;padding:1rem .5rem;font-size:.8rem;line-height:1.5}.kanban-card{border:1px solid var(--line);cursor:grab;background:#fff;gap:.55rem;padding:.8rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.kanban-card:hover{border-color:#cfc8bc;box-shadow:0 8px 20px #1a17140f}.kanban-card--grabbed,.kanban-card--dragging{opacity:.55;cursor:grabbing}.kanban-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kanban-card__id{letter-spacing:.06em;text-transform:uppercase;color:var(--pine);font-size:.78rem;font-weight:700}.kanban-card__date{color:var(--label);font-size:.75rem}.kanban-card__cnpj{color:var(--ink);margin:0;font-size:.84rem;font-weight:500}.kanban-card__metrics{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.kanban-card__metrics div{gap:.15rem;display:grid}.kanban-card__metrics dt{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:.68rem}.kanban-card__metrics dd{color:var(--ink);margin:0;font-size:.82rem;font-weight:600}.kanban-modal{z-index:50;background:#0f141273;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.kanban-modal__dialog{border:1px solid var(--line);background:#fff;width:min(100%,32rem);max-height:calc(100svh - 3rem);overflow:auto;box-shadow:0 24px 60px #0f14122e}.kanban-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.25rem 0;display:flex}.kanban-modal__header h2{letter-spacing:-.03em;margin:.35rem 0 0;font-family:Manrope,sans-serif;font-size:1.5rem;font-weight:400}.kanban-modal__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.15rem .35rem;font-size:1.5rem;line-height:1}.kanban-modal__form{gap:1rem;padding:1.25rem;display:grid}.kanban-modal__grid{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.kanban-modal__select-label{color:#404040;font-size:.875rem;font-weight:500}.kanban-modal__select{width:100%;height:2.75rem;font:inherit;color:#262626;background:#fff;border:1px solid #d4d4d4;border-radius:.5rem;padding:0 .9rem}.kanban-modal__footer{justify-content:flex-end;gap:.65rem;padding-top:.25rem;display:flex}.kanban-modal__secondary,.kanban-modal__primary{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;padding:.65rem 1rem;font-size:.86rem;font-weight:600}.kanban-modal__primary{border-color:var(--pine);background:var(--pine);color:#fff}.kanban-modal__primary:hover:not(:disabled),.kanban-modal__secondary:hover:not(:disabled){opacity:.92}.kanban-modal__primary:disabled,.kanban-modal__secondary:disabled{opacity:.55;cursor:not-allowed}.kanban-client-hint{color:var(--muted);margin:0;font-size:.86rem}.kanban-client-banner{border:1px solid var(--line);padding:.85rem 1rem;font-size:.88rem;line-height:1.5}.kanban-client-banner--existing{color:var(--pine);background:#eef4f0}.kanban-client-banner--new{color:#8a3f22;background:#c65e3414;border-color:#c65e3433}.kanban-client-banner__title{margin:0 0 .25rem;font-weight:600}.kanban-client-banner p{margin:0}.kanban-credentials__intro{color:var(--muted);margin:0;line-height:1.6}.kanban-credentials__list{gap:.85rem;margin:0;display:grid}.kanban-credentials__list div{gap:.2rem;display:grid}.kanban-credentials__list dt{letter-spacing:.08em;text-transform:uppercase;color:var(--label);font-size:.68rem}.kanban-credentials__list dd{color:var(--ink);margin:0;font-size:.95rem;font-weight:600}.kanban-credentials__password{letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.orders-timeline-loading__hint{color:var(--muted);margin-top:.5rem;font-size:.88rem}@media (max-width:1200px){.kanban-board{grid-template-columns:repeat(6,minmax(240px,280px))}}@media (max-width:640px){.kanban-modal__grid{grid-template-columns:1fr}}
