/* Previews reales del catálogo, adaptados a una tarjeta sin duplicar su diseño. */
.portfolio-template-grid{align-items:start}.portfolio-card-head{display:flex;justify-content:space-between;gap:12px;padding:0 0 10px;font:600 11px/1.3 'DM Sans',sans-serif;color:var(--ui-muted);letter-spacing:.015em}.portfolio-card-head span:first-child{color:var(--ui-accent)}.portfolio-card-head span:last-child{text-align:right}.portfolio-card-copy{padding-top:18px}.portfolio-card-copy h2{font-size:clamp(1.35rem,2vw,1.65rem);margin:0 0 10px}.portfolio-card-copy p{font-size:.92rem;color:var(--ui-muted);max-width:52ch}.portfolio-actions{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px}.portfolio-actions a{display:inline-flex;align-items:center;gap:7px;margin:0;padding:0;color:var(--ui-accent);font-size:13px;font-weight:700;text-decoration:none}.portfolio-actions a:last-child{color:var(--ui-ink)}.portfolio-actions a:hover{text-decoration:underline;text-underline-offset:4px}.portfolio-render-preview{height:330px;position:relative;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scroll-behavior:smooth;background:#e6ebf4;scrollbar-width:thin;scrollbar-color:#7987a1 #dbe2ef}.portfolio-render-preview::before{content:'';display:block;height:720px}.portfolio-render-preview:focus-visible{outline:3px solid var(--ui-accent);outline-offset:4px}.portfolio-render-scale{position:absolute;top:0;left:0;width:900px;transform:scale(.44);transform-origin:top left;pointer-events:none}.portfolio-render-scale .sample-site{width:900px;min-height:1040px}.portfolio-render-preview::after{content:'Desliza para recorrer';position:sticky;left:calc(100% - 122px);bottom:10px;display:block;width:max-content;margin:-30px 10px 10px auto;padding:6px 9px;background:#111a2bdd;color:#fff;font:600 10px/1 'DM Sans',sans-serif;border-radius:20px;letter-spacing:.01em}.portfolio-project-card .portfolio-media video{aspect-ratio:16/10;background:var(--ui-soft)}.portfolio-eyebrow{font:600 11px/1.2 'DM Sans',sans-serif!important;color:var(--ui-accent)!important;letter-spacing:.07em;text-transform:uppercase}.portfolio-template-card[hidden],.portfolio-project-card[hidden]{display:none!important}@media(max-width:1050px){.portfolio-render-preview{height:300px}.portfolio-render-scale{transform:scale(.39)}.portfolio-render-preview::before{height:670px}}@media(max-width:760px){.portfolio-card-head{padding-bottom:8px}.portfolio-render-preview{height:330px}.portfolio-render-scale{transform:scale(.39)}.portfolio-actions{display:grid;grid-template-columns:1fr}.portfolio-actions a{min-height:32px}.portfolio-card-copy{padding-top:16px}}@media(prefers-reduced-motion:reduce){.portfolio-render-preview{scroll-behavior:auto}}