/*
 * 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: #fb0d0d;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #fb0d0d;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(20%) sepia(90%) saturate(6620%) hue-rotate(356deg) brightness(97%) contrast(105%);
  
  /*menhor*/
  --fa-colormenu:#fff;
  --fa-colormenu-active:#fbfab6;
  
  /*menvert*/
  --fa-fondomenver: #360707;
  --fa-menver-borde: #4e2727;
  --fa-menver-a: #886a6a;
  --fa-menver-a-hover: #e8b3b3;
}

.dark {
   --fa-nombre: #a75d5d;
   --fa-datos: #7c6565;
   --fa-atributos-txt: #7c6565;
   --fa-filter-atributos: brightness(0) saturate(100%) invert(46%) sepia(6%) saturate(1172%) hue-rotate(314deg) brightness(86%) contrast(83%);
   
   /*menhor*/
   --fa-colormenu:#fff;
   --fa-colormenu-active:#fbfab6;

}

/*===================================
		  Skin PORNERMATES
=====================================*/

.scrolltop {border-radius: 50%; padding: 10px 12px; border-bottom-left-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;}
.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: 4px;border-bottom-left-radius: 0px !important;}
.boton.circulo {border-radius: 20%; border-bottom-left-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;}
.zona-menu{background-image: linear-gradient(to bottom, #dd1212 50%, #b40101 50%);}

.header-top{/*background: var(--fa-fondoclaro);*/ background:var(--fa-fondoweb);}
.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);}
}

.suscripcion{border-radius: 6px;border-bottom-left-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;}
.contenedor-banner.degradado-circular-colordest{background: radial-gradient(#dd1212 15%, #b40101 90%);}
.ban-canal {border-radius: 4px;border-bottom-left-radius: 0px !important;}
.subban{color:#fbfab6;}
.imagen-story {border-radius: 10%;border-bottom-left-radius: 0px !important;}
.tag {border-radius: 5px;border-bottom-left-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: 4px !important;border-bottom-left-radius: 0px !important;}

.boton-propina{border-radius: 7px !important;border-bottom-left-radius: 0px !important;}
 .contenedor-foto-video img, .contenedor-foto-video video {border-radius: 4px;border-bottom-left-radius: 0px !important;}

.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;}

.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:15px;}
.title:after {position: absolute; content: ''; left: 0px; top: 30%; width: 10px; height: 10px; border-radius: 4px;border-bottom-left-radius: 0px; background-color: var(--fa-colordest);}

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