.arq-hero .hgrid{grid-template-columns:minmax(0,1fr)}.arq-hero .hres{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#09090cb8;outline:1px solid #ffffff14;align-self:end;max-width:430px;padding:14px 16px 12px}.arq-hero .hres .ht{letter-spacing:.2em;text-transform:uppercase;color:var(--ac);margin-bottom:10px;font:600 11px/1 Barlow Condensed,sans-serif}.arq-hero .hres ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;margin:0;padding:0;list-style:none;display:grid}.arq-hero .hres li{min-width:0}.arq-hero .hres li.w{border-top:1px solid #ffffff14;grid-column:1/-1;padding-top:10px}.arq-hero .hres b{color:#fff;overflow-wrap:anywhere;font:400 26px/1.05 Archivo Black,Archivo,sans-serif;display:block}.arq-hero .hres li.w b{font-size:18px}.arq-hero .hres span{letter-spacing:.04em;color:#9a9aa4;margin-top:3px;font:500 10.5px/1.3 JetBrains Mono,monospace;display:block}@media (width>=980px){.arq-hero .hgrid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);align-items:end;gap:30px}}.tbar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.tbar .tot{font-family:var(--mono);color:#9a9a9a;margin-left:auto;font-size:12px}.tbar .tot b{color:#fff;font-weight:500}@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes tcardGira{to{--ang:360deg}}.tgrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.tcard{--ch:14px;color:#fff;min-width:0;clip-path:polygon(var(--ch) 0,100% 0,100% calc(100% - var(--ch)),calc(100% - var(--ch)) 100%,0 100%,0 var(--ch));background:conic-gradient(from var(--ang) at 50% 50%,transparent 0 64%,rgba(255,255,255,var(--luz,0)) 72%,transparent 80%), radial-gradient(90px 90px at 0 0,#fff 0,#1e8fef 18%,transparent 70%), radial-gradient(90px 90px at 100% 100%,#fff 0,#f01e32 18%,transparent 70%), linear-gradient(135deg,#1e8fef 0 3%,#3a3a3a 12%,#262626 50%,#3a3a3a 88%,#f01e32 97% 100%);filter:drop-shadow(0 0 5px #1e8fef2e)drop-shadow(0 0 5px #f01e3224);flex-direction:column;text-decoration:none;transition:transform .16s,filter .2s;display:flex;position:relative;overflow:hidden}.tcard:before{content:"";clip-path:inherit;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='.055'/></feComponentTransfer></filter><rect width='140' height='140' filter='url(%23n)'/></svg>"),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px),radial-gradient(60% 60% at 0 0,#1e8fef4d,#0000 60%),radial-gradient(60% 60% at 100% 100%,#f01e3242,#0000 60%),linear-gradient(#111,#0b0b0b);position:absolute;inset:1px}.tcard .capa{aspect-ratio:16/9;clip-path:polygon(calc(var(--ch) - 1px) 0,100% 0,100% 100%,0 100%,0 calc(var(--ch) - 1px));background:#161616;margin:1px 1px 0;display:block;position:relative;overflow:hidden}.tcard .capa img{object-fit:cover;object-position:50% 18%;width:100%;height:100%;transition:transform .35s;display:block}.tcard .capa:after{content:"";background:linear-gradient(#0000 55%,#0b0b0bd9 100%);position:absolute;inset:0}.tcard .tx{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex;position:relative}.tcard .rot{letter-spacing:.12em;text-transform:uppercase;color:var(--ac,#1e8fef);align-items:center;gap:8px;font:600 11px/1 Barlow Condensed,sans-serif;display:flex}.tcard .rot s{color:#555;text-decoration:none}.tcard .rot span{color:#9a9a9a}.tcard h3{color:#fff;margin:0;font:700 17px/1.25 Archivo,sans-serif}.tcard small{color:#8f8f8f;font:500 12px/1.45 JetBrains Mono,monospace}@media (hover:hover){.tcard:hover{--luz:.95;filter:drop-shadow(0 0 9px #1e8fef73)drop-shadow(0 0 9px #f01e3266)drop-shadow(0 0 24px #7850c840);animation:1.3s linear infinite tcardGira;transform:translateY(-3px)}.tcard:hover .capa img{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tcard:hover{--luz:0;animation:none}}@media (width<=720px){.tgrid{grid-template-columns:1fr 1fr;gap:10px}.tcard h3{font-size:14px}.tcard .capa{aspect-ratio:4/3}.tcard .tx{padding:10px 10px 12px}.tcard small{font-size:11px}}
