<>
.crbubb { border: 1px solid #DDD; background: #F4F5F6; border-radius:9px; padding:10px 12px; margin:0 0 22px 0; }
.crbubb h2 { font-family:'HelND'; font-size:20px; margin:0 0 10px 0; }
.crbubb .pitem { display:flex; gap:10px; margin:0 0 8px 0; }
.crbubb .pitem:last-child { margin:0; }
.crbubb .pitem img { width:40px; height:53px; border-radius:7px; }
.crbubb .pitem .name { font-family:'HelND'; font-size:18px; padding:15px 0 0 0; }
.crbubb .pitem .name a { color:#000; }
.crbubb .pitem:hover .name a { text-decoration:underline; }
.awrap { margin:0 0 22px 0; }
.aitem { display:grid; border-bottom:1px solid #DDD; padding:0 8px 7px 8px; margin:0 0 7px 0; grid-template-columns: auto 1fr 1fr; gap:8px; height:93px; }
.aitem img { width:64px; height:85px; border-radius:7px; }
.aitem .name { font-family:'HelND'; font-size:18px; padding:22px 0 0 0; }
.aitem .name a { color:#000; }
.aitem:hover .name a { text-decoration:underline; }
.aitem .character { padding:20px 0 0 0; font-size:17px; letter-spacing:-.01em; }
.aitem .character .ccaps { margin:8px 0 0 0; }
.aitem .character .ccaps span { font-size:14px; background: #F1f2f3; border-radius:7px; color:#555; display:inline-block; padding:4px 7px; }
.pitem:hover.aitem:hover { cursor:pointer; }
.aitems { display:grid; border-bottom:1px solid #DDD; padding:0 8px 7px 8px; margin:0 0 7px 0; grid-template-columns: auto 1fr 1fr; gap:8px; height:93px; }
.aitems img { width:64px; height:85px; border-radius:7px; }
.aitems .name { font-family:'HelND'; font-size:18px; padding:25px 0 0 0; }
.aitems .name a { color:#000; }
.aitems:hover .name a { text-decoration:underline; }
@media(max-width:650px) {
.aitem { grid-template-columns: auto 1fr; column-gap:12px; row-gap:5px; grid-template-rows: auto 1fr; }
.aitem .portrait { grid-row-start:1; grid-row-end: 3; }
.aitem .name { padding-top:5px; margin-bottom:0; }
.aitem .character { padding-top:0; }
}
Reparto de 'La casa de las flores'
<>
.ftveplayer { content-visibility:visible !important; contain-intrinsic-size:auto !important; }
.ftveplayer:not(.ftv-player-ready) { background:#222; border-radius:8px; padding:10px; min-height:220px; position:relative; overflow:hidden; }
.ftveplayer:not(.ftv-player-ready) .tit-ep { display:flex; align-items:center; margin-bottom:10px; gap:4px; min-height:17px; }
.ftveplayer:not(.ftv-player-ready) .tit-ep::before { content:''; display:block; width:17px; height:17px; background:url('https://www.formulatv.com/icn/play-blue.svg'); background-size:contain; }
.ftveplayer:not(.ftv-player-ready) .tit-ep::after { content:''; display:block; width:107px; height:17px; background:url('https://www.formulatv.com/images/formulatvl.png'); background-size:contain; }
.ftveplayer:not(.ftv-player-ready) .tit-ep span { display:none; }
.ftveplayer:not(.ftv-player-ready) .cnt-ep { background:#333; border-radius:4px; min-height:220px; display:grid; grid-template-columns:minmax(01fr) 190px; gap:8px; overflow:hidden; position:relative; }
.ftveplayer:not(.ftv-player-ready) .cnt-ep::after { content:''; position:absolute; inset:0; z-index:3; background:linear-gradient(90degrgba(63,63,63,1) 0%rgba(81,81,81,1) 50%rgba(63,63,63,1) 100%); background-size:200% 100%; animation:ftvPlayerSkeleton 1.6s ease-in-out infinite; }
.ftveplayer:not(.ftv-player-ready) .cnt-ep::before { content:''; position:absolute; left:14px; right:14px; top:14px; bottom:14px; z-index:4; border-radius:4px; background:linear-gradient(rgba(255,255,255,.08)rgba(255,255,255,.08)) left top / calc(100% - 198px) 100% no-repeatlinear-gradient(rgba(255,255,255,.06)rgba(255,255,255,.06)) right top / 190px 100% no-repeatradial-gradient(circle at 26% 50%rgba(255,255,255,.12) 0 38pxtransparent 39px)linear-gradient(rgba(255,255,255,.14)rgba(255,255,255,.14)) 24px calc(100% - 34px) / 120px 18px no-repeat; pointer-events:none; }
.ftveplayer:not(.ftv-player-ready) .mv-ep,
.ftveplayer:not(.ftv-player-ready) .lv-ep { position:relative; min-height:0; }
.ftveplayer:not(.ftv-player-ready) .mv-ep { aspect-ratio:16 / 9; background:linear-gradient(90deg#3f3f3f 0%#515151 50%#3f3f3f 100%); background-size:200% 100%; animation:ftvPlayerSkeleton 1.6s ease-in-out infinite; }
.ftveplayer:not(.ftv-player-ready) .mv-ep::before { content:''; position:absolute; left:14px; bottom:14px; width:120px; height:18px; border-radius:6px; background:rgba(255,255,255,.12); }
.ftveplayer:not(.ftv-player-ready) .mv-ep::after { content:''; position:absolute; top:50%; left:50%; width:76px; height:76px; border-radius:50%; transform:translate(-50%-50%); background:rgba(255,255,255,.08); box-shadow:0 0 0 10px rgba(255,255,255,.04); }
.ftveplayer:not(.ftv-player-ready) .mv-ep > *,
.ftveplayer:not(.ftv-player-ready) .lv-ep > * { opacity:0 !important; pointer-events:none !important; }
.ftveplayer:not(.ftv-player-ready) .lv-ep::before { content:''; position:absolute; inset:0; border-radius:4px; background:linear-gradient(90deg#3f3f3f 0%#515151 50%#3f3f3f 100%); background-size:200% 100%; animation:ftvPlayerSkeleton 1.6s ease-in-out infinite; }
@keyframes ftvPlayerSkeleton {
0% { background-position:200% 0; }
100% { background-position:-200% 0; }
}
@media (max-width: 500px) {
.ftveplayer:not(.ftv-player-ready) .cnt-ep { grid-template-columns:1fr; }
.ftveplayer:not(.ftv-player-ready) .lv-ep { min-height:115px; }
}
Vídeos FormulaTV
