@font-face{font-family:"Lokanova Rounded";src:url("../fonts/LokanovaRounded.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Gotham";src:url("../fonts/Gotham-Book.woff2") format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Gotham";src:url("../fonts/Gotham-Medium.woff2") format("woff2");font-weight:500;font-display:swap}@font-face{font-family:"Gotham";src:url("../fonts/Gotham-Bold.woff2") format("woff2");font-weight:700;font-display:swap}*,*::before,*::after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:#fff;color:#3d505a;font-family:"Gotham","Montserrat","Helvetica Neue",Arial,sans-serif;font-size:1rem;line-height:1.5}img,svg{display:block;max-width:100%}a{color:#c24612}a:hover{color:#f26522}h1,h2,h3,p,ul{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:.1875rem solid #077a9b;outline-offset:.125rem}.icon{width:1.25rem;height:1.25rem;flex:none;fill:currentColor}.container{width:min(80rem,100% - 2rem);margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:20;padding:.5rem 1rem;border-radius:.5rem;background:#3d505a;color:#fff;font-weight:700;text-decoration:none}.skip-link:focus{top:.5rem}.text-short{display:none}@media(max-width: 63.9375rem){.text-long,.desktop-only{display:none}.text-short{display:inline}}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1.5rem;border:1px solid rgba(0,0,0,0);border-radius:62.5rem;background:#fcaf17;color:#3d505a;font:700 1.0625rem/1 "Gotham","Montserrat","Helvetica Neue",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 160ms cubic-bezier(0.2, 0.7, 0.3, 1),color 160ms cubic-bezier(0.2, 0.7, 0.3, 1)}.btn:hover{background:#f5a300;color:#3d505a}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn .icon{width:1.125rem;height:1.125rem}.btn-primary{height:3.25rem;padding:0 2rem;background:#f26522;color:#fff;font-size:1.1875rem}.btn-primary:hover{background:#c24612;color:#fff}.btn-dark{background:#3d505a;color:#fff}.btn-dark:hover{background:#2c3b43;color:#fff}.btn-lg{height:3.25rem;padding:0 2rem;font-size:1.1875rem}.field{display:flex;flex-direction:column;gap:.25rem}.field label{font-size:1rem;font-weight:700}.field small{color:#5e6e78;font-size:.8333rem;font-weight:400}.field input,.field select,.field textarea{width:100%;height:2.75rem;padding:0 .75rem;border:1px solid #b9c4cc;border-radius:.5rem;background:#fff;color:#3d505a;font:400 1rem/1.5 "Gotham","Montserrat","Helvetica Neue",Arial,sans-serif;transition:border-color 160ms cubic-bezier(0.2, 0.7, 0.3, 1)}.field input::placeholder,.field select::placeholder,.field textarea::placeholder{color:#5e6e78;opacity:1}.field input:hover,.field select:hover,.field textarea:hover{border-color:#5e6e78}.field input[aria-invalid=true],.field select[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#c42b2b}.field textarea{height:8.75rem;padding:.75rem;resize:vertical}.field-error{color:#c42b2b;font-size:.875rem;line-height:1.45}.field-trap{position:absolute;left:-9999rem;width:1px;height:1px;overflow:hidden}.notice{padding:1rem 1.5rem;border-radius:1rem;background:#eef9fc;color:#3d505a}.notice-success{background:#eaf6ee;color:#1b6e42}.notice-error{background:#fdeeee;color:#c42b2b}.topbar{background:#f26522;color:#fff;font-size:.875rem;font-weight:500}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:2.5rem}.topbar ul{display:flex;align-items:center;gap:1.25rem;padding:0;list-style:none}.topbar li{display:flex}.topbar a{display:inline-flex;align-items:center;gap:.375rem;color:inherit;text-decoration:none}.topbar .icon{width:1.125rem;height:1.125rem}.site-header{position:sticky;top:0;z-index:12;height:6rem;border-bottom:1px solid #dce3e8;background:#fff;transition:box-shadow 240ms cubic-bezier(0.2, 0.7, 0.3, 1)}.site-header.is-stuck{box-shadow:0 .5rem 1.5rem rgba(61,80,90,.14)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:block;flex:none;width:8rem}.logo img{width:8rem;height:5.625rem;object-fit:contain}.menu-toggle{display:none}.main-nav{display:flex;align-items:center;gap:2rem}.main-nav a{padding:.5rem .25rem;color:#3d505a;font-size:1rem;font-weight:500;text-decoration:none}.main-nav a:hover{color:#c24612}.site-footer{border-top:1px solid #dce3e8;background:#fff;color:#3d505a;overflow:hidden}.site-footer strong{color:#c24612;font-size:.9375rem}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem;padding:3.5rem 0 2.5rem}.footer-about{display:flex;flex-direction:column;gap:1rem}.footer-about p{max-width:20rem;color:#5e6e78;font-size:.9375rem;line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:.625rem}.footer-links a{color:#3d505a;font-size:.9375rem;text-decoration:none}.footer-links a:hover{color:#c24612}.footer-links span{font-size:.9375rem}.footer-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;height:20rem;padding-bottom:1.5rem}.footer-trama{position:absolute;bottom:0;width:22rem;height:15.9375rem}.footer-trama-left{left:0}.footer-trama-right{right:0;transform:scaleX(-1)}.footer-logo{position:relative;width:12.5rem;height:8.8125rem;object-fit:contain}.footer-legal{position:relative;display:flex;flex-direction:column;align-items:center;gap:.375rem;color:#5e6e78;font-size:.875rem;text-align:center}.footer-bar{height:1.75rem;background:#f26522}.whatsapp-float{position:fixed;right:2rem;bottom:2.75rem;z-index:10;display:grid;place-items:center;width:3.75rem;height:3.75rem;border-radius:62.5rem;background:#128c7e;color:#fff;box-shadow:0 .5rem 1.5rem rgba(61,80,90,.14)}.whatsapp-float:hover{color:#fff}.whatsapp-float .icon{width:2rem;height:2rem}@media(max-width: 63.9375rem){.topbar{font-size:.8125rem}.topbar .container{justify-content:center;height:2.25rem;text-align:center}.topbar ul{display:none}html{scroll-padding-top:4.5rem}.site-header{height:4.5rem}.logo{width:auto}.logo img{width:5.5rem;height:3.875rem}.menu-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:rgba(0,0,0,0);color:#3d505a;cursor:pointer}.menu-toggle .icon{width:1.625rem;height:1.625rem}.menu-toggle .menu-icon-close{display:none}.menu-toggle[aria-expanded=true] .menu-icon-open{display:none}.menu-toggle[aria-expanded=true] .menu-icon-close{display:block}.main-nav{position:absolute;top:100%;left:0;right:0;z-index:15;display:none;flex-direction:column;align-items:stretch;gap:0;padding:.5rem 1rem 1rem;border-bottom:1px solid #dce3e8;background:#fff;box-shadow:0 .5rem 1.5rem rgba(61,80,90,.14)}.main-nav.is-open{display:flex}.main-nav a{padding:.75rem 0;border-bottom:1px solid #dce3e8}.footer-columns{grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.75rem 1.5rem;padding:2.5rem 0 1.5rem}.footer-about{grid-column:1/-1;gap:.75rem}.footer-about p{max-width:none}.footer-contact{display:none}.footer-brand{justify-content:flex-start;gap:.75rem;height:auto;padding:2rem 1rem .5rem;border-top:1px solid #dce3e8}.footer-brand::after{content:"";display:block;width:100%;height:7.25rem;margin-top:-0.75rem}.footer-trama{width:10rem;height:7.25rem}.footer-logo{width:9.375rem;height:6.5625rem}.footer-legal{gap:.25rem;font-size:.8125rem}.footer-bar{height:1.5rem}.whatsapp-float{right:1rem;bottom:1.5rem;width:3.5rem;height:3.5rem}.whatsapp-float .icon{width:1.875rem;height:1.875rem}}.contact-head h2,.branches h2,.history-intro h2,.choice h2{color:#3d505a;font:400 2.25rem/1.1 "Lokanova Rounded","Arial Rounded MT Bold","Nunito",sans-serif;letter-spacing:.01em}.section{padding:4rem 0}.hero{padding:3.5rem 0 4rem;background:#fff url("../img/trama/trama.svg") center/15rem auto repeat}.hero>.container{display:flex;flex-direction:column;align-items:center;gap:2rem}.hero-title{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem 2.5rem;border-radius:1.5rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(61,80,90,.14);text-align:center}.hero-title h1{color:#3d505a;font:400 2.75rem/1.05 "Lokanova Rounded","Arial Rounded MT Bold","Nunito",sans-serif;letter-spacing:.01em}.hero-title p{color:#5e6e78;font-size:1.125rem}.store-choice{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem;width:min(65rem,100%)}.choice{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2.5rem 2.5rem;border-top:.375rem solid #f26522;border-radius:1.5rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(61,80,90,.14);text-align:center}.choice img{width:12.5rem;height:8.8125rem;object-fit:contain}.choice p{max-width:22.5rem;color:#5e6e78}.choice-wholesale{border-top-color:#00b2dd}.history>.container{display:flex;flex-direction:column;gap:2.5rem}.history-intro{display:grid;grid-template-columns:minmax(0, 1fr) 35rem;grid-template-areas:". photo" "title photo" "text photo" ". photo";grid-template-rows:1fr auto auto 1fr;column-gap:4rem}.history-intro h2{grid-area:title;padding-bottom:1rem}.history-team{grid-area:photo;width:35rem;height:23.3125rem;border-radius:1.5rem;object-fit:cover}.history-text{grid-area:text;display:flex;flex-direction:column;gap:1rem}.history-text p{max-width:38.75rem}.gallery{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1.5rem}.gallery img{width:100%;height:auto;aspect-ratio:3/2;border-radius:1rem;object-fit:cover}.gallery-stat{display:flex;flex-direction:column;justify-content:center;gap:.25rem;padding:1.5rem;border-radius:1rem;background:#fcaf17;color:#3d505a}.gallery-stat strong{font-size:2.75rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.gallery-stat span{font-weight:700}.brands{display:flex;flex-direction:column;gap:1.25rem}.brands h3{font-size:1.25rem;font-weight:700}.brands ul{display:grid;grid-template-columns:repeat(6, minmax(0, 1fr));gap:1rem 2rem;padding:0;list-style:none}.brands li{position:relative}.brands img{width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}.brand-gray{position:absolute;inset:0;height:100% !important;transition:opacity 400ms cubic-bezier(0.2, 0.7, 0.3, 1)}@media(hover: hover){.brands li:hover .brand-gray{opacity:0}}.branches{background:#fff4ee}.branches>.container{display:flex;flex-direction:column;gap:2rem}.branch-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2rem}.branch{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;padding:2rem;border:1px solid #dce3e8;border-top:.375rem solid #f26522;border-radius:1rem;background:#fff}.branch>img{flex:none;width:8.75rem;height:6.125rem;object-fit:contain}.branch-yellow{border-top-color:#fcaf17}.branch-blue{border-top-color:#00b2dd}.branch-info{display:flex;flex-direction:column;gap:.75rem}.branch-info h3{font-size:1.25rem;font-weight:700}.branch-role{color:#5e6e78;font-size:.8125rem;font-weight:500;letter-spacing:.02em}.branch-row{display:flex;align-items:center;gap:.5rem;color:#3d505a;text-decoration:none}.branch-row .icon{color:#c24612}a.branch-row:hover{color:#c24612}.branch-hours{color:#5e6e78}.branch-map{display:inline-flex;align-items:center;gap:.25rem;font-weight:700;text-decoration:none}.branch-map .icon{width:1rem;height:1rem}.jobs{background:#f5f7f9}.jobs>.container{display:flex;align-items:center;justify-content:space-between;gap:2rem;height:7.5rem}.jobs-text{display:flex;align-items:center;gap:1.25rem}.jobs-text>div{display:flex;flex-direction:column;gap:.125rem}.jobs-text h2{font-size:1.25rem;font-weight:700}.jobs-text p{color:#5e6e78}.jobs-icon{display:grid;place-items:center;flex:none;width:3.5rem;height:3.5rem;border-radius:62.5rem;background:#00b2dd;color:#3d505a}.jobs-icon .icon{width:1.75rem;height:1.75rem}.contact>.container{display:grid;grid-template-columns:minmax(0, 1fr) 25rem;align-items:start;gap:4rem}.contact-main{display:flex;flex-direction:column;gap:1.5rem}.contact-head{display:flex;flex-direction:column;gap:.5rem}.contact-head p{color:#5e6e78}.contact-form{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1rem 1.5rem}.field-wide{grid-column:1/-1}.contact-other{display:flex;flex-direction:column;gap:1.25rem;padding:2rem;border:1px solid #dce3e8;border-radius:1rem}.contact-other h3{font-size:1.25rem;font-weight:700}.contact-other a{display:flex;align-items:center;gap:.75rem;color:#3d505a;text-decoration:none}.contact-other a:hover{color:#c24612}.contact-icon{display:grid;place-items:center;flex:none;width:2.75rem;height:2.75rem;border-radius:62.5rem;background:#fff4ee;color:#c24612}.contact-icon .icon{width:1.375rem;height:1.375rem}@media(max-width: 63.9375rem){.section{padding:2.5rem 0}.hero{padding:1.5rem 0 2rem;background-size:11.25rem auto}.hero>.container{align-items:stretch;gap:1rem}.hero-title{gap:.375rem;padding:1.25rem;border-radius:1rem}.hero-title h1{font-size:1.875rem}.hero-title p{font-size:.9375rem}.store-choice{grid-template-columns:minmax(0, 1fr);gap:1rem}.choice{gap:.75rem;padding:1.25rem;border-radius:1rem}.choice img{width:8.75rem;height:6.125rem}.choice h2{font-size:1.75rem;letter-spacing:0}.choice p{max-width:none;font-size:.9375rem}.choice .btn{width:100%}.history>.container{gap:1.25rem}.history-intro{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem}.history-intro h2{padding-bottom:0;font-size:1.75rem}.history-team{width:100%;height:auto;aspect-ratio:3/2;border-radius:1rem}.history-text{gap:1.25rem}.history-text p{max-width:none;font-size:.9375rem}.gallery{grid-template-columns:repeat(2, minmax(0, 1fr));gap:.75rem}.gallery img{border-radius:.75rem}.gallery-stat{gap:.125rem;padding:.75rem;border-radius:.75rem}.gallery-stat strong{font-size:1.875rem}.gallery-stat span{font-size:.875rem}.brands{gap:1.25rem;margin-top:.5rem}.brands h3{font-size:1.0625rem}.brands ul{grid-template-columns:repeat(3, minmax(0, 1fr));gap:.5rem 1rem}.branches>.container{gap:1.25rem}.branches h2{font-size:1.75rem}.branch-grid{grid-template-columns:minmax(0, 1fr);gap:1.25rem}.branch{gap:.625rem;padding:1.25rem}.branch>img{width:6.875rem;height:4.8125rem}.branch-info{display:contents}.branch-info h3{font-size:1.125rem}.branch-role{font-size:.75rem}.branch-row,.branch-map{font-size:.9375rem}.branch-hours{align-items:flex-start;font-size:.875rem}.jobs>.container{flex-direction:column;align-items:flex-start;gap:1rem;height:auto;padding:1.5rem 0}.jobs-text{align-items:flex-start;gap:.875rem}.jobs-text>div{gap:.25rem}.jobs-text h2{font-size:1.0625rem}.jobs-text p{font-size:.875rem}.jobs-icon{width:2.75rem;height:2.75rem}.jobs-icon .icon{width:1.5rem;height:1.5rem}.contact>.container{grid-template-columns:minmax(0, 1fr);gap:1.25rem}.contact-main{gap:1.25rem}.contact-head{gap:.375rem}.contact-head h2{font-size:1.75rem}.contact-head p{font-size:.9375rem}.contact-form{grid-template-columns:minmax(0, 1fr);gap:1rem}.contact-form textarea{height:7.5rem}.contact-form .btn{width:100%}.contact-other{gap:.875rem;padding:1.25rem;font-size:.9375rem}.contact-other h3{font-size:1.0625rem}.contact-icon{width:2.5rem;height:2.5rem}.contact-icon .icon{width:1.25rem;height:1.25rem}}
