@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Instrument+Sans:wght@400;500;600;700&display=swap');
/* reset (equivalente al preflight di Tailwind) */
*,::before,::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-tap-highlight-color:transparent}
body{line-height:inherit}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}
button{cursor:pointer}
[hidden]:where(:not([hidden=until-found])){display:none!important}

/* utility */
.absolute{position:absolute}
.relative{position:relative}
.inset-0{inset:0}
.left-1\/2{left:50%}
.block{display:block}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.flex-1{flex:1}
.flex-col{flex-direction:column}
.flex-nowrap{flex-wrap:nowrap}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.items-start{align-items:flex-start}
.items-stretch{align-items:stretch}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.shrink-0{flex-shrink:0}
.col-span-12{grid-column:span 12 / span 12}
.col-span-6{grid-column:span 6 / span 6}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.h-full{height:100%}
.max-w-\[1200px\]{max-width:1200px}
.min-h-screen{min-height:100vh}
.w-full{width:100%}
.mb-0{margin-bottom:0}
.mt-4{margin-top:1rem}
.mt-6{margin-top:1.5rem}
.mt-8{margin-top:2rem}
.mt-\[36px\]{margin-top:36px}
.mx-auto{margin-inline:auto}
.px-4{padding-inline:1rem}
.px-6{padding-inline:1.5rem}
.px-\[10px\]{padding-inline:10px}
.px-\[21\.044px\]{padding-inline:21.044px}
.py-10{padding-block:2.5rem}
.py-12{padding-block:3rem}
.py-\[18px\]{padding-block:18px}
.py-\[20px\]{padding-block:20px}
.py-\[8px\]{padding-block:8px}
.pt-4{padding-top:1rem}
.pt-\[16px\]{padding-top:16px}
.pt-\[20px\]{padding-top:20px}
.pt-\[32px\]{padding-top:32px}
.pt-\[56px\]{padding-top:56px}
.pt-\[8px\]{padding-top:8px}
.pb-10{padding-bottom:2.5rem}
.gap-4{gap:1rem}
.gap-\[8px\]{gap:8px}
.gap-x-4{column-gap:1rem}
.gap-y-10{row-gap:2.5rem}
.border-t{border-top-style:solid;border-top-width:1px}
.border-white\/\[0\.06\]{border-color:rgb(255 255 255 / 0.06)}
.bg-\[\#0f0f0f\]{background-color:#0f0f0f}
.bg-black{background-color:#000}
.text-black{color:#000}
.text-center{text-align:center}
.text-white{color:#fff}
.uppercase{text-transform:uppercase}
.whitespace-nowrap{white-space:nowrap}
.font-bold{font-weight:700}
.font-medium{font-weight:500}
.leading-\[0\.92\]{line-height:0.92}
.leading-\[0\.9\]{line-height:0.9}
.tracking-\[-1\.28px\]{letter-spacing:-1.28px}
.tracking-\[0\.72px\]{letter-spacing:0.72px}
.tracking-\[1\.26px\]{letter-spacing:1.26px}
.tracking-\[1\.31px\]{letter-spacing:1.31px}
.tracking-\[1px\]{letter-spacing:1px}
.tracking-\[2\.247px\]{letter-spacing:2.247px}
.tracking-\[2\.4px\]{letter-spacing:2.4px}
.opacity-40{opacity:0.4}
.opacity-80{opacity:0.8}
.-translate-x-1\/2{transform:translateX(-50%)}
.cursor-pointer{cursor:pointer}
.object-contain{object-fit:contain}
.object-cover{object-fit:cover}
.overflow-hidden{overflow:hidden}
.pointer-events-none{pointer-events:none}
.hover\:opacity-80:hover{opacity:.8}
@media (min-width:48rem){
.md\:flex{display:flex}
.md\:flex-row{flex-direction:row}
.md\:col-span-4{grid-column:span 4 / span 4}
.md\:col-span-7{grid-column:span 7 / span 7}
.md\:col-start-9{grid-column-start:9}
.md\:min-h-\[289px\]{min-height:289px}
.md\:w-1\/2{width:50%}
.md\:mt-0{margin-top:0rem}
.md\:mt-\[22px\]{margin-top:22px}
.md\:mt-auto{margin-top:auto}
.md\:px-\[23px\]{padding-inline:23px}
.md\:px-\[44\.95px\]{padding-inline:44.95px}
.md\:px-\[48px\]{padding-inline:48px}
.md\:py-0{padding-block:0rem}
.md\:py-\[64px\]{padding-block:64px}
.md\:pt-0{padding-top:0rem}
.md\:pr-\[44\.95px\]{padding-right:44.95px}
.md\:pb-\[56px\]{padding-bottom:56px}
.md\:pl-\[44\.05px\]{padding-left:44.05px}
.md\:gap-\[24px\]{gap:24px}
.md\:gap-\[30px\]{gap:30px}
.md\:gap-y-0{row-gap:0rem}
}

/* custom */
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 20s linear infinite;
}