/*
 * 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: #ffcc22;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #ffcc22;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(89%) sepia(24%) saturate(5981%) hue-rotate(341deg) brightness(115%) contrast(102%);
  
  /*menhor*/
  --fa-colormenu:#fff;
  --fa-colormenu-active:#fbfab6;
  
  /*menvert*/
  --fa-fondomenver: #272210;
  --fa-menver-borde: #494333;
  --fa-menver-a: #7f765b;
  --fa-menver-a-hover: #fbfab6;

}

.dark {
   --fa-nombre: #d0a61d;
   --fa-datos: #897944;
   --fa-atributos-txt: #897944;
   --fa-filter-atributos: brightness(0) saturate(100%) invert(50%) sepia(27%) saturate(629%) hue-rotate(9deg) brightness(89%) contrast(91%);
   
   /*menhor*/
   --fa-colormenu:#fff;
   --fa-colormenu-active:#fbfab6;

}

/*===================================
			Skin OROPORN
=====================================*/

.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, #ffcc22 50%, #e2ae00 50%)}

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

@media (min-width: 991px){
    .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;}
    .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, .dark .switch-checkbox:hover{background-color: var(--fa-fondoclaro);}
}

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

.estado, .boton.redondo{border-radius: 4px !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;border-radius: 6px;}

.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: 40%; width: 10px; height: 6px; background-color: var(--fa-colordest);}

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