/*
 * Descripción: SKINS
 * Copyright (c) 2023
*/


/*===================================
	Google Fonts siempre primero
=====================================*/

@import url('https://fonts.googleapis.com/css2?family=Allan:wght@700&display=swap');
/*
	font-family: 'Allan', cursive;
*/



/*===================================
       Colores light / dark
=====================================*/


:root {
  --fa-colordest: #a90e56;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #a90e56;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(15%) sepia(87%) saturate(6565%) hue-rotate(325deg) brightness(68%) contrast(91%);
  
  /*menhor*/
  --fa-colormenu:#fff;
  --fa-colormenu-active:#fbfab6;
  
  /*menvert*/
  --fa-fondomenver: #230412;
  --fa-menver-borde: #3d1b2a;
  --fa-menver-a: #6b384f;
  --fa-menver-a-hover: #df659e;

}

.dark {
   --fa-nombre: #a94272;
   --fa-datos: #915e75;
   --fa-atributos-txt: #915e75;
   --fa-filter-atributos: brightness(0) saturate(100%) invert(42%) sepia(12%) saturate(1202%) hue-rotate(281deg) brightness(94%) contrast(89%);
   
   /*menhor*/
   --fa-colormenu:#fff;
   --fa-colormenu-active:#fbfab6;
}

/*===================================
		  Skin BRUNO Y MARÍA
=====================================*/

.scrolltop {border-radius: 50%; padding: 10px 12px;  border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.redondeado, .redondo  {border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.boton.circulo {border-radius: 20%; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.boton.circulo:hover,.boton.circulo:focus { background-color: var(--fa-fondoclaro-hover); color: var(--fa-color-btgris-hover);}
.switch-checkbox {border-radius: 20%; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.zona-menu{background-image: linear-gradient(to bottom, #a90e56 50%, #8e0142 50%);}

.header-top{background: transparent; background:#25252a; background-image: linear-gradient(to bottom, #37373f 20%, #181818 80%);}

.header-top .boton.circulo, .switch-checkbox, .switch-checkbox:hover{background-color: rgba(255,255,255,0.4)}
.dark .header-top .boton.circulo, .dark .switch-checkbox{background-color: var(--fa-fondoclaro)}

@media (max-width: 991px){.header-top{margin-bottom: 10px;}}

.suscripcion{border-radius: 6px; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.canales a:hover, .canales a:focus, .canales a.active{color:#ffff00;}
.title.font2{font-family: 'Allan', cursive;}
.subtitle {font-family: 'Allan', cursive;}
.lema{font-family: 'Allan', cursive;font-size: 1.75em; color:white;}
.txtdat{color:white;}
.contenedor-banner {border-radius: 6px; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.contenedor-banner.degradado-circular-colordest{background: radial-gradient(#d0196e 15%, #8e0142 90%);}
.ban-canal {border-radius: 4px; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.subban{color:#ffff00;}
.imagen-story { border-radius: 0 10px 0 10px;}
.tag {border-radius: 0 10px 0 10px;}
a.tag{padding: 3px 8px;}

.estado, .boton.redondo, .duracion-video, .info-icono, .message-item.model .nick, .info-acceso, .info-abajo, .letras li:first-child a, ul.filters li a, .zona-txtserie{border-radius: 4px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}

.boton-propina{border-radius: 7px !important; border-top-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.contenedor-foto-video img.fotoprincipal, .contenedor-banner{border-radius: 0 10px 0 10px;}
.contenedor-foto-video img.img-responsive, .contenedor-foto-video video > .img-responsive{border-radius: 0 10px 0 10px;}

.atributos-video, .atributos-chica{background:none;justify-content: space-around; padding:0px; gap:4px}
.atributos-video span, .atributos-chica span{background:var(--fa-fondoclaro); flex: 1 1 auto;padding:3px 5px;text-align:center;border-radius: 0 10px 0 10px;}

.menuvert, .menuvert > a, .menuvert ul > li.lock > a, .menuvert ul > li.unlock > a {color: var(--fa-menver-a);}
.menuvert ul > li.active > a, .menuvert ul > li > a:hover {color: var(--fa-menver-a-hover);}

.message-item.model .nick{background-color:var(--fa-colordest);}
.message-item.guest .nick {color: var(--fa-datos);}

/*textos*/
.title{padding-left:14px;}
.title:after {position: absolute; content: ''; left: 0px; top: 50%; width: 10px; height: 2px; background-color: var(--fa-colordest);}

.title.noraya {padding-left: 0px;}