/* =========================================================
   BAW v24 · Portafolio en alta definición + video de marca en «El consultor»
   [ID: ACD-BAW-V24] · Método ACD-IA 5.0 · prefijo pf-hd / jc-
   ========================================================= */
/* Portafolio: misma ventana para todas las obras (proporción de las capturas nuevas) */
.pf-view{aspect-ratio:1200/636}
.pf-hd .pf-shot{height:100%;object-fit:cover;object-position:50% 0;animation:none!important;transform-origin:50% 0;transition:transform 1.1s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.pf-hd .pf-view::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(10,6,50,.28));transition:opacity .6s ease}
.pf-hd .pf-card:hover .pf-shot,.pf-hd .pf-card:focus-visible .pf-shot{transform:scale(1.045)}
.pf-hd .pf-card:hover .pf-view::after,.pf-hd .pf-card:focus-visible .pf-view::after{opacity:0}

@media (prefers-reduced-motion:reduce){.pf-hd .pf-shot{transition:none}.pf-hd .pf-card:hover .pf-shot{transform:none}}

/* El consultor: video de marca 16:9 en el marco dorado */
.jc-frame{padding:13px!important}
.jc-frame .jc-vid{border-radius:4px;background:#0B1638;box-shadow:0 0 0 4px #F3E9CF,0 0 0 5px #C9A85A,inset 0 0 20px rgba(0,0,0,.3)}
.jc-pause{position:absolute;right:21px;bottom:21px;z-index:3;min-width:44px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(11,22,56,.72);color:#FFFFFF;font:600 13px 'IBM Plex Sans',sans-serif;cursor:pointer;backdrop-filter:blur(4px)}
.jc-pause:focus-visible{outline:3px solid #FFE36B;outline-offset:3px}
.jc-pause[hidden]{display:none}
@media (min-width:900px){#consultor{grid-template-columns:1fr 1fr!important}#consultor .jc-col{max-width:none!important}}
@media (min-width:861px){#consultor .lz-label{top:34px;bottom:auto}}
/* «¿Qué necesita hoy tu negocio?»: cuatro caminos (se suma Tienda en línea) */
@media (min-width:1100px){.atelier-paths{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:761px) and (max-width:1099px){.atelier-paths{grid-template-columns:repeat(2,minmax(0,1fr))}}
