/* CuidaHome v32 — vídeos propios en artículos, hub /videos/ y teasers */
.chv{margin:0 0 34px;}
.chv-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px;}
.chv-head h2{margin:0!important;font-size:22px!important;color:var(--ch-ink,#1a2e4a);}
.chv-kicker{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-teal,#0f8b8d);}
.chv-stage{position:relative;border-radius:16px;overflow:hidden;background:#0b1d2e;aspect-ratio:16/9;box-shadow:0 10px 30px rgba(11,29,46,.18);}
.chv-stage video{width:100%;height:100%;display:block;background:#0b1d2e;}
.chv-facade{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;margin:0;cursor:pointer;background:#0b1d2e;display:block;}
.chv-facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s,opacity .2s;opacity:.92;}
.chv-facade:hover img,.chv-facade:focus-visible img{transform:scale(1.02);opacity:1;}
.chv-play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:#22c3b5;box-shadow:0 0 0 10px rgba(34,195,181,.25);transition:transform .2s;}
.chv-play::after{content:"";position:absolute;left:33px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #06242a;}
.chv-facade:hover .chv-play{transform:scale(1.08);}
.chv-time{position:absolute;right:12px;bottom:12px;background:rgba(6,18,30,.85);color:#fff;font:700 13px 'Outfit',system-ui,sans-serif;padding:4px 9px;border-radius:7px;}
.chv-sub{position:absolute;left:12px;bottom:12px;background:rgba(6,18,30,.85);color:#cfe;font:600 12px 'Outfit',system-ui,sans-serif;padding:4px 9px;border-radius:7px;}
.chv-end,.chv-nudge{position:absolute;z-index:3;}
.chv-end{inset:0;background:rgba(7,21,33,.94);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;}
.chv-end[hidden],.chv-nudge[hidden],.chv-yt[hidden]{display:none!important;}
.chv-end strong{font-size:20px;line-height:1.3;}
.chv-end .chv-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.chv-btn{display:inline-block;padding:11px 16px;border-radius:11px;font:700 14.5px 'Outfit',system-ui,sans-serif;text-decoration:none!important;background:#22c3b5;color:#06242a!important;border:0;cursor:pointer;}
.chv-btn.ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.45);}
.chv-nudge{right:12px;top:12px;max-width:260px;}
.chv-nudge a{display:block;background:#f2a93b;color:#2b1a00!important;font:700 13.5px 'Outfit',system-ui,sans-serif;padding:9px 12px;border-radius:10px;text-decoration:none!important;box-shadow:0 6px 18px rgba(0,0,0,.3);}
.chv-chapters{display:flex;gap:8px;overflow-x:auto;padding:12px 2px 4px;margin:0;list-style:none;scrollbar-width:thin;}
.chv-chapters li{flex:0 0 auto;margin:0!important;}
.chv-chapters a{display:flex;gap:7px;align-items:center;padding:7px 11px;border:1px solid var(--ch-line,#e2e8f0);border-radius:999px;font-size:13.5px;color:var(--ch-ink,#1a2e4a);text-decoration:none!important;background:#f7f9fb;white-space:nowrap;}
.chv-chapters a b{color:var(--ch-teal,#0f8b8d);font-variant-numeric:tabular-nums;}
.chv-chapters a.on{border-color:var(--ch-teal,#0f8b8d);background:var(--ch-teal-soft,#e7f5f5);}
.chv-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:14px 0 6px;}
.chv-actions a{display:block;padding:12px 14px;border-radius:12px;border:1px solid var(--ch-line,#e2e8f0);background:#fff;text-decoration:none!important;color:var(--ch-ink,#1a2e4a);font-size:13.5px;line-height:1.4;}
.chv-actions a strong{display:block;font-size:15px;margin-bottom:2px;}
.chv-actions a.main{background:var(--ch-ink,#1a2e4a);color:#fff;border-color:var(--ch-ink,#1a2e4a);}
.chv-actions a.main strong{color:#7fe0d4;}
.chv-actions a:hover{border-color:var(--ch-teal,#0f8b8d);}
.chv-meta{font-size:12.5px!important;color:var(--ch-muted,#5b6b80)!important;margin:8px 0 0!important;}
.chv-meta a{color:var(--ch-teal,#0f8b8d);}
.chv-yt{font-size:13px;margin:6px 0 0;}
.chv-yt a{color:#c4302b;font-weight:700;}
.chv details{border:1px solid var(--ch-line,#e2e8f0);border-radius:12px;padding:0 16px;margin:12px 0 0;background:#fbfdfe;}
.chv summary{cursor:pointer;padding:12px 0;font-weight:700;color:var(--ch-ink,#1a2e4a);font-size:14.5px;}
.chv details p{font-size:14.5px!important;line-height:1.65;color:#2b3b52;}
.chv-keys{margin:12px 0 0;padding:14px 18px;border-radius:12px;background:var(--ch-teal-soft,#e7f5f5);}
.chv-keys strong{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-teal,#0f8b8d);margin-bottom:6px;}
.chv-keys ul{margin:0;padding-left:18px;}
.chv-keys li{font-size:14.5px;line-height:1.55;margin:0 0 4px;}
/* Shorts */
.chv-shorts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:14px 0 0;}
.chv-short{position:relative;aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:#0b1d2e;cursor:pointer;border:0;padding:0;display:block;width:100%;}
.chv-short img,.chv-short video{width:100%;height:100%;object-fit:cover;display:block;}
.chv-short .chv-play{width:56px;height:56px;margin:-28px 0 0 -28px;box-shadow:0 0 0 7px rgba(34,195,181,.25);}
.chv-short .chv-play::after{left:22px;top:17px;border-width:11px 0 11px 17px;}
.chv-short span.cap{position:absolute;left:0;right:0;bottom:0;padding:26px 10px 10px;color:#fff;font:700 13px/1.3 'Outfit',system-ui,sans-serif;background:linear-gradient(transparent,rgba(0,0,0,.8));text-align:left;}
.chv-short.playing span{display:none;}
/* Teaser en páginas relacionadas */
.ch-vteaser{display:flex;gap:16px;align-items:center;border:1px solid var(--ch-line,#e2e8f0);border-radius:16px;padding:12px;margin:18px 0 26px;background:#fff;text-decoration:none!important;color:var(--ch-ink,#1a2e4a);box-shadow:0 4px 14px rgba(11,29,46,.06);}
.ch-vteaser:hover{border-color:var(--ch-teal,#0f8b8d);}
.ch-vteaser .th{position:relative;flex:0 0 200px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0b1d2e;}
.ch-vteaser .th img{width:100%;height:100%;object-fit:cover;display:block;}
.ch-vteaser .th .chv-play{width:44px;height:44px;margin:-22px 0 0 -22px;box-shadow:0 0 0 6px rgba(34,195,181,.25);}
.ch-vteaser .th .chv-play::after{left:17px;top:13px;border-width:9px 0 9px 14px;}
.ch-vteaser small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ch-teal,#0f8b8d);}
.ch-vteaser strong{display:block;font-size:16.5px;line-height:1.3;margin:2px 0 4px;}
.ch-vteaser span.d{font-size:13.5px;color:var(--ch-muted,#5b6b80);line-height:1.45;}
@media(max-width:600px){.ch-vteaser{flex-direction:column;align-items:stretch}.ch-vteaser .th{flex-basis:auto}.chv-head h2{font-size:19px!important}.chv-play{width:68px;height:68px;margin:-34px 0 0 -34px}.chv-play::after{left:27px;top:21px;border-width:13px 0 13px 21px}}
/* Hub /videos/ y portada */
.vhub{padding:40px 0 10px;}
.vhub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;}
.vcard{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--ch-line,#e2e8f0);text-decoration:none!important;color:var(--ch-ink,#1a2e4a);box-shadow:0 8px 24px rgba(11,29,46,.07);transition:transform .2s,box-shadow .2s;}
.vcard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,29,46,.12);}
.vcard .th{position:relative;aspect-ratio:16/9;background:#0b1d2e;}
.vcard .th img{width:100%;height:100%;object-fit:cover;display:block;}
.vcard .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px;flex:1;}
.vcard .cat{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-teal,#0f8b8d);}
.vcard h3{margin:0;font-size:18px;line-height:1.3;}
.vcard p{margin:0;font-size:14px;line-height:1.5;color:var(--ch-muted,#5b6b80);}
.vcard .go{margin-top:auto;padding-top:8px;font-weight:700;font-size:14px;color:var(--ch-teal,#0f8b8d);}
.vhub-ep{padding:34px 0;border-top:1px solid var(--ch-line,#e2e8f0);}
.vhub-ep:first-of-type{border-top:0;}
.vhub-ep .container{max-width:900px;}
