/*
 * 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: #f059e1;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #f059e1;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(59%) sepia(47%) saturate(2800%) hue-rotate(276deg) brightness(93%) contrast(103%);
  
  /*menhor*/
  --fa-colormenu:#fff;
  --fa-colormenu-active:#fbfab6;
  
  /*menvert*/
  --fa-fondomenver: #3b2239;
  --fa-menver-borde: #4e2f4b;
  --fa-menver-a: #7c5e7d;
  --fa-menver-a-hover: #af74a9;
}

.dark {
   --fa-nombre: #a75d7d;
   --fa-datos: #876673;
   --fa-atributos-txt: #876673;
   --fa-filter-atributos: brightness(0) saturate(100%) invert(44%) sepia(8%) saturate(1040%) hue-rotate(285deg) brightness(94%) contrast(91%);
   
   /*menhor*/
   --fa-colormenu:#fff;
   --fa-colormenu-active:#fbfab6;

}

/*===================================
		  Skin MADLIFES
=====================================*/

.scrolltop {border-radius: 40%; padding: 10px 12px; border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important;}
.redondeado, .redondo  {border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important; border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.redondo-left {border-radius: 6px 0px 0px 0px !important; -moz-border-radius: 6px 0px 0px 0px !important; -webkit-border-radius: 6px 0px 0px 0px !important;}
.redondo-right {border-radius: 0px 6px 6px 0px !important; -moz-border-radius: 0px 6px 6px 0px !important; -webkit-border-radius: 0px 6px 6px 0px !important;}
.top-drop-menu {border-radius: 8px;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.boton.circulo {border-radius: 20%; border-bottom-left-radius: 0px !important;border-top-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-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.zona-menu{background-image: linear-gradient(to bottom, #f059e1 50%, #be3ab1 50%);}

.header-top{background: var(--fa-fondoweb);}
/*@media (max-width: 991px){.header-top{background:none;}}*/

.suscripcion{border-radius: 6px;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.canales a:hover, .canales a:focus, .canales a.active{color:#fbfab6;}
.title.font2{font-family: 'Allan', cursive;}
.subtitle {font-family: 'Allan', cursive;}
.lema{font-family: 'Allan', cursive;font-size: 1.75em;}
.contenedor-banner {border-radius: 6px;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.contenedor-banner.degradado-circular-colordest{background: radial-gradient(#f059e1 15%, #5f1558 90%);}
.ban-canal {border-radius: 8px;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.subban{color:#fbfab6;}
.imagen-story {border-radius: 30%;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
.tag {border-radius: 5px;border-bottom-left-radius: 0px !important;border-top-right-radius: 0px !important;}
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: 8px !important;border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important;}

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

.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: 6px;border-bottom-left-radius: 0px !important; border-top-right-radius: 0px !important;}

.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:10px;}
.title:after {position: absolute; content: ''; left: 0px; top: 30%; width: 10px; height: 10px; border-radius: 0px; background-color: transparent;

    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid var(--fa-colordest);
}
.title.noraya {padding-left: 0px;}