/*
 * 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: #7ea500;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #7ea500;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(44%) sepia(73%) saturate(1324%) hue-rotate(45deg) brightness(103%) contrast(102%);
  
  /*menhor*/
  --fa-colormenu:#fff;
  --fa-colormenu-active:#ffff00;
  
  /*menvert*/
  --fa-fondomenver:#082504;
  --fa-menver-borde:#113f0a;
  --fa-menver-a:#767681;
  --fa-menver-a-hover:#ffff00;

}

.dark {
   --fa-nombre: #99b736;
   --fa-datos: #888e73;
   --fa-atributos-txt: #888e64;
   --fa-filter-atributos: brightness(0) saturate(100%) invert(39%) sepia(29%) saturate(351%) hue-rotate(28deg) brightness(98%) contrast(91%);
   
   /*menhor*/
   --fa-colormenu:#fff;
   --fa-colormenu-active:#ffff00;

}

/*===================================
			Skin NIGGED
=====================================*/

.scrolltop {border-radius: 50%; padding: 10px 12px;}
.redondeado {border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;}
.boton.circulo {border-radius: 20%;}
.boton.circulo:hover,.boton.circulo:focus { background-color: var(--fa-fondoclaro-hover); color: var(--fa-color-btgris-hover);}
.switch-checkbox {border-radius: 20%;}
.zona-menu{background-image: linear-gradient(to bottom, #9eca00 50%, #7ea500 50%);}

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

.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;}
.contenedor-banner.degradado-circular-colordest{background: radial-gradient(#9eca00 15%, #6a8b00 90%);}
.subban{color:#ffff00;}
.imagen-story {border-radius: 20%;}
.tag {border-radius: 10px;}
a.tag{padding: 3px 8px;}

.estado, .boton.redondo{border-radius: 6px !important;}
.contenedor-foto-video img, .contenedor-foto-video video {border-radius: 4px;}

.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;text-align:center;border-radius: 15px;}

.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; bottom: 0px; width: 3px; height: 100%; background-color: var(--fa-colordest);}

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