:root{ --cream:#E7E1D6; --ink:#5C656B; --accent:#B64032; --deep:#D9D4CC; --paper:#F6F1E6; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Lora",Georgia,serif;background:var(--cream);color:var(--ink);line-height:1.6}
h1,h2,h3,.tray-display{font-family:"Figtree",Georgia,serif;line-height:1.15;margin:0 0 .6em}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--cream);padding:.6em 1em;z-index:99}
.skip-link:focus{left:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 1.1rem}
.brand-name{font-size:clamp(1.35rem,3vw,1.85rem);font-weight:700;letter-spacing:.01em}
.btn{display:inline-block;background:var(--ink);color:var(--cream);border:2px solid var(--ink);padding:.7em 1.3em;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none}
.btn:hover{background:transparent;color:var(--ink)}
.btn-wide{width:100%;text-align:center}
.field{width:100%;padding:.7em .8em;border:2px solid var(--ink);border-radius:6px;background:#fff;color:#111;font-size:1rem}
label{font-weight:600}
.checkbox-line{display:flex;gap:.6em;align-items:flex-start;font-weight:400;font-size:.92rem;margin:.5em 0}
.checkbox-line.full{grid-column:1/-1}
.checkbox-line a{text-decoration:underline}
.filters{display:flex;flex-wrap:wrap;gap:.5em;margin:1em 0}
.filters button{border:2px solid var(--ink);background:transparent;color:var(--ink);padding:.5em .9em;border-radius:99px;cursor:pointer;font-weight:600}
.filters button.is-active,.filters button[aria-pressed="true"]{background:var(--ink);color:var(--cream)}
.product-detail{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:860px){.product-detail{grid-template-columns:1fr 1fr}}
.cart-layout,.checkout-layout,.contact-layout{display:grid;gap:1.4rem;grid-template-columns:1fr}
@media(min-width:900px){.cart-layout{grid-template-columns:1.4fr 1fr}.checkout-layout{grid-template-columns:1.4fr 1fr}.contact-layout{grid-template-columns:1.2fr 1fr}}
.ticket-form{display:grid;gap:.8em;background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:1.1rem}
.pay-option{display:block;border:2px solid var(--ink);border-radius:8px;padding:.8em;margin:.5em 0;background:#fff}
.pay-option input{margin-right:.6em}
.legal-wrap{display:grid;gap:1.2rem;grid-template-columns:1fr}
@media(min-width:900px){.legal-wrap{grid-template-columns:240px 1fr}}
.legal-nav{border:2px solid var(--ink);border-radius:10px;background:var(--paper);padding:1rem;align-self:start;position:sticky;top:1rem}
.legal-nav a{display:block;padding:.4em 0;text-decoration:underline}
.legal-article{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:1.4rem;font-family:"Lora",Verdana,sans-serif;line-height:1.7}
.legal-page{background:var(--cream)}
.toast{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);background:var(--ink);color:var(--cream);padding:.8em 1.2em;border-radius:8px;z-index:99;max-width:90vw}
.menu-toggle{display:inline-block;border:2px solid currentColor;background:transparent;padding:.5em .9em;border-radius:6px;cursor:pointer;font-weight:700}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1em;flex-wrap:wrap}
@media(max-width:760px){.site-nav{display:none}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column}}
footer.site-footer a,footer.tray-footer a{text-decoration:underline}
.summary-row{display:flex;justify-content:space-between;gap:1em;padding:.3em 0}
.quantity{display:flex;gap:.6em;align-items:center;margin:.5em 0}
.quantity button{width:2em;height:2em;border-radius:6px;border:2px solid var(--ink);background:#fff;cursor:pointer;font-weight:700}
.remove-btn{background:transparent;border:none;text-decoration:underline;cursor:pointer;color:inherit}
.form-feedback{background:var(--deep);color:#fff;padding:.8em;border-radius:8px}
.lead{font-size:1.08rem}
img{max-width:100%;height:auto;display:block}
.tray-splash{background:#5C656B;color:#F6F1E6;padding:.5rem 0}
.tray-masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1rem 0;border-bottom:6px solid #5C656B}
.tray-hero{display:grid;gap:1rem;grid-template-columns:1fr}
@media(min-width:900px){.tray-hero{grid-template-columns:1fr 1fr}}
.tray-rail{border:4px solid #5C656B;border-radius:14px;background:linear-gradient(180deg,#E7E1D6,#D9D4CC);padding:1rem;display:grid;gap:1rem}
.tray-box{background:#F6F1E6;border:3px solid #5C656B;border-radius:10px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;padding:.7rem;align-items:center}
.tray-box img{aspect-ratio:1;object-fit:cover;width:100%;border-radius:6px}
.tray-cell{border:2px solid #5C656B;border-radius:6px;padding:.4em .5em;background:#fff}
.tray-combo{display:grid;gap:1rem}
@media(min-width:800px){.tray-combo{grid-template-columns:1fr 1fr}}
.tray-band{background:#B64032;color:#fff;padding:2rem 0}
.tray-footer{background:#3c4247;color:#F6F1E6;padding:2rem 0 1rem}
.tray-footer a{color:#fff}

::selection{background:var(--accent);color:#fff}
#conteudo{padding-bottom:2.5rem}
#conteudo>.wrap{padding-top:1rem}
.trust-row{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1rem}
.trust-row span{border:2px solid var(--ink);border-radius:99px;padding:.25em .8em;font-size:.85rem;font-weight:600;background:var(--paper)}
.trust-row a{text-decoration:underline}
.cart-item{display:grid;grid-template-columns:110px 1fr;gap:1rem;background:var(--paper);border:2px solid var(--ink);border-radius:10px;padding:.8rem;margin-bottom:.9rem}
.cart-item img{border-radius:6px;aspect-ratio:3/4;object-fit:cover;width:100%}
.cart-item h2{font-size:1.05rem;margin:0 0 .3em}

body.skin-tray{background:linear-gradient(180deg,#E7E1D6 0 260px,#d9cfba 260px)}
body.skin-tray .wrap>h1{font-family:"Figtree",sans-serif;text-align:center}
body.skin-tray .wrap>h1::after{content:"";display:block;width:160px;height:6px;background:#B64032;border-radius:99px;margin:.3em auto 0}
.tray-splash{background:linear-gradient(180deg,#8e979d,#5C656B);border-bottom:4px solid #3c4247}
.tray-splash .wrap{padding:.5rem 1.1rem;font-size:.78rem;letter-spacing:.16em;color:#F6F1E6}
.tray-splashrow{display:flex;justify-content:space-between;gap:1rem}
.tray-masthead{padding:.85rem 0 1rem}
.tray-counter{display:flex;align-items:stretch;gap:.55rem;width:100%;padding:.7rem .7rem .8rem;background:linear-gradient(#5C656B,#5C656B) top/100% 11px no-repeat,#E4DDD2;border:3px solid #3c4247;border-radius:2px 2px 18px 18px;box-shadow:0 7px 0 #8a8172}
.tray-brandcol{display:flex;flex-direction:column;justify-content:center;gap:.4rem;flex:none}
.tray-traybrand{display:block;background:#F6F1E6;border:3px solid #3c4247;border-radius:2px;padding:.4em .75em .45em;text-align:left;text-decoration:none;box-shadow:inset 0 8px 0 #B64032}
.tray-tagsub{display:block;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#B64032;margin-top:.2em}
.tray-masthead .menu-toggle{align-self:flex-start;background:#F6F1E6}
.tray-masthead .cart-link{align-self:center;flex-direction:column;gap:.15em;background:#F6F1E6;color:#3c4247;border:2px dashed #B64032;border-radius:2px;padding:.45em .7em;text-decoration:none;font-weight:700;transform:rotate(-2.5deg);line-height:1.1}
.tray-masthead .site-nav{flex:1;min-width:0;background:transparent;border:0;padding:0;counter-reset:fila}
.tray-masthead .site-nav ul{gap:.45rem;height:100%;align-items:stretch}
.tray-masthead .site-nav li{flex:1;text-align:center;counter-increment:fila;min-width:0}
.tray-masthead .site-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15em;height:100%;min-height:4.4rem;background:#fff;border:2px solid #3c4247;border-top:8px solid #5C656B;border-radius:2px;text-decoration:none;font-weight:700;padding:.35em .3em .5em}
.tray-masthead .site-nav a::before{content:counter(fila,decimal-leading-zero);font-size:.68rem;letter-spacing:.08em;color:#B64032;font-weight:800}
.tray-masthead .site-nav a[aria-current="page"]{background:#3c4247;color:#F6F1E6;border-top-color:#B64032}
.tray-masthead .site-nav a[aria-current="page"]::before{color:#E7B2AC}
@media(max-width:760px){
  .tray-counter{flex-wrap:wrap}
  .tray-brandcol{flex:1}
  .tray-masthead .site-nav.is-open{flex:1 0 100%}
  .tray-masthead .site-nav a{min-height:0;height:auto}
}
.skin-tray .btn{border-radius:10px;background:#B64032;border-color:#7c2a20;box-shadow:0 4px 0 #7c2a20;font-family:"Figtree",sans-serif}
.tray-box{transition:transform .15s ease}
.tray-box:hover{transform:translateY(-3px);box-shadow:0 8px 0 #5C656B}
.tray-band{background:#B64032;color:#fff;padding:2.4rem 0;background-image:repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.12) 34px 37px)}
.tray-footstrip{height:12px;background:#5C656B;border-top:4px solid #3c4247;border-bottom:4px solid #B64032}
.tray-footer{background:#3c4247;color:#F6F1E6;padding:0 0 1rem}
.tray-footer .wrap{padding-top:1.4rem}
.tray-cols{display:grid;gap:1rem;margin:1.2rem 0}
@media(min-width:800px){.tray-cols{grid-template-columns:1fr 1fr 1.4fr}}
.tray-steps{display:grid;gap:.7rem;margin:1.8rem 0}
@media(min-width:800px){.tray-steps{grid-template-columns:repeat(3,1fr)}}
.tray-steps>div{background:#F6F1E6;border:3px solid #5C656B;border-radius:10px;padding:.9rem;display:grid;grid-template-columns:auto 1fr;gap:.6em;align-items:center}
.tray-steps strong{background:#5C656B;color:#fff;border-radius:8px;padding:.2em .6em}
.product-detail>div:first-child{border:4px solid #5C656B;border-radius:14px;overflow:hidden;background:#F6F1E6;padding:.5rem}

.cart-link{display:inline-flex;align-items:center;gap:.45em;text-decoration:none;font-weight:600}
.cart-link strong{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;border:2px solid currentColor;border-radius:99px;font-size:.9em;padding:0 .3em}
/* 129 dial: never overflow the viewport */
body.skin-dial{overflow-x:clip}
.dial-hero>*{min-width:0}
.dial-panel-big{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
.dial-gauge-big{min-width:0;width:100%;max-width:220px;justify-self:center;padding:.6rem;font-size:.9rem}
.dial-gauge-big img{max-width:120px}
/* 134 rail: hanging tickets clear the brand ticket */
.rail-masthead{gap:.9rem}
.rail-masthead .site-nav{margin-top:1.1rem}
.rail-masthead .site-nav a{padding-top:.9em}
.rail-masthead .site-nav a::before{width:8px;height:8px;margin:-13px auto 5px}
.rail-ticketbrand::before{margin:-14px auto 4px}
/* 135 spoke: catalog ring of 8 sectors around the hub */
.spoke-wheelcat{position:relative;display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"s1 s2 s3" "s8 hub s4" "s7 s6 s5";max-width:980px;margin:0 auto;padding:3rem;border:10px solid #2B2B2B;border-radius:50%;background-color:#D5D8DC;background-image:repeating-conic-gradient(from 0deg at 50% 50%,rgba(43,43,43,.35) 0 1.2deg,transparent 1.2deg 45deg),radial-gradient(circle,#fff 0 9%,transparent 9.5%)}
.spoke-wheelcat::before{content:"";position:absolute;inset:1.6rem;border:3px dashed rgba(43,43,43,.45);border-radius:50%;pointer-events:none}
.spoke-wheelcat::after{content:"CUBO";grid-area:hub;align-self:center;justify-self:center;width:92px;height:92px;border-radius:50%;background:#2E5A45;color:#fff;border:4px solid #E07A2F;display:flex;align-items:center;justify-content:center;font-weight:800;z-index:2;pointer-events:none}
.spoke-wheelcat>.spoke-card:nth-child(1){grid-area:s1}.spoke-wheelcat>.spoke-card:nth-child(2){grid-area:s2}.spoke-wheelcat>.spoke-card:nth-child(3){grid-area:s3}.spoke-wheelcat>.spoke-card:nth-child(4){grid-area:s4}.spoke-wheelcat>.spoke-card:nth-child(5){grid-area:s5}.spoke-wheelcat>.spoke-card:nth-child(6){grid-area:s6}.spoke-wheelcat>.spoke-card:nth-child(7){grid-area:s7}.spoke-wheelcat>.spoke-card:nth-child(8){grid-area:s8}
.spoke-wheelcat>.spoke-card{font-size:.92rem;padding:.55rem}
.spoke-wheelcat>.spoke-card h3{font-size:.95rem}
@media(max-width:760px){.spoke-wheelcat{grid-template-columns:1fr 1fr;grid-template-areas:none;border-radius:24px;padding:1rem}.spoke-wheelcat>.spoke-card:nth-child(n){grid-area:auto}.spoke-wheelcat::after,.spoke-wheelcat::before{content:none}}
/* 128 hive: unmistakable honeycomb */
.hive-cell{padding:1.1rem .7rem;position:relative}
.hive-cell img{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);max-width:230px;border:4px solid #6B3E26}
.hive-num{position:absolute;top:.5rem;left:50%;transform:translateX(-50%);background:#2A2118;color:#E6B325;font-weight:800;border-radius:99px;padding:.05em .7em;font-size:.8rem;z-index:2}
.hive-cell p:first-of-type{margin-top:1.2em}
@media(min-width:800px){.hive-frame{max-width:620px}.hive-cell:nth-child(even){transform:translateX(56px)}.hive-cell:nth-child(even):hover{transform:translateX(56px) scale(1.02)}}