@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#101b32;--lime:#2ccbdd;--paper:#f5f8fb;--muted:#687789}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--green);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;background:var(--paper);height:91px;border-bottom:1px solid #dcded5;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.logo{display:flex;flex-direction:column;width:95px;line-height:1}.logo b{font-size:35px;font-weight:800;letter-spacing:-2px}.logo b span{font-size:10px;vertical-align:top;letter-spacing:0}.logo small{font-size:10px;letter-spacing:4px;margin-top:5px}nav{display:flex;gap:32px;font-size:14px}.bag{border:1px solid #bdc4b9;background:none;padding:12px 18px;border-radius:5px;font-weight:600}.bag span{display:inline-grid;place-items:center;background:var(--green);color:white;min-width:23px;height:23px;border-radius:50%;margin-left:12px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:625px}.hero-copy{padding:65px 8% 35px 9.5%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-3px;line-height:1.08}h1{font-size:clamp(40px,4.3vw,66px);margin:26px 0}h1 em{font-style:normal;color:#008f9f}.hero p{font-size:16px;line-height:1.7;max-width:380px;color:#647387}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:white;border:0;border-radius:4px;padding:17px 23px;font-size:14px;font-weight:600}.hero .primary{margin-top:12px}.hero-foot{display:flex;gap:24px;margin-top:42px;font-size:11px;color:#647387}.hero-foot span:before{content:'•';color:#00a9ba;margin-right:6px}.hero-art{position:relative;background:#dcecf3;overflow:hidden;min-height:580px}.art-label{position:absolute;left:30px;top:28px;font-size:10px;letter-spacing:2px}.shirt{position:absolute;overflow:hidden;border-radius:5px;box-shadow:0 20px 50px #101b3218;width:59%;aspect-ratio:0.83;background:white}.shirt img{width:100%;height:100%;object-fit:contain}.shirt.a{top:90px;left:6%;transform:rotate(-9deg)}.shirt.b{right:2%;top:190px;transform:rotate(10deg);background:#000}.art-bottom{position:absolute;bottom:30px;left:30px;font-size:10px;letter-spacing:2px}.circle{position:absolute;right:20px;top:45px;width:100px;height:100px;border-radius:50%;background:var(--lime);display:grid;place-content:center;text-align:center;font-size:11px;line-height:1.7;transform:rotate(12deg)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-bottom:1px solid #d6dacf;padding:32px 5%}.steps>div{display:flex;gap:18px;align-items:center}.steps b{font-size:25px;color:#009bad;font-weight:400}.steps strong,.steps small{display:block}.steps strong{font-size:14px}.steps small{font-size:11px;color:var(--muted);margin-top:7px}.catalog{padding:72px 5%}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}h2{font-size:45px;margin:12px 0}.section-title p{color:var(--muted);font-size:13px;line-height:1.7}.filters{border-top:1px solid #d7dccf;padding-top:23px}.tabs{display:flex;gap:9px;margin-bottom:20px}.tabs button{background:transparent;border:1px solid #d4dacd;border-radius:4px;padding:12px 19px;font-size:13px;color:var(--green)}.tabs .active{background:var(--green);color:white;border-color:var(--green)}.tabs small{margin-left:9px;opacity:.65}.searches{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;border:1px solid #d7dccf;border-radius:4px;padding:0 15px;flex:1;background:white}.search input{width:100%;border:0;background:none;padding:13px 0;outline-offset:4px}select{border:1px solid #d7dccf;padding:12px;border-radius:4px;background:white;color:var(--green);max-width:100%}.result-line{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:23px 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 20px}.card{min-width:0}.image-button{position:relative;width:100%;padding:0;border:0;background:#eee;overflow:hidden;border-radius:5px;aspect-ratio:1}.image-button img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.image-button:hover img{transform:scale(1.04)}.card .code{position:absolute;left:10px;top:10px;background:#f5f8fbe8;padding:6px 8px;border-radius:3px;font-size:9px;letter-spacing:1px;color:var(--green)}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.card h3{font-size:14px;margin:0}.card p{font-size:11px;color:var(--muted);margin:7px 0 13px}.swatches{display:flex;gap:5px}.swatch{width:12px;height:12px;border-radius:50%;border:1px solid #ccc;display:inline-block}.card-action{display:flex;align-items:center;justify-content:space-between}.card-action span{font-size:11px;color:#647387}.card-action button{border:1px solid #c9d0c1;border-radius:4px;background:transparent;padding:8px 12px;font-size:11px;color:var(--green)}.more{text-align:center;margin-top:45px}.more button,.secondary{background:transparent;border:1px solid #bbc6b4;padding:13px 24px;border-radius:4px;color:var(--green)}.contact{background:var(--green);color:var(--paper);text-align:center;padding:65px 20px}.contact h2{font-size:52px;margin:22px}.contact p{color:#bacbdc;font-size:14px;line-height:1.8}.contact .primary{background:var(--lime);color:var(--green);margin-top:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:40px 5%;gap:25px}footer p,footer>a:last-child{font-size:11px;line-height:1.8;color:#647387}dialog{border:0;padding:38px;border-radius:10px;background:var(--paper);color:var(--green);max-width:min(900px,94vw);max-height:92vh;width:900px}dialog::backdrop{background:#091711b3;backdrop-filter:blur(4px)}.close{position:absolute;right:13px;top:9px;border:0;background:var(--paper);font-size:30px;color:var(--green);z-index:1;border-radius:50%;width:36px;height:36px}#productContent{display:grid;grid-template-columns:1fr 1fr;gap:35px}#productContent>img{width:100%;border-radius:5px;max-height:70vh;object-fit:contain}dialog h2{font-size:32px;letter-spacing:-1px}dialog label{display:block;font-size:12px;font-weight:600;margin:20px 0 8px}dialog input,dialog textarea,dialog select{width:100%;padding:12px;border:1px solid #cbd3c4;background:white;border-radius:4px;margin-top:8px;color:var(--green)}dialog textarea{min-height:85px;resize:vertical}.color-options{display:flex;gap:7px;flex-wrap:wrap}.color-options button{border:1px solid #ccd2c6;padding:9px 12px;background:white;border-radius:4px;font-size:12px}.color-options .selected{outline:2px solid var(--green);outline-offset:1px}.fine{font-size:11px;line-height:1.7;color:#737d6e}.product-form .primary{width:100%;margin-top:15px}.product-form .catalog-tag{font-size:11px;color:#737d6e}.product-form p{line-height:1.7;font-size:13px}#cartDialog{max-width:600px}.cart-row{display:flex;gap:15px;padding:20px 0;border-bottom:1px solid #d6ddce}.cart-row img{width:75px;height:80px;object-fit:contain}.cart-row>div{flex:1}.cart-row strong{font-size:13px}.cart-row p{font-size:11px;line-height:1.6;color:#737d6e;margin:5px 0}.cart-row input{width:75px;padding:6px;margin:0}.remove{border:0;background:none;color:#80614d;text-decoration:underline;font-size:11px}.order-total{display:flex;justify-content:space-between;border-top:1px solid #d6ddce;padding:20px 0;margin-top:20px}#orderForm .primary{width:100%}#orderForm .secondary{width:100%;margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:15px 24px;border-radius:6px;z-index:20;display:none;font-size:13px}.empty{grid-column:1/-1;text-align:center;padding:55px 10px;color:var(--muted)}button:focus-visible,a:focus-visible{outline:3px solid #00a9ba;outline-offset:4px}
@media(min-width:1500px){main,footer,header{max-width:1600px;margin:auto}}@media(max-width:900px){h1{font-size:47px}.hero-copy{padding:48px 7%}.hero-art{min-height:570px}.hero-foot{flex-direction:column;gap:8px}.grid{grid-template-columns:repeat(3,1fr)}.steps{gap:20px}.steps small{line-height:1.5}.searches{flex-wrap:wrap}.search{min-width:100%}footer{flex-wrap:wrap}.circle{width:80px;height:80px;font-size:9px}}@media(max-width:600px){header{height:76px;padding:0 5%}nav{gap:12px}nav a{font-size:11px}nav a:last-child{display:none}.logo{width:75px}.logo b{font-size:29px}.logo small{font-size:8px;letter-spacing:3px}.bag{padding:9px 10px;font-size:11px}.bag span{margin-left:5px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 32px}h1{font-size:49px;letter-spacing:-2.6px;margin:22px 0}.hero p{font-size:14px}.hero-foot{flex-direction:row;margin-top:26px;gap:18px;font-size:10px}.hero-art{min-height:390px}.shirt{width:48%;aspect-ratio:.85}.shirt.a{top:50px;left:9%}.shirt.b{top:100px;right:7%}.circle{top:17px;right:15px;width:69px;height:69px;font-size:8px}.art-label{top:20px;left:20px;font-size:8px}.art-bottom{bottom:18px;left:20px;font-size:8px}.steps{grid-template-columns:1fr;padding:25px 6%;gap:21px}.steps>div{gap:17px}.steps b{font-size:22px}.steps small{font-size:11px;margin-top:3px}.catalog{padding:45px 5%}.section-title{align-items:start;margin-bottom:22px}.section-title h2{font-size:36px;letter-spacing:-2px}.section-title p{display:none}.tabs{gap:6px}.tabs button{padding:10px;font-size:11px;flex:1}.tabs small{margin-left:4px}.searches{gap:8px}.searches select{flex:1;min-width:0;font-size:11px}.result-line{font-size:9px;gap:10px;line-height:1.5}.grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.card h3{font-size:12px}.card p{font-size:10px}.swatches{gap:3px}.swatch{width:9px;height:9px}.card-meta{gap:4px}.card-action{align-items:start;gap:4px;flex-direction:column}.card-action button{width:100%;margin-top:6px;padding:10px}.card-action span{font-size:10px}.contact{padding:48px 20px}.contact h2{font-size:39px;letter-spacing:-2px}.contact p{font-size:12px}footer{gap:16px;padding:30px 5%}footer p{font-size:10px}footer p:last-of-type{width:100%;order:4}dialog{padding:34px 20px 24px}#productContent{grid-template-columns:1fr;gap:20px}#productContent>img{max-height:45vh}.product-form h2{margin:8px 0}.product-form label{margin-top:15px}.toast{width:90%;text-align:center}}

.logo{position:relative;padding-left:54px;width:160px;min-height:47px;justify-content:center}.logo:before{content:'';position:absolute;left:0;top:0;width:47px;height:47px;background:url('assets/logo.jpg') center/cover;border-radius:50%}.logo b{font-size:29px}.logo small{font-size:8px;letter-spacing:3px}.hero-art{background:radial-gradient(ellipse at 70% 15%,#42ccdc55,transparent 60%),linear-gradient(135deg,#dcecf3,#c6dbe8)}.contact .primary{color:#101b32}.hero-copy>.eyebrow{color:#007f90}@media(max-width:600px){.logo{width:100px;padding-left:42px;min-height:37px}.logo:before{width:36px;height:36px}.logo b{font-size:22px}.logo small{font-size:6px;letter-spacing:1.5px}nav{gap:10px}}


.packages{padding:65px 5% 45px;border-bottom:1px solid #d4e0e8;background:#eaf3f7}.packages>p{font-size:14px;line-height:1.7}.packages-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.package-card{text-align:left;padding:20px 16px;background:white;border:1px solid #c9d9e3;border-radius:6px;color:#101b32;display:flex;flex-direction:column;gap:10px}.package-card>span{font-size:13px}.package-card>strong{font-size:27px;letter-spacing:-1px}.package-card>small{color:#647387;font-size:10px}.package-card>b{font-size:11px;margin-top:6px;color:#007f90}.package-card:hover,.package-card[aria-pressed=true]{border-color:#008f9f;box-shadow:0 0 0 1px #008f9f}.delivery-banner{padding:15px 18px;background:#d7f1f5;color:#075969;border-radius:5px;font-size:13px;line-height:1.6}.delivery-banner[hidden]{display:none}.cart-pricing{border-top:1px solid #d4e0e8;padding-top:15px}.cart-pricing>div{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:13px 0;font-size:12px}.cart-pricing strong{text-align:right;font-size:12px}.cart-pricing .grand-total{font-size:16px;padding:12px 0}.grand-total b{font-size:26px}.card-action span{line-height:1.5}nav{gap:22px}@media(max-width:900px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.packages{padding:40px 5%}.packages h2{font-size:33px;letter-spacing:-2px}.packages-grid{grid-template-columns:repeat(2,1fr);gap:10px}.package-card{padding:17px 14px}.package-card>strong{font-size:25px}.hero-foot{flex-direction:column;gap:8px}nav{gap:10px}nav a[href="#como"]{display:none}.cart-pricing>div{gap:12px}}
