demostracion 4

.infoserie{display:flex;padding:5px} .poster{min-width:156px;margin-right:15px} .sinop h1{padding-bottom:17px;font-size:25px} .sinop span{font-size:16px;display:block;max-height:100px;overflow:auto;margin-top:10px} .sinop li{list-style:none;display:inline-block;padding:3px 15px!important;background:#50505059;margin-right:10px!important;margin-bottom:10px!important;border-radius:5px;color:#fff} @media only screen and (max-width:680px){.infoserie{display:flex;padding:5px;justify-content:center;flex-wrap:wrap}.poster{margin-bottom:10px}.poster img{width:149px}.sinop{text-align:center}.sinop span{margin-bottom:10px} } .container-plantillasplus{display:flex;padding:10px 0;flex-wrap:wrap;width:100%;position:relative} .temporadas{width:20%;min-width:200px;background-color:#0000006b;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,0.1);border-radius:4px;width:100%;overflow:auto;white-space:nowrap} .temporadas h2{font-size:18px;margin-bottom:10px;float:none} .temporadas div{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#00000040;border-radius:4px;display:inline-block} .temporadas .active{background-color:#3F51B5;color:white} .episodios{width:100%;padding:10px;position:relative;background:#00000038} .episodios-temporada{padding-right:10px;overflow:auto;max-height:429px} .buscador{font-size:16px;padding:10px 0!important;border:1px

personalizacion 3

.container-plantillasplus{display:flex;padding:10px 0;flex-wrap:wrap;width:100%;position:relative} .temporadas{width:20%;min-width:200px;background-color:#0000006b;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,0.1);border-radius:4px;width:100%;overflow:auto;white-space:nowrap} .temporadas h2{font-size:18px;margin-bottom:10px;float:none} .temporadas div{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#00000040;border-radius:4px;display:inline-block} .temporadas .active{background-color:#3F51B5;color:white} .episodios{width:100%;padding:10px;position:relative;background:#00000038} .episodios-temporada{padding-right:10px;overflow:auto;max-height:429px} .buscador{font-size:16px;padding:10px 0!important;border:1px solid #dddddd7d;margin-bottom:12px;background:#00000069;color:#f6f6f6;width:96%;padding-left:10px!important;overflow:hidden!important;border-radius:4px} .episodios ul{list-style:none;padding:0!important;margin:0!important;line-height:normal!important} .episodio{display:flex;align-items:center;cursor:pointer;margin-bottom:10px;padding:10px!important;background-color:#00000063;border:1px solid #dddddd78;border-radius:6px} li.episodio:hover{background:#000000} .episodio-titulo{margin:0} .episodio img{width:70px;margin:0;margin-right:10px} .plantillasplus{width:100%;background-color:rgb(19 20 30);position:relative} .popcontenedor{width:100%;background:#8d8d8d29;overflow:hidden;padding:10px;overflow:auto;align-content:center} .limit{} .ifra-conte{position:relative;overflow:hidden;width:100%;padding-top:56.25%}

preuba 2- personaliza

body{height:100vh} .container-plantillasplus{display:flex;padding:10px 0;flex-wrap: wrap;width:100%} .temporadas{width:20%;min-width:200px;background-color:#0000006b;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,0.1);border-radius:4px;width: 100%; overflow: auto; white-space: nowrap;} .temporadas h2{font-size:18px;margin-bottom:10px;float: none;} .temporadas div{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#00000040;border-radius:4px;display: inline-block;} .temporadas .active{background-color:#3F51B5;color:white} .episodios{width:100%;padding:10px;position:relative;background:#00000038} .episodios-temporada{padding-right:10px;overflow:auto;max-height:429px} .buscador{font-size:16px;padding:10px 0!important;border:1px solid #dddddd7d;margin-bottom:12px;background:#00000069;color:#f6f6f6;width:96%;padding-left:10px!important;overflow:hidden!important;border-radius:4px} .episodios ul{list-style:none;padding:0!important;margin:0!important;line-height:normal!important} .episodio{display:flex;align-items:center;cursor:pointer;margin-bottom:10px;padding:10px!important;background-color:#00000063;border:1px solid #dddddd78;border-radius:6px} li.episodio:hover

Personalizado - op series

body{height:100vh} .container-plantillasplus{display:flex;padding:10px;width:100%;height:500px} .temporadas{width:20%;min-width:200px;background-color:#0000006b;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,0.1);border-radius:4px} .temporadas h2{font-size:18px;margin-bottom:10px;float: none;} .temporadas div{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#00000040;border-radius:4px} .temporadas .active{background-color:#3F51B5;color:white} .episodios{width:100%;padding:10px;position:relative;background:#00000038} .episodios-temporada{padding-right:10px;overflow:auto;max-height:429px} .buscador{font-size:16px;padding:10px 0!important;border:1px solid #dddddd7d;margin-bottom:12px;background:#00000069;color:#f6f6f6;width:96%;padding-left:10px!important;overflow:hidden!important;border-radius:4px} .episodios ul{list-style:none;padding:0!important;margin:0!important;line-height:normal!important} .episodio{display:flex;align-items:center;cursor:pointer;margin-bottom:10px;padding:10px!important;background-color:#00000063;border:1px solid #dddddd78;border-radius:6px} li.episodio:hover {background: #000000;} .episodio-titulo {margin: 0;} .episodio img{width:70px;margin:0;margin-right:10px} .plantillasplus{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(19

Reproductor series

body{height:100vh} .container-plantillasplus{display:flex;padding:10px;width:100%;height:500px} .temporadas{width:20%;min-width:200px;background-color:#0000006b;padding:10px;box-shadow:2px 0 5px rgba(0,0,0,0.1);border-radius:4px} .temporadas h2{font-size:18px;margin-bottom:10px;float: none;} .temporadas div{cursor:pointer;padding:8px;margin-bottom:5px;background-color:#00000040;border-radius:4px} .temporadas .active{background-color:#3F51B5;color:white} .episodios{width:100%;padding:10px;position:relative;background:#00000038} .episodios-temporada{padding-right:10px;overflow:auto;max-height:429px} .buscador{font-size:16px;padding:10px 0!important;border:1px solid #dddddd7d;margin-bottom:12px;background:#00000069;color:#f6f6f6;width:96%;padding-left:10px!important;overflow:hidden!important;border-radius:4px} .episodios ul{list-style:none;padding:0!important;margin:0!important;line-height:normal!important} .episodio{display:flex;align-items:center;cursor:pointer;margin-bottom:10px;padding:10px!important;background-color:#00000063;border:1px solid #dddddd78;border-radius:6px} li.episodio:hover {background: #000000;} .episodio-titulo {margin: 0;} .episodio img{width:70px;margin:0;margin-right:10px} .plantillasplus{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(19

reproductor

#kaurukavideo{max-width:800px;width:100%;margin:auto;overflow:hidden;box-shadow:0 2px 6px -1px rgb(7 10 25 / 5%),0 6px 12px -6px rgb(7 10 25 / 10%);border-radius:8px} .lazy-v{position:relative;width:100%;height:0;padding-bottom:56.65%;background-color:#c9c9c912;overflow:hidden} .lazy-v iframe{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpS1WdEHqdho1VeUVFaAJ9-jjkVe1HiW_UsFZWzx_464C751__omORr8nf-jZqoB4EBW1yFr2C5vW2sIZLlw2zO_aRM6fx4C1_YoxK3u-h_bIMsP8YYIOtalJmSh2isS6fnsCFcw9Sb0NM6s_9LONUQ0tdK01uuQ1U4Z7wvbgr27hpjILoo2zWLz0AvmQ7/s120/loading.gif) center center no-repeat} .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background-color:transparent;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:All 0.2s;cursor:pointer} .play span{border-style:solid;border-width:22px 0 27px 41.7px;border-color:transparent transparent transparent white;margin-left:10px}

prueba