[data-cine-videos] { width:min(100%,900px); margin:1.8rem auto; min-width:0; text-align:start; }
[data-cine-videos] [hidden] { display:none!important; }
.cine-modules-title { margin:0 0 1rem; color:#f2eee8; font-size:clamp(1.1rem,3vw,1.45rem); font-weight:600; letter-spacing:-.02em; }
.cine-video-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.65rem; margin-block:0 1.2rem; }
.cine-video-list button { min-width:0; white-space:normal; overflow-wrap:anywhere; margin:0; padding:.85rem .6rem; border:1px solid #41372f; border-radius:11px; background:#111010; color:#bcb5af; font:inherit; font-weight:600; cursor:pointer; box-shadow:none; transition:background .15s,color .15s,border-color .15s; }
.cine-video-list button[aria-pressed="true"] { background:rgba(216,155,105,.13); border-color:#ad7c55; color:#edc59f; }
.cine-video-list button:hover { border-color:#ad7c55; color:#f2eee8; }
.cine-video-list button:focus-visible { outline:3px solid #e1ac81; outline-offset:3px; }
.cine-campaign-copy { min-height:5rem; padding:0 0 .9rem; color:#bcb5af; line-height:1.55; overflow-wrap:anywhere; }
.cine-campaign-copy h4 { margin:0 0 .35rem; color:#f2eee8; font-size:1.1rem; font-weight:600; }
.cine-campaign-copy p { margin:0; font-size:.95rem; }
.cine-video-frame { position:relative; width:100%; aspect-ratio:16/9; background:#08080b; border-radius:14px; overflow:hidden; }
.cine-video-frame iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; background:#08080b; color-scheme:dark; }
.cine-video-placeholder { aspect-ratio:16/9; border:1px solid #342c26; border-radius:14px; background:radial-gradient(ellipse at center,rgba(173,124,85,.12),transparent 65%),#0b0a0a; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.3rem; padding:1.5rem; text-align:center; box-sizing:border-box; }
.cine-color-orbit { width:64px; height:64px; border-radius:50%; background:conic-gradient(#b88969,#bd878f,#8779a2,#73959b,#b88969); box-shadow:0 0 32px rgba(173,124,85,.15); position:relative; }
.cine-color-orbit::after { content:''; position:absolute; inset:8px; border-radius:50%; background:#11100f; }
.cine-video-placeholder p { max-width:32rem; margin:0; color:#bcb5af; font-size:clamp(.9rem,2.5vw,1.05rem); line-height:1.6; }
.cine-video-footer { margin-top:1rem; display:flex; flex-wrap:wrap; gap:.6rem 1.2rem; align-items:center; justify-content:space-between; }
.cine-video-footer p { margin:0; flex:1 1 260px; color:#9f9891; font-size:.82rem; line-height:1.6; }
.cine-activate-link { display:inline-block; padding:.8rem 1rem; border:1px solid #745136; border-radius:11px; background:rgba(216,155,105,.12); color:#edc59f; text-decoration:none; font-size:.88rem; font-weight:600; }
.cine-palette-dialog { width:min(550px,calc(100% - 3rem)); border:1px solid #d89b69; border-radius:18px; background:#171319; color:#f2eee8; padding:1.4rem; }
.cine-palette-dialog::backdrop { background:rgba(0,0,0,.8); }
.cine-palette-dialog button { margin-top:1rem; padding:.75rem 1rem; cursor:pointer; }
@media(max-width:480px) { .cine-video-list { gap:.4rem; } .cine-video-list button { font-size:.8rem; padding:.8rem .35rem; } .cine-campaign-copy { min-height:6rem; } .cine-video-placeholder { aspect-ratio:auto; min-height:210px; } }

@media(min-width:900px) { html[data-colorista-proposal="landing"] .feature-grid.colorista-product-modes { grid-template-columns:repeat(3,minmax(0,1fr)); } }