:root{color:#4f3836;background:#fbf8f5;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c7877c;outline-offset:3px}.shell{max-width:1440px;margin:auto;padding:0 48px}.topbar{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e0da}.brand{display:flex;align-items:center;gap:13px}.brand img{height:64px;width:58px;object-fit:cover;object-position:top;border-radius:4px}.brand div{display:flex;flex-direction:column;gap:5px}.brand strong{font-size:17px;letter-spacing:.19em;font-weight:600}.brand span{font-size:9px;letter-spacing:.2em;color:#ad8e82}.top-contact{border:1px solid #cfa49a;color:#9a6b64;border-radius:99px;padding:11px 17px;font-size:11px;font-weight:700;transition:.2s}.top-contact:hover{background:#f6e4df}.top-contact span{margin-left:10px}.hero{min-height:365px;display:grid;grid-template-columns:1fr .77fr;background:#fae9e5;border-radius:0 0 23px 23px;overflow:hidden}.hero-copy{padding:62px 48px 45px}.eyebrow,.small-label,.quote-kicker{font-size:10px;letter-spacing:.22em;font-weight:700;color:#ad7771}.eyebrow .dash{display:inline-block;background:#bb8b83;width:26px;height:1px;margin-right:10px;vertical-align:middle}.hero h1{font-size:clamp(40px,5.2vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.06;margin:20px 0 15px}.hero h1 em{font:italic 600 1em Georgia,serif;color:#af716d}.hero p{max-width:510px;font-size:15px;line-height:1.65;color:#806c67;margin:0 0 25px}.hero-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #ab7973;padding:0 0 7px;color:#805551;font-size:12px;font-weight:700}.hero-visual{position:relative;overflow:hidden;min-height:350px;background:#f3dad3}.visual-circle{position:absolute;border-radius:50%;border:1px solid #d9afa4}.circle-one{width:400px;height:400px;left:6%;top:-26%}.circle-two{width:350px;height:350px;right:-20%;bottom:-68%}.product-illustrations{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;transform:rotate(-8deg)}.shirt-icon{width:184px;height:165px;display:grid;place-items:center;font:55px Georgia,serif;color:#b77a73;background:#fff9f4;clip-path:polygon(19% 8%,32% 0,43% 11%,57% 11%,68% 0,81% 8%,100% 25%,86% 44%,79% 38%,79% 100%,21% 100%,21% 38%,14% 44%,0 25%);filter:drop-shadow(0 18px 17px #9d68564c)}.mug-icon{height:136px;width:132px;background:#fdf7f1;border-radius:0 0 36px 36px;border:4px solid #faf1e9;box-shadow:17px 19px 25px #9d68564c;position:relative;display:grid;place-items:center;color:#bc8c78;font:50px Georgia,serif;margin-top:60px}.mug-icon:after{content:'';position:absolute;width:39px;height:74px;border:14px solid #fdf7f1;border-radius:50%;right:-42px;top:15px}.hero-note{position:absolute;right:34px;bottom:27px;color:#a3726b;font-size:11px;letter-spacing:.2em;line-height:1.25;transform:rotate(8deg)}.hero-note b{font:italic 600 22px Georgia,serif;letter-spacing:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 351px;gap:24px;align-items:start;padding:42px 0 70px}.builder,.quote{border:1px solid #eee4de;background:#fff;border-radius:18px;box-shadow:0 18px 45px rgba(68,43,39,.04)}.builder{padding:29px}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.section-head h2,.cart-head h2{font-size:26px;letter-spacing:-.04em;font-weight:600;margin:9px 0 6px}.section-head p{font-size:13px;color:#96827a;margin:0}.step-mark{font:italic 45px Georgia,serif;color:#eddbd5}.design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.design-card{border:1px solid #e9ddd7;border-radius:12px;overflow:hidden}.design-image{height:151px;display:grid;place-items:center;background:#f7ede8}.design-card:nth-child(2) .design-image{background:#f5f0e7}.design-card:nth-child(3) .design-image{background:#edf2f1}.design-card:nth-child(4) .design-image{background:#f5edf4}.design-image img{height:92%;width:92%;object-fit:contain}.design-image .custom-symbol{font:italic 73px Georgia,serif;color:#ad827e}.design-details{padding:12px}.design-details h3{font-size:13px;margin:0 0 4px}.design-details p{font-size:10px;color:#aa9188;margin:0 0 12px}.design-buttons{display:flex;gap:5px}.design-buttons button{background:#fff;border:1px solid #e7d6d0;color:#8e645e;border-radius:7px;flex:1;padding:8px 2px;font-size:10px;font-weight:700}.design-buttons button:hover{background:#f9eae6}.cart-head{border-top:1px solid #eee3de;margin-top:28px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:10px}.cart-head h2{margin-bottom:0}.count-badge{font:500 10px Arial,sans-serif;letter-spacing:0;vertical-align:middle;background:#f8eae5;padding:6px 9px;border-radius:99px;color:#ad756f}.clear-button{border:0;background:none;color:#ad7973;text-decoration:underline;font-size:11px;white-space:nowrap}.cart{display:grid;gap:8px;margin:21px 0}.cart-row{display:grid;grid-template-columns:50px minmax(0,1fr) 108px 27px;gap:12px;align-items:center;padding:8px;border:1px solid #f0e7e2;border-radius:10px;background:#fdfbf9}.cart-thumb{width:50px;height:50px;object-fit:contain;background:#f8eeea;border-radius:6px}.cart-thumb.fallback{display:grid;place-items:center;color:#b7837b;font:25px Georgia,serif}.cart-name{min-width:0}.cart-name strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-name small{font-size:10px;color:#9e8b83}.stepper{display:flex;align-items:center;justify-content:space-between;height:35px;border:1px solid #e6d8d1;background:#fff;border-radius:8px}.stepper button{border:0;background:transparent;color:#9a6c64;font-size:18px;width:31px;height:100%}.stepper output{font-weight:700;font-size:12px}.remove{border:0;background:transparent;color:#ac8e84;font-size:22px}.empty{border:1px dashed #ddc8c0;border-radius:10px;background:#fffbf9;padding:20px;color:#927c74;font-size:12px}.note-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #eee3de;margin-top:27px;padding-top:25px}.note-fields label{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#67504b;font-weight:700}.note-fields label span{font-weight:400;color:#b29a91}.note-fields input,.note-fields textarea{width:100%;border:1px solid #e6d9d2;border-radius:8px;color:#553e3a;padding:11px;font-size:12px;background:#fff;resize:vertical}.note-fields input{height:43px}.quote{position:sticky;top:16px;padding:25px;background:#4e3938;color:#fff;border:0;box-shadow:0 20px 50px #45302e30}.quote-kicker{color:#e2bfb4;display:flex;justify-content:space-between;align-items:center}.quote-kicker span{font-size:23px}.quote h2{font:italic 600 30px Georgia,serif;margin:19px 0 22px;letter-spacing:-.03em}.quote-breakdown{border-bottom:1px solid #826c66;padding-bottom:15px}.quote-breakdown div{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:12px;color:#e6d3cc}.quote-breakdown b{font-size:12px;color:#fff}.quote-total{background:#f9e6df;color:#4c3733;border-radius:11px;margin-top:20px;padding:20px 17px;display:flex;flex-direction:column}.quote-total span{font-size:10px;font-weight:700;letter-spacing:.18em;color:#a6736e}.quote-total strong{font-size:37px;letter-spacing:-.06em;margin:5px 0}.quote-total small{font-size:10px;color:#97766c}.tier-note{font-size:11px;line-height:1.5;color:#ead6cd;margin:16px 0}.tier-table{border-top:1px solid #806861;padding-top:10px}.tier-table div{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#ceb8af;font-size:10px}.tier-table b{white-space:nowrap;color:#f1ded6}.tier-key{font-size:9px;line-height:1.45;color:#bca49a;margin:13px 0 21px}.whatsapp-button,.pdf-button{width:100%;min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:11px 13px;font-size:11px;font-weight:700}.whatsapp-button{color:#354a38;background:#d3ead7}.whatsapp-button:hover{background:#e0f3e1}.whatsapp-button.disabled{pointer-events:none;opacity:.6}.pdf-button{color:#f9eee9;background:transparent;border:1px solid #987b73;margin-top:8px}.pdf-button:hover{background:#644a48}.pdf-button:disabled{opacity:.6;cursor:not-allowed}.quote-disclaimer{font-size:10px;line-height:1.5;color:#bfa9a0;margin:18px 0 0}footer{border-top:1px solid #e8ddd7;display:flex;align-items:center;gap:14px;padding:20px 0 30px;color:#ad998f;font-size:10px}footer img{height:35px;width:32px;object-fit:cover;object-position:top}footer span:last-child{margin-left:auto;font:italic 13px Georgia,serif;color:#ab7b73}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;color:#fff;background:#473532;padding:11px 16px;border-radius:8px;font-size:12px;transition:.2s;z-index:9}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1050px){.shell{padding:0 25px}.workspace{grid-template-columns:minmax(0,1fr) 315px}.builder{padding:20px}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:790px){.hero{grid-template-columns:1fr .45fr}.hero-copy{padding:46px 29px}.product-illustrations{transform:scale(.75) rotate(-8deg)}.hero-note{display:none}.workspace{display:block}.quote{position:static;margin-top:18px}.design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.design-buttons{flex-direction:column}.note-fields{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell{padding:0 15px}.topbar{height:75px}.brand img{height:51px;width:47px}.brand strong{font-size:12px}.brand span{font-size:7px}.top-contact{padding:8px 10px;max-width:110px;line-height:1.2;font-size:9px}.top-contact span{display:none}.hero{display:block;min-height:0}.hero-copy{padding:33px 23px 37px}.hero h1{font-size:44px;margin:14px 0}.hero p{font-size:13px}.hero-visual{display:none}.workspace{padding:18px 0 36px}.builder{padding:18px}.section-head h2,.cart-head h2{font-size:23px}.step-mark{display:none}.design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.design-image{height:125px}.design-details{padding:9px}.design-buttons{flex-direction:row}.design-buttons button{font-size:9px}.cart-head{align-items:end}.cart-row{grid-template-columns:39px minmax(0,1fr) 86px 20px;gap:6px}.cart-thumb{width:39px;height:39px}.stepper button{width:24px}.note-fields{grid-template-columns:1fr}.quote{padding:22px}footer{flex-wrap:wrap}footer span:last-child{margin-left:0}}

.search-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#67504b;margin:0 0 7px}.search-label input{width:100%;max-width:430px;border:1px solid #e6d9d2;border-radius:9px;background:#fff;color:#553e3a;padding:12px 13px;font-size:13px}.design-count{font-size:11px;color:#aa9188;margin:0 0 15px}.design-card{min-width:0}.design-details h3{min-height:30px}.design-image img{content-visibility:visible}

.category-filters{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 10px}.category-filters button{border:1px solid #e6d9d2;background:#fff;color:#835d58;border-radius:30px;padding:9px 12px;font-size:11px;font-weight:700}.category-filters button.active{background:#4e3938;border-color:#4e3938;color:#fff}.category-filters button:hover{border-color:#ad7973}.category-heading{grid-column:1/-1;margin:15px 0 1px;padding-top:10px;border-top:1px solid #eee3de;font-size:18px;letter-spacing:-.02em;color:#765450}.category-heading:first-child{margin-top:0;border-top:0;padding-top:0}@media(max-width:620px){.category-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-18px;padding-right:18px;scrollbar-width:thin}.category-filters button{white-space:nowrap;flex:none}}
.design-image{position:relative;overflow:hidden;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr)}.design-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:12px;object-fit:contain;object-position:center}@media(max-width:620px){.design-image img{padding:8px}}
.custom-design-card{border:2px solid #bd8279;box-shadow:0 8px 24px #bd827933;background:#fffaf5}.custom-design-card .design-image{background:radial-gradient(circle at 40% 40%,#fff8e5,#f5deda 75%);border-bottom:1px solid #ebc6bc}.custom-design-card .custom-symbol{color:#ab6e6b;text-shadow:2px 2px #f5cd93}.custom-design-card .design-details h3{font-size:17px;color:#633e3b}.custom-design-card .design-details p{font-size:11px;line-height:1.45;min-height:0;color:#805c58}.custom-label{display:inline-block;margin-bottom:8px;font-size:9px;font-weight:800;letter-spacing:.14em;color:#a46661}.custom-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:10px 11px;border-radius:7px;background:#8f5f5b;color:white;font-size:11px;font-weight:700}.custom-cta:hover{background:#714744}.category-heading:first-child{color:#8f5f5b}
.flag-section{margin-top:36px;padding:22px;border:1px solid #e7d6d0;border-radius:15px;background:#fffaf7}.flag-heading h2{font-size:24px;letter-spacing:-.04em;margin:8px 0}.flag-heading p{font-size:12px;color:#856e67;line-height:1.5;margin:0 0 15px}.flag-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.flag-examples a{display:flex;flex-direction:column;border:1px solid #e7d6d0;background:#fff;border-radius:9px;overflow:hidden;font-size:11px;font-weight:700;color:#835d58}.flag-examples img{width:100%;height:170px;object-fit:contain;background:#f8efea;padding:6px}.flag-examples span{padding:10px}.flag-toggle{display:flex;align-items:center;gap:10px;margin:19px 0 12px;font-size:14px;font-weight:700;cursor:pointer}.flag-toggle input{width:19px;height:19px;accent-color:#a8756c}.flag-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.flag-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.flag-fields label span{font-size:10px;font-weight:400;color:#997f77}.flag-fields input,.flag-fields select{min-width:0;width:100%;height:43px;border:1px solid #e6d9d2;border-radius:8px;background:#fff;padding:10px;color:#553e3a;font-size:12px}.flag-fields :disabled{opacity:.5;cursor:not-allowed}.flag-rate{color:#92685f;font-size:11px;font-weight:700;margin:14px 0 0}@media(max-width:620px){.flag-section{padding:16px}.flag-examples img{height:118px}.flag-fields{grid-template-columns:1fr}}
.flag-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.flag-examples a{min-width:0}.flag-examples img{height:148px;display:block}.flag-examples span{line-height:1.35}.flag-example-note{margin:11px 0 0;font-size:11px;line-height:1.5;color:#856e67}@media(max-width:1050px){.flag-examples{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.flag-examples img{height:130px}}
.flag-examples .flag-promo{border:2px solid #af7970;background:#fae9e5;box-shadow:0 5px 18px #a87f7630}.flag-examples .flag-promo span{color:#694641;font-size:12px}

/* Remeras oscuras con excepciones de lectura; tazas sobre blanco. */
.design-card:not(.custom-design-card) .design-image{background:#11131b;border-bottom:1px solid #343744}
.design-card:not(.custom-design-card) .design-image img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.cart-thumb{background:#11131b;object-fit:contain}
.design-card.light-design-card .design-image{background:#fff;border-bottom:1px solid #e9ddd7}
.cart-thumb.light-thumb{background:#fff}
.design-card.mug-design-card .design-image{background:#fff;border-bottom:1px solid #e9ddd7}
.cart-thumb[src*="taza-"]{background:#fff}

/* Vista previa de remera */
.design-preview-button{width:100%;border:1px solid #b98a80;background:#f8eae5;color:#714a44;border-radius:7px;padding:9px 5px;margin:0 0 7px;font-size:11px;font-weight:800;cursor:pointer}
.design-preview-button:hover{background:#efd3cb}
.shirt-preview{width:min(860px,calc(100vw - 28px));max-height:min(92vh,900px);padding:0;border:0;border-radius:18px;background:#fffaf7;color:#4c3733;box-shadow:0 25px 90px #21151588;overflow:auto}
.shirt-preview::backdrop{background:#1c1515bb}
.preview-head{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:20px 25px 15px;border-bottom:1px solid #e8d9d3}
.preview-head h2{font:italic 600 28px Georgia,serif;margin:5px 0}.preview-head p{margin:0;color:#9a7169;font-size:13px}
#preview-close{border:0;background:#f2e5df;color:#6a4e48;border-radius:50%;font-size:28px;width:37px;height:37px;cursor:pointer}
.preview-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(230px,.8fr);gap:24px;padding:20px 25px 25px;align-items:center}
.shirt-stage{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#fff}
.shirt-stage>img:first-child{display:block;width:100%;height:100%;object-fit:cover}
.shirt-stage #shirt-design{position:absolute;width:30%;height:34%;left:35%;top:27%;object-fit:contain;filter:drop-shadow(0 1px 1px #0004)}
.shirt-stage[data-position="back"] #shirt-design{top:24%}
.preview-controls{display:flex;flex-direction:column;gap:15px}
.preview-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#67504b}
.preview-controls select{background:#fff;border:1px solid #d8c6bf;border-radius:8px;padding:11px 12px;color:#4c3733;font-size:13px;min-height:43px}
.preview-controls p{font-size:12px;line-height:1.5;color:#806a63;margin:0}.preview-controls strong{color:#573b36}
.preview-controls #preview-add{border:0;border-radius:9px;background:#694b45;color:white;padding:13px 16px;min-height:45px;font-size:12px;font-weight:800;cursor:pointer}
.preview-controls #preview-add:hover{background:#4e3938}
@media(max-width:640px){.preview-content{display:block;padding:14px}.preview-head{padding:17px 15px 12px}.preview-head h2{font-size:23px}.shirt-stage{max-width:460px;margin:0 auto 16px}.preview-controls{gap:11px}.shirt-preview{max-height:94vh}}
