@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,500&family=Jost:wght@300;400;500;600&display=swap');

/* Uomo Concetto · home v2 (página /v2-teste) · gerado por 17_automacao/site_preview/gerar_tema_v2.py */
.uc-v2{margin:0;background:#FAF8F4}
.uc-v2 a{color:inherit;text-decoration:none}.uc-v2 a:hover{color:inherit}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes kb{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes up{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@keyframes hdr{to{background:#FAF8F4;color:#111111;border-bottom-color:#E2DED6}}
.mq{animation:mq 40s linear infinite}
.mq-slow{animation:mq 70s linear infinite}
.kb{animation:kb 16s cubic-bezier(.2,.6,.2,1) both}
.up{animation:up 1.2s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.3s}.d2{animation-delay:.5s}.d3{animation-delay:.7s}
.hdr{animation:hdr linear both;animation-timeline:scroll();animation-range:0 200px}
@supports (animation-timeline: view()){.rv{animation:up linear both;animation-timeline:view();animation-range:entry 5% entry 45%}}
.ul{background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:3px;transition:background-size .5s cubic-bezier(.2,.7,.2,1)}
.ul:hover{background-size:0 1px;background-position:100% 100%}
.card .i1{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card:hover .i1{transform:scale(1.04)}
.card .i2{opacity:0;transition:opacity .7s ease}
.card:hover .i2{opacity:1}
.card .qa{transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.card:hover .qa{transform:none}
.zoom img{transition:transform 1.6s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.04)}
.strip{scrollbar-width:none}.strip::-webkit-scrollbar{display:none}
@media (prefers-reduced-motion: reduce){.kb,.up,.rv{animation:none!important}}
.uc-mob{display:none}
@media (max-width: 767px){.uc-desk{display:none}.uc-mob{display:block}}

/* ---- Ajustes de 08/10/2026 (pedidos do Iago ao ver a v2 na loja) ---- */
/* 1. Topo sobre a foto: faixa escura em degradê atrás do menu e do logo, para o branco não sumir no céu claro */
@keyframes uc-some{to{opacity:0}}
.uc-v2 .uc-desk .hdr::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(12,12,14,.6),rgba(12,12,14,0))}
@supports (animation-timeline: scroll()){.uc-v2 .uc-desk .hdr::before{animation:uc-some linear both;animation-timeline:scroll();animation-range:0 200px}}
.uc-v2 .uc-mob header{background:linear-gradient(to bottom,rgba(12,12,14,.6),rgba(12,12,14,0))}
.uc-v2 .uc-mob header a,.uc-v2 .uc-mob header button{text-shadow:0 1px 10px rgba(0,0,0,.35)}
.uc-v2 .uc-desk section[id]{scroll-margin-top:80px}
/* 3. Rodapé: letreiro menor e inteiro, colunas mais compactas */
.uc-v2 footer{gap:48px!important;padding-top:64px!important}
.uc-v2 footer > div:first-child{line-height:1.9!important}
.uc-v2 footer > div[aria-hidden="true"]{font-size:clamp(40px,8.6vw,150px)!important;line-height:.9!important;margin-bottom:0!important;padding-bottom:28px}
/* 7. A camiseta: bloco mais baixo, foto mais escura e números menores, para a leitura vir antes da estampa */
.uc-v2 #camiseta,.uc-v2 #m-camiseta{height:auto!important;min-height:0}
.uc-v2 #camiseta > img,.uc-v2 #m-camiseta > img{opacity:.22!important}
.uc-v2 #camiseta > div,.uc-v2 #m-camiseta > div{position:relative!important;gap:56px;background:linear-gradient(90deg,rgba(20,18,16,.85),rgba(20,18,16,.35))}
.uc-v2 #camiseta > div{padding:88px 48px 64px!important}
.uc-v2 #camiseta h2{font-size:48px!important}
.uc-v2 #camiseta > div > div:last-child span:first-child{font-size:40px!important}
.uc-v2 #m-camiseta > div{padding:56px 20px 40px!important}
.uc-v2 #m-camiseta h2{font-size:32px!important}
/* 8. Celular (08/10): abertura menor, botão de compra visível, foto do lookbook na largura toda, menu e barra fixa */
.uc-v2 .uc-m-hero{height:min(80svh,700px)!important;min-height:520px}
.uc-v2 .uc-m-cta{display:inline-flex;align-items:center;height:44px;padding:0 20px;background:#FAF8F4;color:#111111!important;letter-spacing:2px;font-size:11px;text-transform:uppercase}
.uc-v2 .uc-m-lookbook > img,.uc-v2 #m-lookbook > img{width:100%!important;height:auto!important;aspect-ratio:4/5;object-fit:cover}
.uc-v2 .uc-menu{font-family:'Jost',sans-serif;position:fixed;inset:0;z-index:2147483000;background:#FAF8F4;color:#111111;display:flex;flex-direction:column;padding:16px 20px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto}
.uc-v2 .uc-menu[hidden]{display:none}
.uc-v2 .uc-menu-top{display:flex;justify-content:space-between;align-items:center;height:48px;margin-bottom:24px}
.uc-v2 .uc-menu-logo{font-family:'Playfair Display',serif;font-weight:700;font-size:20px;letter-spacing:3px}
.uc-v2 .uc-menu-logo small{display:block;font-size:6px;letter-spacing:5px;margin-top:2px}
.uc-v2 .uc-menu-top button{background:none;border:0;padding:12px 0;font-family:'Jost',sans-serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#111111;cursor:pointer}
.uc-v2 .uc-menu-nav{display:flex;flex-direction:column;border-top:1px solid #E2DED6}
.uc-v2 .uc-menu-nav a{font-family:'Playfair Display',serif;font-size:32px;line-height:1.1;padding:14px 0;border-bottom:1px solid #E2DED6}
.uc-v2 .uc-menu-sub{display:flex;flex-direction:column;gap:2px;margin-top:28px}
.uc-v2 .uc-menu-sub a{font-size:14px;padding:10px 0;color:#3E3A34}
.uc-v2 .uc-m-barra{font-family:'Jost',sans-serif;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:900;display:flex;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 18px;background:#111111;color:#FAF8F4!important;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;transform:translateY(140%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.uc-v2 .uc-m-barra span:last-child{text-decoration:underline;text-underline-offset:4px}
.uc-v2 .uc-m-barra.on{transform:none}
@media (min-width:768px){.uc-v2 .uc-menu,.uc-v2 .uc-m-barra{display:none!important}}
/* 9. Auditoria (08/10): no celular, links do rodapé e "Ver ..." com área de toque de 40 px */
.uc-v2 .uc-mob footer a{display:inline-flex;align-items:center;min-height:40px}
.uc-v2 .uc-mob a.ul{display:inline-flex;align-items:center;min-height:40px;background-position:0 calc(100% - 10px)}