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


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

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Open+Sans:wght@400;600;700&display=swap');

/*
	font-family: 'Open Sans', sans-serif;
	font-family: 'Bangers', cursive;	
*/


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


:root {
  --fa-body-font-size: 1em;
  --fa-body-font-weight: 400;
  --fa-body-line-height: 1.5;
  
  --fa-colordest: #fd0796;
  --fa-colordest-txt:#fff;
  --fa-colordest-fill: #fd0796;
  --fa-filter-colordest: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(5215%) hue-rotate(317deg) brightness(105%) contrast(106%);
  
  --fa-color-principal:#3c3c46;
  --fa-color-principal-hover:#3c3c46;
  --fa-color-principal-focus:#3c3c46;
  
  --fa-color-title:#333333;
  --fa-color-title-a:#333333;
  --fa-color-title-hover:#333333;
  --fa-color-title-focus:#333333;
  
  --fa-colorclaro:#3c3c46;
  --fa-colorclaro-a:#3c3c46;
  --fa-colorclaro-hover:#3c3c46;
  --fa-colorclaro-focus:#3c3c46;
  
  --fa-fondoclaro-dark:#e8e8ef;
  
  --fa-color-lema:#3c3c46;
  --fa-color-titulo:#000;
  
  --fa-naranja:#ffae11;
  --fa-naranja-oscuro:#fc771b;
  --fa-rojo:#e02b1c;
  --fa-rosa: #fd0796;
  --fa-rosa-claro:#f57ae7;
  --fa-salmon:#df646e;
  --fa-magenta: #dd2350;
  --fa-verde:#19be92;
  --fa-verde-claro:#04eabb;
  --fa-verde-caqui:#809b15;
  --fa-morado: #626ed4;
  --fa-purpura:#663399;
  --fa-granate:#c00b5d;
  --fa-amarillo:#ffcf35;
  --fa-azul: #3b7ddd;
  --fa-azul-claro:#0bb2fa;
  --fa-cian:#09c2de;
  --fa-light:#8094ae;
  --fa-dark:#3c3346;
  --fa-blanco: #fff;
  --fa-negro: #000;
  --fa-color-oscuro:#3c3c46;
  
  --fa-gris:#999;
  --fa-gris-oscuro:#666;
  --fa-gris-claro:#b5b5c3;
  --fa-gris-clarito:#e3e6e6;
  
  --fa-color-dark:#24242a;
  --fa-color-dark-75:#2c2c34;
  --fa-color-dark-65:#3c3c46;
    
  --fa-text-dark:#181c32;
  --fa-text-dark-75:#3f4254;
  --fa-text-dark-65:#5e6278;
  --fa-text-dark-50:#7e8299;
  --fa-text-dark-25:#d1d3e0;

  --fa-modal-txt:#888897;
  --fa-modal-txt-a:#888897;
  --fa-modal-txt-hover:#888897;
  --fa-modal-txt-focus:#888897;
  
  --fa-fondoweb:#fff;
  --fa-fondomodal:#181818;
  --fa-fondoclaro:#f4f4f8;
  --fa-fondolight:#fcfcfd;
  --fa-fondoscuro:#2c2c34;
  --fa-fondofooter:#1e1e23;
  --fa-fondoseries:rgba(7,253,208,0.72);/*new*/

  --fa-txtseries:#000;/*new*/
    
  --fa-linea: rgba(0,0,0,0.16);
  --fa-linea-footer: rgba(255,255,255,0.16);
	
  --fa-titaba:#fff;
  --fa-titaba-a:#fff;
  --fa-titaba-hover:#fff;
  --fa-titaba-focus:#fff;
  
  --fa-txtaba:rgba(255,255,255,0.16);
  --fa-txtaba-a: var(--fa-colordest);
  --fa-txtaba-hover:var(--fa-colordest);
  --fa-txtaba-focus:var(--fa-colordest);
  
  --fa-txtabagris:#7c7c7c;
  --fa-txtabagris-a:#8e8e8e;
  --fa-txtabagris-hover:#8e8e8e;
  --fa-txtabagris-focus:#8e8e8e;
  
  --fa-txtabagris-oscuro:#7d7d7d;
  --fa-txtabagris-oscuro-a:#7d7d7d;
  --fa-txtabagris-oscuro-hover:#606060;
  --fa-txtabagris-oscuro-focus:#606060;
  
  --fa-borde-colder:#dbdfea;
  --fa-borde-colizq:#dbdfea;
  --fa-borde-colder-claro:rgba(255,255,255,0.16);
  --fa-fondo-colder:#f4f4f8;
  
  --fa-abajo: #9c9c9c;
  --fa-abajo-a: #c3c3c3;
  --fa-abajo-hover: #c3c3c3;
  --fa-abajo-focus: #c3c3c3;

  --fa-footer-txt:#c3c3c3;
  
  --fa-filter-rosa: brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(6514%) hue-rotate(321deg) brightness(113%) contrast(98%);/*#fd0796 fakings y livefakings*/
  --fa-filter-rosa-claro: brightness(0) saturate(100%) invert(70%) sepia(28%) saturate(4014%) hue-rotate(281deg) brightness(108%) contrast(92%);/*#f57ae7 madlifes*/
  --fa-filter-rojo: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(5440%) hue-rotate(355deg) brightness(94%) contrast(86%);/*#e02b1c nigger, pornermates y mironclub*/
  --fa-filter-lover: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3395%) hue-rotate(330deg) brightness(104%) contrast(95%);/*#e21756 loverfans y parejas*/
  --fa-filter-naranja: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(1709%) hue-rotate(347deg) brightness(100%) contrast(103%);/*#ffae11 pepeporn*/
  --fa-filter-granate: brightness(0) saturate(100%) invert(13%) sepia(42%) saturate(6706%) hue-rotate(319deg) brightness(110%) contrast(104%);/*#c00b5d bruno y maría*/
  --fa-filter-verde-caqui: brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(2159%) hue-rotate(41deg) brightness(96%) contrast(83%);/*#809b15 vidas liberales*/
  --fa-filter-naranja-oscuro: brightness(0) saturate(100%) invert(61%) sepia(67%) saturate(3543%) hue-rotate(347deg) brightness(99%) contrast(100%);/*#fc771b pajaamateur*/
  --fa-filter-blanco: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
  --fa-filter-negro: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7480%) hue-rotate(147deg) brightness(106%) contrast(99%);
  --fa-filter-gris: brightness(0) saturate(100%) invert(65%) sepia(99%) saturate(1%) hue-rotate(348deg) brightness(103%) contrast(98%);
  --fa-filter-gris-oscuro: brightness(0) saturate(100%) invert(43%) sepia(11%) saturate(232%) hue-rotate(153deg) brightness(97%) contrast(85%);
  --fa-filter-amarillo: brightness(0) saturate(100%) invert(99%) sepia(56%) saturate(1980%) hue-rotate(325deg) brightness(107%) contrast(110%);
  --fa-filter-ico-info: brightness(0) saturate(100%) invert(46%) sepia(47%) saturate(1859%) hue-rotate(204deg) brightness(101%) contrast(101%);
  --fa-filter-color-principal: brightness(0) saturate(100%) invert(23%) sepia(5%) saturate(1184%) hue-rotate(201deg) brightness(93%) contrast(92%);
    
  --fa-color-btgris:#000;
  --fa-fondoclaro-hover: #e7e7eb;/*24242a*/
  --fa-color-btgris-hover: #fff;

  --fa-nombre: #000;
  --fa-datos:#3c3c46;
  
  --fa-atributos-fondo:rgba(0,0,0,0.05);
  --fa-atributos-txt:#262626;
  --fa-filter-atributos: brightness(0) saturate(100%) invert(94%) sepia(1%) saturate(4209%) hue-rotate(199deg) brightness(88%) contrast(91%);
  
  --fa-color-borde:#e5e9f2;
  
  --fa-switch-img: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);

  --fa-color-unlock:#767681;
  --fa-color-lock:#5e5e66;
  
  --fa-formchat-fondo:#f2f2f2;
  --fa-formchat-disabled:#f6f6f6;
  --fa-formchat-input:#000;
  --fa-formchat-btn-fondo:#e9e9e9;
  --fa-formchat-btn-txt:#000;
  --fa-formchat-btn-linea:#f2f2f2;
  --fa-formchat-btn-fill:#000;
  --fa-formchat-btn-hover:#d3d3d3;
  
  --fa-suscripcion-oferta-fondo:#ffe400;
  --fa-suscripcion-oferta-txt:#000;
  --fa-suscripcion-fondo:#f4f4f8;
  --fa-suscripcion-txt:#000;
  --fa-suscripcion-borde:#696759;/*#e1e1e5*/
  --fa-info-acceso-fondo:rgb(0 0 0 / 11%);
  --fa-info-acceso-oferta-fondo:rgb(0 0 0 / 11%);
  --fa-info-acceso-txt:#000;
  
  --fa-suscripcion-circulo-borde:#e1e1e5;
  --fa-suscripcion-circulo-fondo:#fff;
  
  --fa-form-color: #79889a;
  --fa-form-fondo:#ffffff;
  --fa-form-borde: #dbdfea;
  
  --fa-form-color-light: #364a63;
  --fa-form-fondo-light:#e9ecef;
  --fa-form-borde-light: #d3d9df;
  
  --fa-form-color-disabled:#a3afbe;
  --fa-form-fondo-disabled:#f5f6fa;
  --fa-form-borde-disabled:#dbdfea;
  
  --fa-fondo-banner:#333338;
  --fa-txt-banner:#ffffff;
  
  /*menhor*/
  --fa-colormenu:#2c2c34;
  --fa-colormenu-active:#fd0796;
  --fa-submenu-fondo:#fff;
  --fa-submenu-txt:;
  --fa-submenu-borde:#ececec;
  --fa-submenu-sombra:5px 5px 15px rgba(0, 0, 0, 0.05);
  
  /*menvert*/
  --fa-fondomenver:#24242a;
  --fa-menver-borde:#3c3c46;

}

.dark {
    --fa-fondoweb:#181818;
    --fa-fondoclaro:#24242a;
    --fa-fondolight:#181818;
    
    --fa-fondoclaro-dark:#2f2f36;
   
    --fa-color-principal:#bebeca;/*c3c3c3*/
	--fa-color-principal-hover:#bebeca;
	--fa-color-principal-focus:#bebeca;
	
	--fa-linea: rgba(255,255,255,0.16);	
	
	--fa-color-lema:#fff;
	--fa-color-titulo:#fff;
	
	--fa-light:#727280;
	
	--fa-colorclaro:#c3c3c3;
	--fa-colorclaro-a:#c3c3c3;
	--fa-colorclaro-hover:#c3c3c3;
	--fa-colorclaro-focus:#c3c3c3;
	
	--fa-color-title:#fff;
	--fa-color-title-a:#fff;
	--fa-color-title-hover:#fff;
	--fa-color-title-focus:#fff;
	
	--fa-color-btgris:#fff;
	--fa-fondoclaro-hover: #2d2d3c;/*f4f4f8*/
	--fa-color-btgris-hover: #000;
	
	--fa-nombre:#df7a8d;
    --fa-datos:#816a6f;
    
    --fa-atributos-fondo:rgb(129,106,111,0.09 );
    --fa-atributos-txt:#816664;
    --fa-filter-atributos: brightness(0) saturate(100%) invert(46%) sepia(13%) saturate(466%) hue-rotate(297deg) brightness(91%) contrast(87%);
    
    --fa-color-borde:#3c3c46;
    
    --fa-switch-img: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7480%) hue-rotate(147deg) brightness(106%) contrast(99%);
   	
	--fa-filter-color-principal: brightness(0) saturate(100%) invert(77%) sepia(7%) saturate(269%) hue-rotate(202deg) brightness(99%) contrast(91%);
	
	--fa-formchat-fondo:#24242a;
	--fa-formchat-disabled:#383838;
	--fa-formchat-input:#c3c3c3;
	--fa-formchat-btn-fondo:#24242a;
	--fa-formchat-btn-txt:#fff;
	--fa-formchat-btn-linea:#181818;
	--fa-formchat-btn-fill:#9fa2ab;
	--fa-formchat-btn-hover:#3c3c46;
	
	--fa-suscripcion-fondo:#24242a;
	--fa-suscripcion-txt:#cbc7b0;
	--fa-suscripcion-circulo-borde:#cbc7b0;
	--fa-suscripcion-circulo-fondo:#cbc7b0;
	
	--fa-info-acceso-fondo:rgb(255 255 255 / 7%);
	--fa-info-acceso-txt:#cbc7b0;
	
	--fa-form-color: #b5b5ca;/*c3c3c3*/
	--fa-form-fondo:#181818;
	--fa-form-borde: #4e4e5a;/*3c3c46*/
	
	--fa-form-color-light: #b5b5ca;
	--fa-form-fondo-light:#2d2d3c;
	--fa-form-borde-light: #4e4e5a;

	--fa-form-color-disabled:#65707f;
	--fa-form-fondo-disabled:#24242a;
	--fa-form-borde-disabled:#404049;
	
	--fa-borde-colder:#34343c;
	--fa-borde-colizq:#34343c;
	--fa-fondo-colder:#24242a;
	
	--fa-filter-negro: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
	
	/*menhor*/
    --fa-colormenu:#bcbcbc;
    --fa-colormenu-active:#fd0796;
	--fa-submenu-fondo:#24242a;
	--fa-submenu-txt:;
	--fa-submenu-borde:#24242a;
	--fa-submenu-sombra:5px 5px 15px rgba(0, 0, 0, 0.05);
}


/*=========================
        Generales
=========================*/

.enlinea, .d-inline-block, .contenidos-enlinea{display:inline-block !important;}
.enbloque, .d-block{display:block !important}

strong, b{font-weight:700;}
.semibold{font-weight:600;}
.normal{font-weight:400;}
.thin{font-weight:300;}

a{color:inherit; text-decoration:inherit;}
a:hover{color:inherit; text-decoration:inherit;}

a{color: var(--fa-color-principal);}
a:hover {color: var(--fa-color-principal-hover);}
a:focus {color: var(--fa-color-principal-focus);}

a.underline, .underline {
    border-bottom: 0px solid transparent;
    border-bottom-color: initial;
    display: inline;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

#dimensions {background:#000\9; background-color:rgba(0, 0, 0, 0.8); color: #fff;}

::selection { background:var(--fa-colordest);  color:var(--fa-colordest-txt);}
::-moz-selection { background:var(--fa-colordest); color:var(--fa-colordest-txt);}

.scrolltop{color:var(--fa-colordest-txt); background:var(--fa-colordest); border-radius:4px; padding:6px 12px;}

blockquote {
	color: var(--fa-color-principal);
    background-color: rgba(151,151,192,0.1);
    border-left: 3px solid var(--fa-colordest);
    border-radius:inherit;
}


/*=========================
          CUSTOM
=========================*/

body {min-height: 100vh; display: flex; flex-direction: column;}
footer {margin-top: auto;}
.contenedor-fluid, .contenedor-full{width:100%;}



.posicion-mensajes{right:20px;}

/*.zona-descripcion{
	padding:15px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
}
.dark .zona-descripcion{box-shadow: 0 2px 4px 0 rgba(255,255,255,.2);}*/

.share-default{background-color:#5789ff; text-align:center}
.share.mini .share-default:hover{background-color: #df646e;}
.share img {height:13px; vertical-align:baseline;}

.clear::before, .clear::after {content: " "; display: table;}

.contenedor.max-width, .contenedor-fluid.max-width{width: 100%; margin:0 auto;	max-width:1600px;}
.contenedor.max-width.s-size, .contenedor-fluid.max-width.s-size{max-width:1400px;}
.contenedor.max-width.xs-size, .contenedor-fluid.max-width.xs-size{max-width:1200px;}
.contenedor.max-width.xxs-size, .contenedor-fluid.max-width.xxs-size{max-width:850px;}

.contenido-maxwidth{max-width:1500px; margin:0 auto;}
.contenido-maxwidth.xl-size{max-width:1800px;}
.contenido-maxwidth.l-size{max-width:1600px;}
.contenido-maxwidth.s-size{max-width:1200px;}
.contenido-maxwidth.xs-size{max-width:1024px;}

p.s-size{font-size:0.9375em;}
p.xs-size{font-size:0.875em;}
p.xxs-size{font-size:0.8125em;}

.gap-4{gap:4px !important;}
.gap-8{gap:8px !important;}
.gap-10{gap:10px !important;}
.gap-15{gap:15px !important;}

.header-top{padding: 1rem 0px}

ul li::before, ul li::marker {color:var(--fa-colordest);}

html{height:100%;}

.full-height{height:100%; flex: 1 1 auto;}
.borde-texto{text-stroke: 1px rgba(0,0,0,0.2); -webkit-text-stroke: 1px rgba(0,0,0,0.2);}

.puntito{width:5px; height: 5px; padding: 0px; border-radius: 50%; display: inline-block; vertical-align:middle;}
.puntito.verde{background-color:#00d617}
.puntito.rojo{background-color:#d60000}

.logotipo {max-width: 240px; position: relative;}
.logotipo.s-size{max-width:200px;}
.logotipo.xs-size{max-width:180px;}
.logotipo.xxs-size{max-width:150px;}

.responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.center-iframe{display:block; margin:0 auto;}

@media (max-width: 640px){
	.post-imagen.movil-center{float:none; margin:0 auto 10px auto; max-width:auto; display:table}
	.post-texto.movil-center{padding:0px;}
}

@media (max-width: 480px){
	.logotipo {max-width:160px;}
}

@media (max-width: 330px){
	.logotipo {width:auto;max-width:20px;}
}

/*.linea {background: var(--fa-linea);}*/
.linea {background:var(--fa-form-borde);}
.linea.footer {background: var(--fa-linea-footer);}
.borde-colder{border-left:1px solid var(--fa-borde-colder);}
.borde-colizq{border-right:1px solid var(--fa-borde-colizq);}
.borde-colder.claro{border-left:1px solid var(--fa-borde-colder-claro);}
.fondo-colder{background:var(--fa-fondo-colder); padding:10px 0;}

/*posiciones*/
.position-top, .position-top-left, .position-top-right,.position-bottom,.position-bottom-left,.position-bottom-right,.position-middle,.position-middle-left, .position-middle-right{display: flex; gap: 2px;}/*pone elementos en fila y los separa 2px*/
.position-middle{z-index:12;}
.posicion-bottom{
	position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0%);
    text-align: center;
    z-index: 2;
}

/*mini scrollbar*/
.mini-scrollbar::-webkit-scrollbar {width:4px; height:4px;}
.mini-scrollbar::-webkit-scrollbar-track {background: transparent; border-radius:2px; margin-top:4px; margin-bottom:4px;}
.mini-scrollbar::-webkit-scrollbar-thumb {background-color:#575b66; border-radius:2px;}
.mini-scrollbar::-webkit-scrollbar-thumb:hover {background-color:#676c78}
.mini-scrollbar {scrollbar-width: thin; scrollbar-color: #575b66 transparent;}/*firefox*/
.mini-scrollbar * {scrollbar-width: thin; scrollbar-color: #575b66 transparent;}/*firefox*/

.modaltabs.tabs-responsive.mini-scrollbar::-webkit-scrollbar-track,
.dark .tabs-responsive.mini-scrollbar::-webkit-scrollbar-track {background: transparent !important; border-radius:2px; margin-top:4px; margin-bottom:4px;}
.modaltabs.tabs-responsive.mini-scrollbar::-webkit-scrollbar-thumb,
.dark .tabs-responsive.mini-scrollbar::-webkit-scrollbar-thumb {background-color:#575b66; border-radius:2px;}
.modaltabs.tabs-responsive.mini-scrollbar::-webkit-scrollbar-thumb:hover,
.dark .tabs-responsive.mini-scrollbar::-webkit-scrollbar-thumb:hover {background-color:#676c78}
.modaltabs.tabs-responsive.mini-scrollbar *,
.dark .tabs-responsive.mini-scrollbar * {scrollbar-width: thin; scrollbar-color: #575b66 transparent;}/*firefox*/

@media (max-width: 991px){
	.tabs.centrado{justify-content: start;}
	.mt-tablet-movil{margin-top:1.2rem!important}
}

/*fondos*/
.fondo-oscuro {background-color:var(--fa-fondoscuro); color:var(--fa-blanco);}

/*filtros svg colores*/
.svg-colordest{filter:var(--fa-filter-colordest);}
.svg-rosa{filter:var(--fa-filter-rosa);}
.svg-blanco{filter:var(--fa-filter-blanco);}
.svg-negro{filter:var(--fa-filter-negro);}
.svg-gris{filter:var(--fa-filter-gris);}
.svg-gris-oscuro{filter:var(--fa-filter-gris-oscuro);}
.svg-amarillo{filter:var(--fa-filter-amarillo);}
.svg-ico-info{filter:var(--fa-filter-ico-info)}
.svg-color-principal{filter:var(--fa-filter-color-principal);}

.svg-sombra{filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}

/*zonas*/
.zona-contenidos-flex{display: flex; justify-content: space-between; align-items: center; gap:4px;}
.zona-contenidos-wrap{display: flex; gap: 4px; flex-wrap:wrap;}

.zona-canal{margin-top: -1.875rem; padding:15px 0px; background:var(--fa-fondoclaro); position:relative;}
.logo-canal{width:120px; height: 120px; display: flex; align-items: center; justify-content: center; margin-right: 28px; background: var(--fa-fondoclaro-dark);}
.nombre-canal{}
.num-canal{background:var(--fa-colordest); color:var(--fa-colordest-txt); padding:1px 4px; line-height:1;}
.info-canal{display:flex;text-align:center;}
.info-canal .item{padding: 0 32px; display: flex; flex-direction: column; justify-content: center; font-size: 0.8125em; border-right: 1px solid var(--fa-color-borde);}
.info-canal .item:last-child{border-right:0px solid transparent;}
.info-canal .item span{font-size: 1.437em; font-weight:bold}
.zona-canal .zona-contenidos-flex{}

@media (max-width: 991px) {
	.zona-canal{margin-top:0px;}
}
@media (max-width: 720px) {
	.zona-canal{background: var(--fa-fondoclaro); flex-direction: column; padding: 0;}
	.logo-canal{margin: 10px auto; width: 100px; height: 100px; background: var(--fa-fondoclaro-dark);}
	.zona-canal .zona-contenidos-flex{flex-direction: column; margin-bottom: 15px; text-align: center;}
	.info-canal{width: 100%; padding: 5px 0;background:var(--fa-fondoclaro-dark);justify-content: center;}
	.info-canal .item{font-size:0.75em;}
}

.info-contenidos .zona-contenidos-flex {border-bottom:1px solid var(--fa-form-borde); padding: 6px 0px; font-size:0.9375em; gap:8px;flex-wrap:wrap; justify-content: normal;} 
.info-contenidos .zona-contenidos-flex:last-child {border-bottom:0px solid var(--fa-form-borde)}
/*.info-contenidos .zona-contenidos-flex .filas-info{height:100%; display:flex; align-items: center;}
.info-contenidos .zona-contenidos-flex .filas-info img{padding:0px 4px;}*/

.filas-info{gap:4px;}
.filas-info:nth-child(1){}
.filas-info:nth-child(2){flex-grow: 1;}
.filas-info:nth-child(3){margin-left: inherit; display: inline-flex;}
.filas-info.oculto{display:none; width:100%;}

.ban-accesos{display:flex;gap:4px;padding: 2px 10px; background:var(--fa-fondoclaro); border:1px solid var(--fa-color-borde); color:var(--fa-color-principal);}

.zona-network{font-size:0.9375em; padding:5px 0px; flex-grow: 1!important;}

/*barra top*/
.contenedor-canales{display:flex; gap:4px;}
.canales{flex-grow: 1!important; overflow:hidden;white-space: nowrap;font-size:0.9375em; width:30vw/*70vw*/;}
.canales img{max-width:20px}
.canales a{padding:0 10px; color:white;}
.canales a:hover, .canales a:focus, .canales a.active{color:#fffad6;}
.canales a:first-child{padding-left:0px;}
.canales a:last-child{padding-right:0px;}

/*stories*/
.contenedor-stories{display:flex; gap:4px; align-items: center; justify-content: center; margin-bottom:10px; padding-bottom:10px;border-bottom: 0px solid var(--fa-color-borde);}
.stories{display:flex;flex-grow: 1!important; font-size:0.9375em; overflow: hidden; gap:17px;}
.story{cursor:pointer;}
.story-img{position:relative; font-size:1.75em; line-height: 1;}
.imagen-story{max-width:100px; border-radius:50%;}
.story-txt{max-width:100px; height:40px; font-size:0.875em; font-weight:400; line-height:1.4; text-align:center; margin-top:5px;}
.story-txt p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.story:hover .story-txt p{color:var(--fa-colordest);}

/*idiomas*/
.zona-idioma {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.zona-idioma img{width:22px; border-radius:2px;padding: 2px; background: rgba(0,0,0,.3);}
.top-drop-menu {right: 5px; top: 35px; padding: 15px; position: absolute; font-size: 0.875em;  width: 150px; background: var(--fa-color-dark-75); border-radius: 4px; z-index:100;}
.zona-idioma .top-drop-menu{right: -5px; top: 28px; z-index:101}

/*top drop menú*/
.top-drop-menu::before {right: 16px; top: -5px; content: ""; display: block; z-index: 1; position: absolute; transform: translate(50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid var(--fa-color-dark-75);}
.top-drop-menu ul{padding-inline-start: 0px; list-style-type: none; margin-block-start: 0px; margin-block-end: 0px;}
.top-drop-menu ul li{display:block; margin:10px 0px; color:white; font-size:0.875em; line-height:1;}
.top-drop-menu ul li {border-bottom: 1px solid #4D4D4D; padding-bottom:10px;}  
.top-drop-menu ul li a:hover, .top-drop-menu ul li.active a{color:#ffeac2}
.top-drop-menu ul li:last-child {border-bottom: none; padding-bottom:0px; margin-bottom: 0px;}
.top-drop-menu ul li > a{color:white;}

/*INICIO LISTADOS*/
.listado-webcams, .listado-videos, .listado-chicas, .listado-categorias, .listado-default, .listado-recomendados {width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; position:relative; /*flex-flow: row wrap; justify-content: stretch;*/}
.listado-webcams .zona-webcam, .listado-webcams .banner-1col  {flex-basis: calc(100% / 7); padding:3px}
.listado-videos .zona-video, .listado-videos .banner-1col, .listado-default .zona-default {flex-basis: calc(100% / 4); padding:4px}
.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-categorias .zona-categoria, .listado-categorias .banner-1col  {flex-basis: calc(100% / 8); padding:3px}

.listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 1); padding:4px}
.listado-recomendados .zona-video{flex-basis: calc(100% / 2); padding:4px}

/*listado en línea - contenidos de izquierda a derecha*/
.listado-webcams.enlinea, .listado-videos.enlinea, .listado-chicas.enlinea, .listado-default.enlinea{display: flex !important; flex-flow: row wrap; overflow-x: hidden; overflow-y: hidden; flex-wrap: nowrap;}
.listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 7); padding:3px; flex: 0 0 auto;}
.listado-videos.enlinea .zona-video, .listado-default.enlinea .zona-default {flex-basis: calc(100% / 4); padding:4px; flex: 0 0 auto;}
.listado-chicas.enlinea .zona-chica, .listado-categorias.enlinea .zona-categoria  {flex-basis: calc(100% / 8); padding:4px; flex: 0 0 auto;}

/*lista categorías con letras*/
.lista-categorias {display: flex; flex-direction: column; width:100%;}
.lista-categorias_fila{display: flex; margin-bottom: 20px;}
.lista-categorias_fila-letra {min-width: 40px; max-width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--fa-color-borde); margin-right: 20px; color: var(--fa-atributos-txt); text-transform: capitalize; border-radius: 4px;cursor:default;}
.lista-categorias_fila-lista {display: flex; flex-wrap: wrap; padding-top: 8px;}
.list-categories_fila-lista{display:flex; flex-wrap:wrap; padding-top:8px}
.lista-categorias .item {background: var(--fa-fondoclaro); padding: 0 8px; margin: 0 8px 8px 0; height: 24px; border-radius: 4px; display: flex; align-items: center; font-weight: 600; font-size: 0.875em; line-height: 20px; color: var(--fa-atributos-txt);}
.lista-categorias .item:hover{background:var(--fa-colordest); color:var(--fa-colordest-txt);}

/*contenedores*/
.contenedor-foto-video{position:relative;}
.contenedor-foto-video img, .contenedor-foto-video video{width:100%; border-radius:0px;/*4px*/}
/*.listado-categorias .zona-categoria .contenedor-foto-video img.img-responsive {border-top: 3px solid var(--fa-colordest);}
.listado-categorias .zona-categoria .contenedor-foto-video img.img-responsive{border-radius:50% !important;}*/

.info-abajo{display:flex; align-items: center; gap:4px; background:rgba(255,255,255,0.5); color:#000; font-size:0.625em; padding:1px 5px; border-radius:3px;transition: all 0.3s ease-in-out}
.info-abajo img{max-width:12px; border-radius:0px;}
.zona-categoria:hover .info-abajo{background:rgba(255,255,255,0.8);}

.contenedor-foto-video img.fotoprincipal{width:100%; border-radius:4px; transition:all .3s}

.contenedor-foto-video .position-top-left .estado{display: inherit;}/*modificado = display:none*/
.contenedor-foto-video.offline .position-top-left .estado.offline,
.contenedor-foto-video.free .position-top-left .estado.free,
.contenedor-foto-video.vip .position-top-left .estado.vip,
.contenedor-foto-video.private .position-top-left .estado.private {display: inherit;}

.contenedor-foto-video:hover img.fotoprincipal, .contenedor-foto-video.offline .fotoprincipal{filter: brightness(60%);}

.zona-video .contenedor-foto-video:not(:hover) .playlistado{
 display:none; z-index:1000; color:white !important; 
}
.zona-video .contenedor-foto-video:not(:hover) .playlistado.on{
 display:block; 
}
.zona-video .contenedor-foto-video .playlistado img{max-width:40px; opacity:0.8}

.contenedor-foto-video video {object-fit: cover; height:100%; display:block; }

.bubble {display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; background-color: rgba(40,40,40,.50); border-radius: 24px; overflow: hidden;}
.bubble img{width:20px; height:20px; border-radius:50%;}

/*zona textos listado*/
.zona-webcam .info-video-webcammer {display: flex; align-items: flex-end; padding-top: 2px; justify-content: space-between;}
.zona-webcam .nombre-vw{flex: 1; overflow: hidden; white-space: nowrap; -moz-box-flex: 1; text-overflow: ellipsis; color: var(--fa-nombre); font-size: 0.875em; font-weight: bold; line-height: 1.5em; letter-spacing: 0.3px;}
.zona-webcam .nombre-vw a{color:var(--fa-nombre);}
.zona-webcam .nombre-vw:first-letter {text-transform: uppercase;}
.zona-webcam .datos-vw {line-height: 20px !important;color: var(--fa-datos); display: block; font-size: 0.6875em; font-weight: 400; line-height: 1.5em;}

.zona-video .info-video-webcammer, .zona-default .info-video-webcammer{display:flex; margin:10px 0px;flex-direction: column; -ms-flex-direction: column;}
.zona-video .nombre-vw, .zona-default .nombre-vw{font-size: 0.9375em; color: var(--fa-nombre); font-weight: 600; line-height: 1.4em; letter-spacing: 0.3px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2;overflow: hidden;}
.zona-video .nombre-vw a, .zona-default .nombre-vw a{color:var(--fa-nombre);}
.zona-video .nombre-vw:first-letter, .zona-default .nombre-vw:first-letter {text-transform: uppercase;}
.zona-video .nombre-vw {min-height: 42px;}/*AÑADIDO*/
.zona-video .datos-vw, .zona-default .datos-vw{margin-bottom: 5px;color: var(--fa-datos); font-size: 0.75em; font-weight: 400; line-height: 1.5em;letter-spacing: 0.3px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1;overflow: hidden;}
.zona-video .datos-vw strong, .zona-default .datos-vw strong{font-weight:700;}
.zona-video .datos-vw a, .zona-default .datos-vw a{text-decoration:underline;}

.zona-chica .info-video-webcammer, .zona-categoria .info-video-webcammer{display:flex; margin:10px 0px;flex-direction: column; -ms-flex-direction: column;}
.zona-chica .nombre-vw, .zona-categoria .nombre-vw{font-size: 0.9375em; color: var(--fa-nombre); font-weight: 600; line-height: 1.4em; letter-spacing: 0.3px;display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 1; overflow: hidden;}
.zona-categoria .nombre-vw{-webkit-line-clamp: 2;line-height: 1.3em; text-align:center}

.listado-recomendados .zona-video .nombre-vw{-webkit-line-clamp: 1;}

@media (max-width: 920px){.zona-video .nombre-vw{font-size: 0.9375em;font-size: 0.875em;}}

/*@media (min-width: 1200px){.listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 5);}}*/

/*idiomas listado*/
.banderas{line-height:1;}
.bandera{width:16px !important; height:11px !important; margin:3px 3px 0 0;}

/*duración vídeo - info_icono*/
.duracion-video, .info-icono{background:#000; border-radius:4px; font-size:0.6875em; line-height:0.6875em; color:white; padding:2px 5px; display: flex; gap:4px; align-items: center; margin: 0 4px; min-height:18px;}
.duracion-video img, .info-icono img{border:none !important;max-width:16px;}

/*atributos vídeo / chica*/
.atributos-video, .atributos-chica{background:var(--fa-fondoclaro); padding:3px 5px; display:flex; justify-content:space-between;color:var(--fa-atributos-txt); font-size:0.6875em; align-items: center; border-radius:4px;}
.atributos-video img, .atributos-chica img{filter: var(--fa-filter-atributos);}
/*.dark .atributos-video img, .dark .atributos-chica img{filter: var(--fa-filter-atributos);}*/
@media (max-width: 920px){.atributos-video, .atributos-chica{margin-bottom:10px;}}
.atributos-video img, .atributos-chica img{max-width:16px}

/*Banners listado*/
.banner-1col {position:relative;}

.banner-1col iframe, .banner-2col iframe{margin: 0 auto; display: block; overflow: hidden;}
@media (max-width: 699px){.banner-1col iframe{max-height: 80vh; min-height:250px;}}

.banner-2col {flex-basis: calc(200% / 7); padding:3px;position:relative;}/*banner 2 espacios*/
.contenedor-banner {height: 100%; background: transparent; overflow:hidden; background-position: center;  background-size: cover; background-repeat: no-repeat; min-height:110px; border-radius:4px;}
.zona-banner {width: 100%; height: 100%; overflow: hidden; transition: all 1s; display:flex; align-items: center; justify-content: center; flex-direction: column; padding:10px; text-align:center;}
.zona-banner img{border:0px; max-width: 100%; height: auto;}

.contenedor-banner.degradado-circular-colordest{background: radial-gradient(#da0581 15%, #99055b 90%);}
.contenedor-banner.degradado-circular-rosa{background: radial-gradient(#da0581 15%, #99055b 90%);}
.contenedor-banner.degradado-circular-azul{background: radial-gradient(#63cffc 15%, #00a3ea 90%);}
.contenedor-banner.fondo-azul-claro{background:var(--fa-azul-claro);}

.titban{font-size:1.325em; font-weight: 600; line-height:1; color:white !important; margin-bottom:10px;}
.subban{font-size:1em; font-weight: 700; line-height:1; color:#f0ff88;}
.txtban{font-size:0.875em; font-weight:600; line-height:1; color:#44444f;}
.titban strong, .subban b{font-weight:700;}
.preban{font-size:2.75em;font-weight: 700; line-height:1; color:white;}
.preban span{font-size:0.5625em;}

.zona-canales{padding:10px;display: flex; gap: 4px; flex-wrap:wrap;}
.ban-canal {display:flex;align-items: center; justify-content: center; position:relative; background-color:var(--fa-color-dark-75); border:1px solid var(--fa-color-dark-65); border-radius:3px; width:49%; height:50px;}
.menuvert .ban-canal {background-color:var(--fa-fondomenver); border:1px solid var(--fa-menver-borde);}
.ban-canal .logocanal{width:100px;padding: 0 5px;}
.ban-canal .iconoestado{position:absolute; bottom:0px; right:3px;}
.ban-canal .iconoestado img{width:10px;}
.ban-canal.lock img.logocanal[src$="svg"]{transition: all 0.4s ease-in-out; filter:  brightness(0) invert(1); opacity:0.2;}/*img.[src$="svg"] solo afecta a las imágenes SVG*/
.ban-canal.lock:hover img.logocanal[src$="svg"]{filter: none; opacity:1;}

@media (max-width: 480px){.contenedor-banner{font-size:0.8125em;}}

/*Dos imágenes hover effect*/
.zona_dos_imgs {position: relative; overflow: hidden; margin: 0; border: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.zona_dos_imgs .product_hover_img{opacity:0; position:absolute; top:0; left:0; right:0; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.zona_dos_imgs:hover .product_hover_img, .zona_dos_imgs:hover .product_hover_img{opacity:1; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out}
.zona_dos_imgs .link-sobre-foto {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: all 0.4s ease-in-out;}

.zona-imgvid{position: relative; overflow: hidden; margin: 0; border: none;}

/*Foto 16:9*/
.contenedor-foto-video.foto-16-9{width: 100%; padding-top: 56.25%;}/*AÑADIDO*/
.contenedor-foto-video.foto-16-9 .zona_dos_imgs{position:static;}/*AÑADIDO*/
.contenedor-foto-video.foto-16-9 .fotoprincipal, .contenedor-foto-video.foto-16-9 .zona_dos_imgs.fotoprincipal{position: absolute; top: 0; height: 100%;object-fit: cover; object-position: top;}/*AÑADIDO*/

/*Estados webcams*/
.estado{color:white; font-size:0.6875em; line-height:1; border-radius:2px; padding:2px 5px; cursor:default; margin:0 1px; height: 100%; display: flex; gap: 4px;}
.estado img{width:auto!important; max-width:10px;}
.estado.fcolordest{background-color:var(--fa-colordest); color:var(--fa-colordest-txt)}
.estado.fverde{background-color:#00D617;}/*online*/
.estado.fnaranja{background-color:#f1451c;}/*privado*/
.estado.fgris{background-color:#555555;}/*offline*/
.estado.famarillo{background-color:#ffcc22;}/*vip*/
.estado.frosa{background-color:#fd0796;}
.estado.frojo{background-color:#fd0707;}
.estado.fmorado{background-color:#8615e3;}
.transparente{opacity:0.6;}

.favoritos.active{filter: brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(6514%) hue-rotate(321deg) brightness(113%) contrast(98%);}
.favoritos img{max-width:20px}

/*Listado responsive Chicas según resolución pantalla*/
@media (min-width: 240px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: 100%;}}
@media (min-width: 340px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 2); padding:1px;}}
@media (min-width: 480px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 3); padding:1px;}}
@media (min-width: 740px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 4);}}
@media (min-width: 920px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 5); padding:4px;}}
@media (min-width: 1024px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 6);}}
@media (min-width: 1400px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 8);}}
@media (min-width: 1920px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 10); padding:8px;}}
@media (min-width: 2100px){.listado-chicas .zona-chica, .listado-chicas .banner-1col, .listado-chicas.enlinea .zona-chica, .listado-categorias .zona-categoria, .listado-categorias .banner-1col, .listado-categorias.enlinea .zona-categoria{flex-basis: calc(100% / 12); padding:10px;}}

/*Listado responsive Vídeos según resolución pantalla*/
/*@media (min-width: 240px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: 100%;}}
@media (min-width: 360px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: 100%;}}
@media (min-width: 699px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: 100%;}}*/

@media (min-width: 200px) and (max-width: 699px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: 100%;}}
@media (min-width: 700px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 2);}}
@media (min-width: 740px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 2);}}
@media (min-width: 920px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 3); padding:4px;}}
@media (min-width: 1024px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 3);}}
@media (min-width: 1400px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 4);}}
@media (min-width: 1920px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 6); padding:8px;}}
@media (min-width: 2100px){.listado-videos .zona-video, .listado-videos .banner-1col, .listado-videos.enlinea .zona-video{flex-basis: calc(100% / 6); padding:16px;}}

/*Listado responsive Default según resolución pantalla*/
@media (min-width: 240px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: 100%;}}
@media (min-width: 360px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: 50%; padding:1px;}}
@media (min-width: 740px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 3);}}
@media (min-width: 920px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 3); padding:4px;}}
@media (min-width: 1024px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 3);}}
@media (min-width: 1400px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 4);}}
@media (min-width: 1920px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 6); padding:8px;}}
@media (min-width: 2100px){.listado-default .zona-default,.listado-default.enlinea .zona-default{flex-basis: calc(100% / 6); padding:16px;}}


/*Listado responsive Webcams según resolución pantalla*/
@media (min-width: 240px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {min-width: 0; flex-basis: 50%;}}
@media (min-width: 480px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {min-width: 0; flex-basis: 50%;}}
@media (min-width: 600px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {min-width: 0; flex-basis: 33.333%;}}
@media (min-width: 675px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: 33.333%;}}
@media (min-width: 920px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: 33.333%;}}
@media (min-width: 1024px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 4);}}
@media (min-width: 1200px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 5);}}
@media (min-width: 1300px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 6);}}
@media (min-width: 1400px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 7);}}
@media (min-width: 1500px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 7);}}
@media (min-width: 1920px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 9);}}
@media (min-width: 2100px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 10);}}
@media (min-width: 2400px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 11);}}
@media (min-width: 2800px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 12);}}
@media (min-width: 3100px){.listado-webcams .zona-webcam, .listado-webcams .banner-1col, .listado-webcams.enlinea .zona-webcam {flex-basis: calc(100% / 14);}}

/*Listado responsive banner 2 espacios según resolución de pantalla*/
@media (min-width: 240px){.listado-webcams .banner-2col {min-width: 0; flex-basis: 100%;}}
@media (min-width: 480px){.listado-webcams .banner-2col {min-width: 0; flex-basis: 100%;}}
@media (min-width: 600px){.listado-webcams .banner-2col {min-width: 0; flex-basis: 66.666%;}}
@media (min-width: 675px){.listado-webcams .banner-2col {flex-basis: 66%;}}
@media (min-width: 920px){.listado-webcams .banner-2col {flex-basis: 66%;}}
@media (min-width: 1024px){.listado-webcams .banner-2col {flex-basis: calc(200% / 4);}}
@media (min-width: 1200px){.listado-webcams .banner-2col {flex-basis: calc(200% / 5);}}
@media (min-width: 1300px){.listado-webcams .banner-2col {flex-basis: calc(200% / 6);}}
@media (min-width: 1400px){.listado-webcams .banner-2col {flex-basis: calc(200% / 7);}}
@media (min-width: 1500px){.listado-webcams .banner-2col {flex-basis: calc(200% / 7);}}
@media (min-width: 1920px){.listado-webcams .banner-2col {flex-basis: calc(200% / 9);}}
@media (min-width: 2100px){.listado-webcams .banner-2col {flex-basis: calc(200% / 10);}}
@media (min-width: 2400px){.listado-webcams .banner-2col {flex-basis: calc(200% / 11);}}
@media (min-width: 2800px){.listado-webcams .banner-2col {flex-basis: calc(200% / 12);}}
@media (min-width: 3100px){.listado-webcams .banner-2col {flex-basis: calc(200% / 14);}}

/*Listado responsive banner 2 espacios según resolución de pantalla*/

@media (min-width: 200px) and (max-width: 599px){
    .listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 1); padding:4px}
    .listado-recomendados .zona-video{flex-basis: calc(100% / 1); padding:4px}
}

@media (min-width: 600px){
    .listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 2); padding:4px}
    .listado-recomendados .zona-video{flex-basis: calc(100% / 2); padding:4px}
}
@media (min-width: 740px){
    .listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 2); padding:4px}
    .listado-recomendados .zona-video{flex-basis: calc(100% / 2); padding:4px}
}

@media (min-width: 920px){
    .listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 3); padding:4px}
    .listado-recomendados .zona-video{flex-basis: calc(100% / 3); padding:4px}
}
@media (min-width: 1024px){
    .listado-recomendados .zona-video:first-child{flex-basis: calc(100% / 1); padding:4px}
    .listado-recomendados .zona-video{flex-basis: calc(100% / 2); padding:4px}
}


/*FIN LISTADOS*/

/*SERIES*/
.zona_serie{max-width:478px; margin:0 auto 30px auto; position:relative;}
.zona_serie .img-serie {margin-bottom:5px;position:relative;}
.zona_serie .img-serie img{border:1px solid var(--fa-color-borde);}
.contenedor-txtserie{position:relative; height:50px;}
.zona-txtserie{position:absolute; top:8px; left:0;z-index:5; overflow:hidden;}
.zona-txtserie{font-size: 0.8125em;  -webkit-line-clamp: 2; display: -webkit-box;-webkit-box-orient: vertical; border-radius:4px;}
.zona-txtserie:hover{ overflow:auto; display:block; padding:8px; border:1px solid var(--fa-color-borde); background:var(--fa-fondoweb); z-index:6;}
.zona-txtserie:hover{box-shadow: 0px 0px 18px -2px rgba(0,0,0,0.1);}
.dark .zona-txtserie:hover{box-shadow: 0px 0px 18px -2px rgba(255,255,255,0.1);}

.title-serie{
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 3;
    user-select: none;
    bottom: 0px;
    background: var(--fa-fondoseries);
    color: var(--fa-txtseries);
    font-family: 'Bangers', cursive;
    font-size: 1.2em;
    left: 0px;
    padding: 0.1em 0em;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}/*new*/
.txt-series{
    font-size: 0.8125em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height:60px;
}/*new*/

@media (max-width: 519px){
    .txt-series{display: block; -webkit-line-clamp: inherit;  overflow: auto; height:auto;}
}/*new*/

/*DETALLE VÍDEO*/
.zona_video, .zona_detalle {width:auto; background:none; display: flex; flex-wrap: wrap; box-sizing: border-box; position:relative;}
.zona_video_inner, .zona_detalle_inner {width: 100%; display: flex; box-sizing: border-box; align-items: stretch; margin-right: 0px; padding-left: 0px;}
.zona_video.miembros .zona_video_inner, .zona_detalle.miembros .zona_detalle_inner{flex-direction: column;}

.reproductor_info_video{
	margin-right: 3px; position: relative; user-select: auto; box-sizing: border-box; flex-shrink: 0;
	height: auto;
	width: 65%;/*aquí va la programación del ancho de pantalla*/
	max-width: 1800px;/*programado en función de la pantalla*/
	/*min-width: 420px;programado en función de la pantalla*/
}

.zona_video.miembros .reproductor_info_video{
	width: 100%; margin:0 auto;
	max-width:1600px;/*programado en función de la pantalla*/
}


.detalle_info{
	margin-right: 3px; position: relative; user-select: auto; box-sizing: border-box; flex-shrink: 0;
	height: auto;
	width: 65%;/*aquí va la programación del ancho de pantalla*/
	max-width: 1800px;/*programado en función de la pantalla*/
	/*min-width: 420px;programado en función de la pantalla*/
}

.zona_detalle.miembros .detalle_info{
	width: 100%; margin:0 auto;
	max-width:1600px;/*programado en función de la pantalla*/
}

.contenedor-accesos, .contenedor-recomendados{width:100%; padding-left:15px}
.contenedor-recomendados{/*background: var(--fa-fondoclaro);*/ padding:15px; border-radius:inherit;}

.zona_video.miembros .contenedor-accesos, .zona_detalle.miembros .contenedor-accesos{
	padding-left:0px;
	margin: 15px auto 0 auto;
	max-width:1600px;/*programado en función de la pantalla*/
}

@media (max-width: 1023px){
    .contenedor-recomendados{background: transparent; padding:0px}
}

@media (min-width: 1920px){
	.reproductor_info_video, .detalle_info{width: 75%;}
}

@media (min-width: 2200px){
	.reproductor_info_video, .detalle_info{width: 85%;}
}


@media (max-width: 1023px) {
	.reproductor_info_video, .detalle_info{min-width:100%;margin-right: 3px;}
	.zona_video_inner, .zona_detalle_inner{flex-direction: column;}
	
	.contenedor-accesos, .contenedor-recomendados{padding-left:0px; height:100%; width:100%;margin-top: 15px;}

    .contenedor-recomendados{margin-top: 25px;}
}
@media (max-width: 480px) {
	.video-wrapper.video-stretch, .videochat_video.video-stretch {
	    width: 100vw !important;
    	max-width: inherit;
    	margin-left: -15px;
    	overflow:hidden;
	}
	.video-wrapper.video-stretch .video-container.redondo, .videochat_video.video-stretch .zona-botones-chat .boton.redondo, .videochat_video.video-stretch iframe{border-radius:inherit !important;}
}

/*FIN DETALLE VÍDEO*/

/*BOTONES*/

.boton{position:relative;}
.boton:hover{text-shadow: #fff 1px 0 10px;}

.boton.con-icono {padding-left: 35px;}
.icono-en-boton{position: absolute;left: 10px; top: 50%; transform: translateY(-50%);}

.boton.circulo{border-radius:50%; width:40px!important; height:40px!important; background-color:var(--fa-fondoclaro); color:var(--fa-color-btgris); display: flex; justify-content: center; margin-left: 6px;}
.boton.circulo:hover,.boton.circulo:focus { background-color: var(--fa-fondoclaro-hover); color: var(--fa-color-btgris-hover);}

.boton.circulo.active {color: var(--fa-colordest); background-color:#f4f4f8;}
.dark .boton.circulo.active {color: var(--fa-colordest);!important; background-color:var(--fa-fondoclaro);}

.dark .boton.circulo img{filter: var(--fa-filter-blanco);}

/*.boton.circulo:hover img, .boton.circulo:focus img {filter: var(--fa-filter-blanco);}*/
.dark .boton.circulo:hover img, .boton.circulo:focus img {filter: var(--fa-filter-blanco);}

.boton.circulo.active img {filter: brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(6514%) hue-rotate(321deg) brightness(113%) contrast(98%)}
.dark .boton.circulo.active img {filter: var(--fa--svg-colordest)}

.boton.circulo.s-size{width:30px!important; height:30px!important;}

.boton.colordest {background-color: var(--fa-colordest); color: var(--fa-colordest-txt); font-weight:600}
.boton.colordest:hover, .boton.colordest.active{background-color:var(--fa-colordest); color: var(--fa-colordest-txt);}
.boton.colordest.bordered, .boton.colordest.bordered:hover, .boton.colordest.bordered.active {border:1px solid var(--fa-colordest); color: var(--fa-colordest); background:transparent}

.boton.default{color:var(--fa-form-color); background-color:var(--fa-form-fondo); border-color:var(--fa-form-borde);}
.boton.default:focus,.boton.default.focus{color:var(--fa-form-color); background-color:var(--fa-form-fondo); border-color:var(--fa-form-borde);}
.boton.default:hover{color:var(--fa-form-color); background-color:var(--fa-fondoclaro-hover); border-color:var(--fa-form-borde);}
.boton.default:active, .boton.default.active, .open > .dropdown-toggle.boton.default {color:var(--fa-form-color); background-color:var(--fa-fondoclaro-hover); background-image:none; border-color:var(--fa-form-borde)}
.boton.default:active:hover,.boton.default.active:hover,.boton.default:active:focus{color:var(--fa-form-color); background-color:var(--fa-form-fondo); border-color:var(--fa-form-borde)}

.boton.light{color:var(--fa-form-color-light); background-color:var(--fa-form-fondo-light);}
.boton.light:hover,.boton.light.bordered:hover, .boton.light .active, .boton.light.bordered.active {color:var(--fa-form-color-light); background-color:var(--fa-form-fondo-light);}
.boton.light.bordered {color: var(--fa-form-color-light); background-color:var(--fa-form-fondo-light);border-color:var(--fa-form-borde-light);}

.boton.dark{color:var(--fa-form-color-light); background-color:var(--fa-dark);}
.boton.dark:hover,.boton.dark.bordered:hover, .boton.dark .active, .boton.dark.bordered.active {color:var(--fa-form-color-light); background-color:var(--fa-dark);}
.boton.dark.bordered {color: var(--fa-form-color-light); background-color:var(--fa-form-fondo-light);border-color:var(--fa-form-borde-light);}

.boton.rosa {background-color:var(--fa-rosa); color: var(--fa-blanco); font-weight:600}
.boton.rosa:hover, .boton.rosa.active{background-color:var(--fa-rosa); color: var(--fa-blanco);}
.boton.rosa.bordered, .boton.rosa.bordered:hover, .boton.rosa.bordered.active {border:1px solid var(--fa-rosa); color: var(--fa-rosa); background:transparent}

.boton.gris-claro {background-color:var(--fa-fondoclaro); color:var(--fa-color-btgris); font-weight:600}
.boton.gris-claro:hover,.boton.gris-claro.bordered:hover, .boton.gris-claro.active, .boton.gris-claro.bordered.active {background-color: var(--fa-fondoclaro-hover); color: var(--fa-color-btgris);}
.boton.gris-claro.bordered{color: var(--fa-color-principal); background-color: transparent; border:1px solid var(--fa-color-borde);}
.boton.gris-claro.bordered:hover, .boton.gris-claro.bordered.active{color: var(--fa-color-principal); border:1px solid var(--fa-colordest);background-color: transparent;}

.boton.gris-claro.ok:hover, .boton.gris-claro.ok.active{background-color:#19be92; color:white;}
.boton.gris-claro.ko:hover, .boton.gris-claro.ko.active{background-color:#f71953; color:white;}

.boton.gris-claro.fav img{filter:var(--fa-filter-ico-info)}
.boton.gris-claro.active.fav img{filter:var(--fa-filter-colordest);animation: heartbeat 1s infinite; animation-iteration-count: 1.2;}

.boton.naranja {color: #fff; background-color: #ffae11;}
.boton.naranja:hover,.boton.naranja.bordered:hover, .boton.naranja.active, .boton.naranja.bordered.active {color: #fff; background-color: #e89f10;}
.boton.naranja.bordered {color: #ffae11; background-color: transparent; border:1px solid #ffae11;}

@keyframes heartbeat{0% {transform: scale( .75 );} 20% {transform: scale( 1 );} 40% {transform: scale( .75 );} 60% {transform: scale( 1 );} 80% {transform: scale( .75 );} 100% {transform: scale( .75 );}}
@keyframes heartbeat{0% {transform: scale( .75 );} 40% {transform: scale( 1 );} 60% {transform: scale( .75 );} 100% {transform: scale( .75 );}}

.boton.degradado{position:relative;background: linear-gradient(180deg,#fc0,#f98706); border-top: 1px solid hsla(0,0%,100%,.6); color: #000; border: 0px; gap: 4px;}
.boton.degradado img{max-width:20px;}
.boton.degradado:before{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.boton.degradado:hover:before {
  background-image: -webkit-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -moz-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: -o-radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));
  background-image: radial-gradient(farthest-corner, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03));*/
}

.boton.degradado{padding: 8px 12px;}

.boton.rosadeg,.rosadeg{background: linear-gradient(180deg,#ff54b7,#fd0796);}
.boton.naranjadeg,.naranjadeg{background: linear-gradient(180deg,#ff7a7a,#f24415);}
.boton.verdedeg,.verdedeg{background: linear-gradient(180deg,#1dd1a1,#14a07b);}
.boton.rojodeg,.rojodeg{background: linear-gradient(180deg,#f42001,#f98706);}
.boton.moradodeg, .moradodeg{background: linear-gradient(281deg, #4f53ee 0%, #b53bfe 100%); color:white;}

.boton img{max-width:20px;}

/*boton-slider*/
.boton-slider{display:flex;position: absolute; z-index:10; top: 45%; transform: translate(0%, -50%); z-index:2;cursor:pointer; background-color:black;color:white;padding:10px;}
.boton-slider.izq{left: 10px;}
.boton-slider.der{right: 10px;}
.boton-slider a{color:inherit;}
.boton-slider a:hover{color:inherit;}
.boton-slider:hover img{filter: var(--fa-filter-colordest);}
.boton-slider.negro {color: #fff; background-color: #000;}
.boton-slider.negro:hover,.boton-slider.negro.active {color: var(--fa-colordest); background-color: #000;}

.boton .badge{display:inline-block; background-color: #f4bb2e; border-radius: 4px; color: #222; font-size: 0.75em; line-height: 1;  padding: 4px 6px 3px 6px;}

/*Tabs*/
.tabs {border-bottom:1px solid var(--fa-form-borde)!important; border-radius:0px !important; font-size:0.875em;border-bottom: 1px solid var(--fa-form-borde);}
.tabs a {background: var(--fa-fondoweb); color: #5d5d6a; border: 1px solid var(--fa-form-borde);  border-bottom:0px;}
.tabs a.active {border-bottom:1px solid var(--fa-form-borde);}
.tabs a.active, .tabs a.active:hover, .tabs a.active::after{background:var(--fa-fondoweb); color:var(--fa-colordest);border-bottom:0px;}
.tabs a:hover, .tabs a:hover::after, .tabs a:focus, .tabs a:focus::after{background: var(--fa-fondoweb); color:var(--fa-colordest);}
.tabs a:after, .tabs a.active:after	{background: var(--fa-fondoweb); border: 1px solid var(--fa-form-borde); border-left: 0px; border-bottom:0px;}

.modaltabs .tabs {border-bottom:1px solid rgba(255,255,255,0.2); border-color:#4e4e5a; border-radius:0px !important; font-size:0.875em}
.modaltabs .tabs a {background: #181818; color: #5d5d6a; border: 1px solid rgba(255,255,255,0.2); border-color:#4e4e5a; border-bottom:0px;}
.modaltabs .tabs a.active {border-bottom:1px solid rgba(255,255,255,0.2); border-color:#4e4e5a;}
.modaltabs .tabs a.active, .modaltabs .tabs a.active:hover, .modaltabs .tabs a.active::after {background:#181818; color:#f7f8cf;border-bottom:0px;}
.modaltabs .tabs a:hover,.modaltabs .tabs a:hover::after,.modaltabs .tabs a:focus,.modaltabs .tabs a:focus::after {background: #181818; color:white;}
.modaltabs .tabs a:after,.modaltabs .tabs a.active:after {background: #181818; border: 1px solid rgba(255,255,255,0.2); border-color:#4e4e5a; border-left: 0px; border-bottom:0px;}

.tabs.tab-estilo-2 a {color: var(--fa-datos);}
.tabs.tab-estilo-2 a:hover, .tabs.tab-style-2 a:hover::after, .tabs.tab-style-2 a:focus, .tabs.tab-style-2 a:focus::after {background: transparent;}
.tabs.tab-estilo-2 a:hover {color: var(--fa-colordest);}
.tabs.tab-estilo-2 a.active {border-bottom: 2px solid var(--fa-colordest) !important; color: var(--fa-colordest);}

.modaltabs .tabs.tab-estilo-2 a {background: transparent; color: #5d5d6a;}
.modaltabs .tabs.tab-estilo-2 a.active{border:0px; color:#f7f8cf; background:transparent;}
.modaltabs .tabs.tab-estilo-2 a:hover,.modaltabs .tabs.tab-style-2 a:hover::after,.modaltabs .tabs.tab-style-2 a:focus,.modaltabs .tabs.tab-style-2 a:focus::after {background: #181818; color:#fff;}
.modaltabs .tabs.tab-estilo-2 a:after {background: transparent;}
.modaltabs .tabs.tab-estilo-2 a.active {border-bottom:2px solid var(--fa-colordest)!important}
.modaltabs .tabs.tab-estilo-2 a.active:after {background: transparent;}

/*estilo-1*/
.tabs.tab-estilo-1 a {background: transparent; color: #5d5d6a; border: 0px solid var(--fa-color-borde); border-bottom:0px;}
.tabs.tab-estilo-1 a.active{border:1px solid var(--fa-color-borde); border-bottom:0px; color: var(--fa-colordest); background:var(--fa-fondoweb);}
.tabs.tab-estilo-1 a:hover, .tabs.tab-style-1 a:hover::after, .tabs.tab-style-1 a:focus, .tabs.tab-style-1 a:focus::after {background: var(--fa-fondoweb); color:var(--fa-colordest);}
.tabs.tab-estilo-1 a:after {background: transparent; border: 0px solid var(--fa-color-borde); border-left:0px !important;}
.tabs.tab-estilo-1 a.active {border-right:0px;}
.tabs.tab-estilo-1 a.active:after {background: var(--fa-fondoweb); border: 1px solid var(--fa-color-borde); border-left:0px; bottom:-1px;right: -.4em;}

/*suscripción*/
.oferta-tarifa{position: absolute; top: -7px; left: 15px; font-size: 0.65em; color: white; background: #df646e; line-height: 1; padding: 3px 6px; border-radius: 3px;}

.contenedor-suscripcion {
	display: flex;
	flex-flow: column wrap;
	flex-direction: row;
	flex-wrap: wrap;
	gap:8px;
}
.contenedor-suscripcion.full{flex-direction:column;}
.zona-suscripcion{margin: 0px; flex-grow: 1; -moz-box-flex: 1;}
.suscripcion{
	position:relative;
	border: 2px solid var(--fa-suscripcion-fondo);
	border-radius: 6px;
	cursor: pointer;
	padding:10px 8px;
	user-select: none;
	transition: all 0.3s ease 0s;
	background:var(--fa-suscripcion-fondo);
	
	display:flex;
	justify-content: space-between;
	align-items: center;
	gap:8px;
}

.suscripcion .subs-maxwidth{max-width: 70%;}
.break {flex-basis: 100%; height: 0;}

.circulo-suscripcion{
	width:52px; height:52px; line-height:45px; background:var(--fa-suscripcion-circulo-fondo); border:3px solid var(--fa-suscripcion-circulo-borde); border-radius:50%; text-align:center;
}
.circulo-suscripcion img{max-height:26px;}

.badge-suscripcion{
	background: url(../images/badge.svg) no-repeat; /*borrar si conservas la path svg*/
	position:relative;
	width: 62px;
	height: 62px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align:center;
	color:white;
	font-size:0.8125em;
	line-height:1;
	transform: rotate(15deg); -webkit-transform: rotate(15deg);  -moz-transform: rotate(15deg);
}
.badge-suscripcion svg{fill:var(--fa-salmon);}
.body-modal .badge-suscripcion{font-size:1em}


.suscripcion:hover, .suscripcion.active, .suscripcion.active:hover, .suscripcion.oferta.active, .suscripcion.oferta:hover{border-color: var(--fa-suscripcion-borde);}
.suscripcion.oferta{border-color: var(--fa-suscripcion-oferta-fondo);background: var(--fa-suscripcion-oferta-fondo); color: var(--fa-suscripcion-oferta-txt);}

.info-acceso{background:var(--fa-info-acceso-fondo); color:var(--fa-info-acceso-txt); font-size:0.875em; border-radius:4px; padding:5px 9px; margin:5px 0; line-height:1; text-align: center;}
.tarifa-acceso{color:var(--fa-suscripcion-txt); gap:2px; align-items: center; font-size:3em; line-height:1; font-weight:bold; text-shadow: 0 1px 2px rgb(0 0 0 / 20%);}
@media (min-width:1768px){.tarifa-acceso{font-size:3.5em;}}

.imagen-oferta img{max-height:70px;}
.suscripcion.oferta .tarifa-acceso{color:var(--fa-suscripcion-oferta-txt)}
.suscripcion.oferta .info-acceso{background:var(--fa-info-acceso-oferta-fondo); color:var(--fa-suscripcion-oferta-txt);}

.tarifa-acceso span.simbolo-moneda{font-size:0.5em; font-weight:normal}.tarifa-acceso span{font-size:0.35em; font-weight:normal}

.contenedor-suscripcion.modal .suscripcion, .contenedor-suscripcion.alta .suscripcion{font-size:0.8em;}

/*tags*/
.zona-tags{overflow: hidden; height: 24px; text-align: left; }
.zona-tags.nohidden{overflow: none; height: auto;}
.zona-tags img{max-width:20px}
.tag{display:inline-block; line-height:1; border-radius:2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
a.tag{ background:var(--fa-fondoclaro); border:1px solid var(--fa-color-borde); color:var(--fa-color-principal); font-size:0.75em; padding:3px 4px;}
a:hover.tag, a:focus.tag, a.active.tag{background-color: var(--fa-colordest); color: var(--fa-colordest-txt); border-color:var(--fa-colordest);}
.dertags{float: right; font-size:0.9375em; height:24px; width: auto; text-align: right; padding-left:10px;}
.izqtags{float: left; font-size:0.9375em; height:24px; width: auto; text-align: right; padding-right:10px;}

/*perfil*/
.perfil-contenedor-foto{position:relative;border-radius: 50%; padding: 2px; background: var(--fa-colordest); width: 120px; height: 120px;display: -ms-flexbox; display: flex; -ms-flex-align: center;align-items: center; justify-content: center;}
.perfil-contenedor-foto img.img-rounded{max-width:116px;}
.foto-perfil{display: block; border-radius: 50%; background-position: center center; background-size: cover; width: 116px; height: 116px;}
.country-webcammer{position:absolute; top:10px; right:5px;}
.country-webcammer img{width:20px;border-radius:3px;}

@media (max-width: 480px) {
	.perfil-contenedor-foto.miembros {width:90px; height:90px}
	.perfil-contenedor-foto.miembros img.img-rounded{max-width:86px;}
}

/*zona privada*/
.contenedor-usuario{padding:0 15px;}
.zona-privada-usuario{width: 100%;display: flex; text-align: left; align-items: center; justify-content: flex-start; color:white; margin-bottom:10px;}
.foto-usuario{max-width:50px; margin-right:10px;}
.foto-usuario img{width:50px;}

/*.contenedor-usuario.top{font-size:0.875em; padding: 0 5px;}
.contenedor-usuario.top .zona-privada-usuario, .contenedor-usuario.top .zona-privada-cerrar{line-height:1; margin-bottom:0px;}
.contenedor-usuario.top .foto-usuario{max-width:20px;}
.contenedor-usuario.top .foto-usuario img{width:20px;}*/

.fondo-oscuro .contenedor-usuario{font-size:0.875em; padding: 0 5px;}
.fondo-oscuro .contenedor-usuario .zona-privada-usuario{line-height:1; margin-bottom:0px;}
.fondo-oscuro .contenedor-usuario .foto-usuario{max-width:20px;}
.fondo-oscuro .contenedor-usuario .foto-usuario img{width:20px;}

.zona-privada-cerrar{display: flex; text-align: left; align-items: center; justify-content: flex-start; color:white;}
.zona-privada-cerrar img{max-width:10px; margin-right:3px;}

/*boxes*/
.box-container{background-color: transparent; border: 1px solid var(--fa-color-borde); margin:15px auto; position:relative;}
.box-container.confondo{background:var(--fa-fondoclaro);}
.dark .box-container.confondo{color:white;}
.box-container.noborder{border:0px solid var(--fa-color-borde);}
.box-container.s-size{font-size:0.875em}
.box-container.xs-size{font-size:0.75em}
.box-header{position: relative; padding: 10px 20px; background:var(--fa-color-dark); color:white; border-radius:inherit; border-bottom: 1px solid var(--fa-color-borde); display: -ms-flexbox; display: flex !important; gap: 4px; -ms-flex-align: center;align-items: center;}
.box-header img{max-width:20px}
.box-header.s-size{padding:10px;}
.box-header.center{justify-content: center;}
.box-content{padding:20px;}
.box-content.s-size{padding:10px;}
.box-content.nopadding{padding:0px;}

.info-box {position: absolute; top: -7px; right: 15px; font-size: 0.65em; color: white; background: #5789ff; line-height: 1; padding: 3px 6px; border-radius: 3px; cursor:default;}

.cerrar-box-container {position: absolute; top: 0px; right: 5px; z-index: 1; font-size: 1.75em; color:#9a9a9a; font-weight:normal;}
.cerrar-box-container a, .cerrar-box-container a:hover, .cerrar-box-container a:focus{color:#9a9a9a;}

.box-container.modalhovervideo{border:0px solid transparent; line-height: 1.3; max-width:400px; min-width:280px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3);}
.box-container.modalhovervideo .box-header{border:0px solid transparent; padding:5px 10px; font-size:0.9375em;}
.box-container.modalhovervideo .box-header .cerrar-box-container {line-height:1;}
.box-container.modalhovervideo .box-content{background-color: rgba(0,0,0,.6); text-shadow: 0 1px 8px rgba(0,0,0,.5); padding:10px; font-size:0.875em; color:white;}

.box-container.redondo .box-header{border-radius:4px 4px 0px 0px; -moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;}
.box-container.redondo .box-content{border-radius: 4px; -moz-border-radius:4px;-webkit-border-radius:4px;}
.box-container.redondo .box-header + .box-content{border-radius: 0px 0px 4px 4px ; -moz-border-radius: 0px 0px 4px 4px;-webkit-border-radius: 0px 0px 4px 4px;}

/*lista con imagen*/
ul.lista-imagen {padding: 0; margin: 0px 0; list-style: none;flex-direction: column;}
.body-modal ul.lista-imagen{font-size:0.875em; color:#888897;}
ul.lista-imagen li {position: relative; margin:0px 20px 0px 0px; padding:4px 0px 4px 18px;} 
ul.lista-imagen li:before {position: absolute; height: 20px !important; width: 20px !important; top: 5px; left: 0px; content: url(../images/checkmark.svg);}
ul.lista-imagen li.col2{display:inline-block; width:45%;}
@media (max-width: 750px) {
	ul.lista-imagen li.col2{display:block; width:100%}
}

.container-listacentrada{width:90%; margin: 0 auto;}

/*lista letras*/
.letras li{float:left;font-size:0.9375em;border:1px solid var(--fa-fondoweb);border-right:0px;text-align:center;text-transform:uppercase;}
.letras li a{background-color:var(--fa-fondoclaro);color:var(--fa-atributos-txt);padding:5px 10px;display:block;}
.letras li:first-child a{min-width:75px; border-radius:4px 0px 0px 4px}
.letras li a:hover,.letras li a.active{background-color:var(--fa-colordest);color:var(--fa-colordest-txt);}
.letras li:last-child a{border-right:1px solid var(--fa-fondoweb); border-radius:0px 4px 4px 0px;}

/*filtros*/
ul.filters li{float:left;text-align:center;font-size:0.9375em; margin-right:7px;text-transform:uppercase;}
ul.filters li a{display:block;background-color:var(--fa-fondoclaro);color:var(--fa-atributos-txt);padding:5px 10px;border-radius:4px}
ul.filters li a:hover, ul.filters li a.active{background-color:var(--fa-colordest);color:var(--fa-colordest-txt);}

/*multimedia*/
.hover_img { position:relative; }
.hover_img span { position:absolute; display:none; z-index:1; left: 50%; transform: translate(-50%, 0); top:-60px;}
.hover_img span img{width:60px; height:60px; border-radius:50%; box-shadow: 0 3px 7px 0 rgba(40,54,99,.33);}
.hover_img:hover span { display:block;}

.hover_img span {visibility: visible; -webkit-animation: fadeIn 0.5s; animation: fadeIn 0.5s}
@-webkit-keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}}

/*galería*/
.galeria-fotos {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px; grid-row-gap: 15px; row-gap: 15px; box-sizing: border-box;}
.galeria-videos{display:grid; gap:15px;}

.multimedia-foto, .multimedia-carpeta{display: inline; position: relative; padding: 0; border: 0; overflow: hidden;justify-self: center; max-width:300px;}
.multimedia-video{display: block; position: relative; padding: 0; border: 0; overflow: hidden;justify-self: center; max-width:600px;}

.multimedia-carpeta .overlay, .multimedia-video .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.4); z-index: 1;}
.multimedia-carpeta .overlay .numerofotos, .multimedia-video .overlay .duracion {position: absolute; right: 8px; bottom: 8px; color: #fff; display: flex; align-items: center; font-size: 14px; gap:4px;}
.multimedia-carpeta .overlay .contenidoprivado, .multimedia-video .overlay .contenidoprivado{position:absolute;right:8px;top:8px;color:#fff;display:flex;align-items:center;font-size:14px; gap:4px;}
.multimedia-carpeta .overlay .contenidoprivado span, .multimedia-video .overlay .contenidoprivado span{opacity:0; transition:all .2s}
.multimedia-carpeta .overlay:hover .contenidoprivado span, .multimedia-video .overlay:hover .contenidoprivado span{opacity:1; transition:all .2s}
.multimedia-carpeta .overlay .centro, .multimedia-video .overlay .centro {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 50%;}

@media screen and (min-width:1600px){.galeria-fotos {grid-template-columns: repeat(3, 1fr);}}
@media screen and (min-width:2100px){.galeria-fotos {grid-template-columns: repeat(4, 1fr);}}

/*acordeón*/
.accordion {border: 1px solid var(--fa-color-borde); background: transparent;}
.accordion-item:not(:last-child) .accordion-head {border-bottom: 1px solid var(--fa-color-borde)}
.accordion-item:not(:last-child) .accordion-inner {border-bottom: 1px solid var(--fa-color-borde)}
.accordion-item:last-child .accordion-inner {border-top: 1px solid var(--fa-color-borde)}
.accordion-head {padding: 1rem 2.25rem 1rem 1.25rem; display: block; position: relative}
.accordion-head .titaco {margin-bottom: 0; font-size: 0.9375em; font-weight: 600; line-height: 1.3; text-transform:uppercase}
.accordion-head.collapsed .titaco {}
.accordion-inner {padding: 1rem 1.25rem 1.25rem; font-size: 0.875em !important;}

.accordion-icon {position: absolute; right: 1rem; top: 50%; font-size: 1rem; transform: translateY(-50%); transition: rotate 0.4s; width: 20px; height: 20px; text-align: center; line-height: 20px}
.accordion-icon:before {content: "\276F"; font-family: ""; transition: 0.4s; display: inline-block; transform: rotate(270deg);}
.accordion-head.collapsed .accordion-icon:before {content: "\276F";transform: rotate(90deg);}

@media (min-width: 768px) {
  .accordion-head {padding: 1rem 1.5rem}
  .accordion-inner {padding: 1rem 1.5rem 1.25rem}
  .accordion-icon {right: 1.5rem}
}


/*banners*/
.contenedor-banners{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
.zona-banner{margin:5px auto; width:auto; width: -moz-fit-content; width: fit-content;}
.info-banner{background:#333338; padding:4px 10px; font-size:0.75em;color:white; width:100%; text-align:left; cursor:default;}

.contenedor-undervideo{text-align:center; padding:5px; background-color: var(--fa-fondo-banner); color:var(--fa-txt-banner); overflow-x:hidden;}
.contenedor-undervideo img{border:0px; max-width: 100%; height: auto;}
.contenedor-undervideo iframe{display:block; margin:0 auto; border:none}
@media (max-width: 480px){
	.contenedor-undervideo {width: 100vw !important; max-width: inherit; margin-left: -15px; overflow: hidden;}
}

/*comentarios*/
.info-comentarios {
  width: 100%;
  border-bottom: 2px solid var(--fa-color-borde);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-top:20px;
}
.numero-comentarios {
  border-bottom: 2px solid var(--fa-verde);
}
.numero-comentarios {
  color: var(--fa-color-principal);
  padding: 5px 15px 3px 5px;
  margin-bottom: -2px;
  font-size:  0.875em;
  letter-spacing: 1px;
  text-align: left;
  line-height: 24px;
}
.zona-comentario{
	display:flex; flex-direction:column; padding:15px; border-bottom:1px solid var(--fa-color-borde);
	-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; 
}
.zona-comentario:hover{background:var(--fa-fondoclaro);}
.comentario-autor{font-size: 0.9375em; color:var(--fa-verde); font-weight: 600; letter-spacing: .7px; margin-bottom: 5px;}
.comentario-texto{font-size:0.9375em;}
.comentario-info{font-size: 0.75em; padding: 4px 8px; line-height:1; margin-top: 8px; border-radius: 4px; font-style: italic; background: #df646e; color: #ffffff; max-width: fit-content; text-align: center;}

/*modals*/
.contenedor-info-modal {display: -webkit-flex; display: flex; color:#888897;}
.caja-transparente-modal {-webkit-flex: 1 0 0; flex: 1 0 0; min-width: 0; padding: 20px; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,.05); border-radius: 16px; color:white; position:relative;border-bottom: 0px;}
.caja-transparente-modal:not(:last-child) {margin-bottom: 0; margin-right: 20px;}
.caja-transparente-modal.destacado {background: linear-gradient(180deg,rgba(255,180,59,.25) 0%,rgba(255,180,59,0) 20%),rgba(255,255,255,0.04);}

/*.caja-acceso{background:rgba(0,0,0,0.2); padding:20px; width:80%; border:1px solid #292930}
.caja-acceso.info{padding:10px;}
@media (max-width:480px){.caja-acceso{width:100%;}}*/

.icono-modal{height:50px}

@media screen and (max-width:768px){
    .contenedor-info-modal{flex-wrap: wrap!important;}
    .caja-transparente-modal{-webkit-flex:auto; flex:auto; min-width:100%; width:100%}
    .caja-transparente-modal:not(:last-child){margin-bottom:22px}
}

/*share*/
.share{width:auto;}
.share a.circle {width: 40px; height: 40px; background-color: #313139; text-align: center; color: #ffffff; opacity: 1; line-height:10px;}

/*TABLAS*/
.table{background:transparent; color:inherit;}
.table th, .table td, .table thead th {border-color: var(--fa-color-borde);}
.table thead th{border-bottom:1px solid var(--fa-color-borde);}

/*tabla striped*/
.table-striped tbody tr:nth-of-type(odd){background-color:var(--fa-fondoclaro);}

/*tabla simpletabla*/
table.simpletabla {width: 100%; border-collapse: collapse; padding: 8px; background:transparent}
table.simpletabla th {border: 1px solid var(--fa-color-borde); background-color:var(--fa-fondoclaro); padding: 5px; font-size: 0.9em; text-align:left}
table.simpletabla tr {border: 1px solid var(--fa-color-borde); padding: 5px; font-size: 0.9em}
table.simpletabla td {border: 1px solid var(--fa-color-borde); padding: 3px;}

/*paginación*/
.pagina-link{color: var(--fa-color-principal); background-color: var(--fa-fondoweb); border: 1px solid var(--fa-color-borde);}
.pagina-item.active .pagina-link, .pagina-link:hover {color: var(--fa-colordest-txt); background-color: var(--fa-colordest); border-color: var(--fa-colordest);}
.pagina-item.disabled .pagina-link {color: var(--fa-form-color-disabled); background-color: var(--fa-form-fondo-disabled); border: 1px solid var(--fa-form-borde-disabled); cursor: not-allowed;}

/*formularios*/
.input-maxwidth{width: 100%;max-width: 400px; margin-left: auto; margin-right: auto;}
.input-maxwidth.s-size{max-width:300px;}
.input-maxwidth.xs-size{max-width:250px;}
.full-movil{max-width:100%!important;}

/*footer*/
.separa-footer{margin-top:2em;}
footer{background:var(--fa-fondofooter); padding:80px 0 40px 0; color:var(--fa-footer-txt); font-size:0.875em;}

.zona-logo-abajo{display: flex;justify-content:center;align-items: center;flex-wrap:wrap;gap:4px;}
.logo-abajo img{/*max-height:45px;*/ max-width:250px}
.linea.footer {background:rgba(255,255,255,0.16);}

.zona-abajo {margin: 10px auto !important;}

ul.lnkaba{margin:0px;padding:0px /*elimina el padding del ul general*/}
.lnkaba li {display:block; font-size:inherit; color:#c3c3c3; line-height: 1.4em; padding:1px 0 0 10px; position:relative; margin:5px 0}
.lnkaba li:before{content: "\203A"; font-size:1.125em; position:absolute; top:0px; left:0px; color:var(--fa-colordest); width: auto;margin-left: 0px;}
.lnkaba li a{ color:#c3c3c3; text-decoration:none;}
.lnkaba li a:hover, .lnkaba li a:focus {tex-decoration:none; color:#c3c3c3}

/*modal*/
.contenido-modal {background-color: #181818; border-radius:8px;}
.contenido-modal.sombra{box-shadow: 0 5px 24px 3px rgb(0 0 0 / 60%);}
.body-modal {background: var(--fa-fondomodal); color:var(--fa-modal-txt);}
.header-modal{background-color:inherit; border-bottom: 1px solid #3c3c46;}
.contenido-modal .header-modal img {width: 20px;}
.contenido-modal .title{color:var(--fa-blanco);}

.footer-modal, .bottom-modal {background:var(--fa-fondomodal); color:var(--fa-modal-txt); border-top: 1px solid #3c3c46;}

.contenido-modal .colorclaro {--fa-colorclaro:#888897;}
.contenido-modal .colorclaro a{--fa-colorclaro:#888897;}
.contenido-modal .colorclaro a:hover{--fa-colorclaro:#888897;}
.contenido-modal .colorclaro .verde{--fa-colorclaro:#19be92;}
.contenido-modal .colorclaro .verde:hover{--fa-colorclaro:#19be92;}

.contenido-modal .cerrar-modal a{color:var(--fa-blanco);}
.contenido-modal .linea-o:before {background: #4e4e5a;}
.contenido-modal .linea-o span {color: #fff; background-color: #181818;}
.contenido-modal .formulario, .contenido-modal .checkmark-check, .contenido-modal .container-check:hover input ~ .checkmark-check, .contenido-modal .container-check input:checked ~ .checkmark-check{background-color: #181818; border: 1px solid #4e4e5a; color:#b5b5ca;}
.contenido-modal .formulario::-moz-placeholder {color: #888897;}
.contenido-modal .formulario:-ms-input-placeholder {color: #888897;}
.contenido-modal .formulario::-webkit-input-placeholder {color: #888897;}
.contenido-modal ::-ms-reveal {filter: invert(100%);}/*cambia el color del ojo en el campo input tipo password*/

.contenido-modal.modal-transparente, .contenido-modal.modal-transparente .body-modal{background:transparent;}

.zona-modal.notificacion .contenido-modal{background-color:white;}
.zona-modal.notificacion .contenido-modal .cerrar-modal a {color: #000; line-height:1}
.zona-modal.notificacion .header-modal{text-align:center; padding:30px 15px 0px 15px; border-bottom:0px solid transparent;}
.zona-modal.notificacion .header-modal.naranja {background-color: #ffae11 !important;}
.zona-modal.notificacion .header-modal img{min-width:80px;}
.zona-modal.notificacion .body-modal {background: white; color: black; font-weight:600;}

.zona-modal.notificacion.style1 .contenido-modal .cerrar-modal a {color: #fff;}
.zona-modal.notificacion.style1 .header-modal{padding:30px 15px;}


/*==============================
			Msg-form
==============================*/

.msg-form {padding-left: 1rem;border-width: 1px 1px 1px 5px;color: var(--fa-light); background-color: var(--fa-fondolight); border-color: var(--fa-color-borde);}
.msg-form a{box-shadow: 0 1px 0 currentColor;}
.msg-form .close {top: -12px; right: -5px;}
.msg-form.borde{border-color: #526484;}
.dark .msg-form.borde {background: transparent !important; box-shadow: 0 4px 15px 0 rgba(255, 255, 255, 0.1);}
.msg-form.con-fondo{background: rgba(0,0,0,0.03)}
.dark .msg-form.con-fondo{background: rgba(255,255,255,0.04)}

.msg-form.colordest {color: var(--fa-colordest)!important; background-color: transparent; border-color: var(--fa-colordest);}
.msg-form.colordest a {color: var(--fa-colordest)!important;}
.msg-form.borde.colordest{border-color: var(--fa-colordest); color:var(--fa-colordest) !important;}
.msg-form.borde.colordest a{color: var(--fa-colordest)!important;}
.msg-form.con-fondo.colordest {color: var(--fa-colordest-txt)!important; background-color: var(--fa-colordest)}
.msg-form.con-fondo.colordest a{color: var(--fa-colordest-txt)!important;}

.msg-form.verde {color: #19bc90!important; background-color: #e4fbf5; border-color: #aef4e1;}
.msg-form.verde a {color: #19bc90;}
.msg-form.con-fondo.verde {color: #fff!important; background: #19be92;}
.msg-form.con-fondo.verde a{color: #fff!important;}
.msg-form.borde.verde {border-color: #19be92;}

.msg-form.amarillo {color: #cd9f0c!important; background-color: #fef7e2; border-color: #fbe7a8;}
.msg-form.amarillo a {color:#9d7a09;}
.msg-form.con-fondo.amarillo {color: #fff!important; background: #ffae11;}
.msg-form.con-fondo.amarillo a{color: #fff!important;}
.msg-form.borde.amarillo {border-color: #ffae11;}

.msg-form.rojo {color: #c3463c!important; background-color: #fceae9; border-color: #f7c1bd;}
.msg-form.rojo a {color: #9c3830;}
.msg-form.con-fondo.rojo {color: #fff!important; background: #e85347;}
.msg-form.con-fondo.rojo a{color: #fff!important;}
.msg-form.borde.rojo {border-color: #e85347;}

.msg-form.gris {color: #6c7a8c !important; background-color: #f0f2f4; border-color: #d1d7df;}
.msg-form.gris a {color: #56616f;}
.msg-form.con-fondo.gris {color: #fff!important; background: #8091a7;}
.msg-form.con-fondo.gris a{color: #fff!important;}
.msg-form.borde.gris {border-color: #8091a7;}

.dark .msg-form.verde {background:transparent; border-color:#19bc90;}
.dark .msg-form.con-fondo.verde {background: #19bc90; color: #ffffff !important;}

.dark .msg-form.amarillo {background:transparent; border-color:#ffae11; color:#ffae11!important}
.dark .msg-form.con-fondo.amarillo {background:#ffae11!important;color: #ffffff !important;}
.dark .msg-form.amarillo a {color: #ffae11;}

.dark .msg-form.rojo {background:transparent; border-color:#e5352f; color:#e5352f!important}
.dark .msg-form.con-fondo.rojo {background:#e5352f!important;color: #ffffff !important;}
.dark .msg-form.rojo a {color: #e5352f;}

.dark .msg-form.gris {background:transparent; border-color: #6b7275; color:#6b7275!important}
.dark .msg-form.con-fondo.gris {background:#6b7275!important;color: #ffffff !important;}
.dark .msg-form.gris a {color: #6b7275;}

/*==============================
			Print
==============================*/

.invoice-caja {border: 1px solid var(--fa-form-borde); background: var(--fa-fondoweb);}

.invoice-datos .invoice-title {color: var(--fa-color-principal);}
.invoice-productos .table th {color: var(--fa-color-principal);}
.invoice-productos .table tfoot {border-top: 1px solid var(--fa-color-borde);}
.invoice-productos .table tfoot{border-top:1px solid var(--fa-color-borde);}
.invoice-productos .table tfoot tr:last-child td:not(:first-child){border-top:1px solid var(--fa-color-borde);}


/*==============================
		Dark Mode Switch
==============================*/

.switch-checkbox {position: relative; cursor: pointer;  border-radius:50%; width:40px!important; height:40px!important; background-color:var(--fa-fondoclaro); color:var(--fa-color-btgris); display: flex; justify-content: center; margin-left: 6px;}
.switch-checkbox:hover{background-color: var(--fa-fondoclaro-hover); color: var(--fa-color-btgris-hover);}
/*.switch-checkbox:hover img{filter: var(--fa-switch-img)}*/
.switch-checkbox img {width:18px !important}

/*.dark .switch-checkbox:hover img{filter: filter: var(--fa-filter-blanco);}*/
.dark .switch-checkbox img {filter: var(--fa-filter-blanco);}


.switch-checkbox input[type=checkbox], .switch-checkbox .checked {display: none;}
.switch-checkbox input[type="checkbox"]:checked~.checked {display: inline-block;}
.switch-checkbox input[type="checkbox"]:checked~.unchecked {display: none;}

/*==============================
        Age Disclaimer
==============================*/

.disclamimer-container{height: 100%; width: 100%; position: fixed; left: 0; top: 0; overflow-x: hidden; z-index: 1002;}
.disclaimer-zone{display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - (.5rem * 2)); max-width: 820px; margin: 0 auto; z-index: 1001; position: relative;}

.disclaimer{overflow: auto; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: inherit; background-clip: padding-box; outline: 0; border-radius: 8px;background-color: rgba(0,0,0,0.8); margin: 5px 10px;}
.disclaimer a,.disclaimer a:hover,.disclaimer a:focus{color:white}

.disclaimer-header{padding: 1rem 1.25rem; position: relative; border-top-left-radius: inherit; border-top-right-radius: inherit; background: #181818; color:white;}
.disclaimer-body{padding: 1.5rem 1.25rem; color:white; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; overflow-y: auto;  max-height: calc(100vh - 150px); overflow-y: auto;}
.disclaimer-footer{padding: 1rem 1.25rem; background: #181818; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; color:white}

.disclaimer-button{background-color: #3FB848; border: none; color: white; padding: 10px 20px; border-radius: 50px; box-shadow: 0px 3px 6px #00000029; text-align: center; text-decoration: none; font-size: 16px;  cursor: pointer; margin: 10px auto;  display: block; width: 290px;}
.disclaimer-button.ok{background-color: #3FB848;}
.disclaimer-button.ko{background-color: #E5352F;}




.dis-cont {
    z-index: 2000;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    height: 100%;
    width: 100%;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.tit-dis{font-size: 3em;
    line-height: 1em;
    color: #fff;
    padding-bottom: 30px;
    font-weight: bold;
    margin: 0;}
.p-dis{    font-size: 1em;
    color: #fff;
    line-height: 1.5em;
    padding-bottom: 30px;}

@media (max-width: 991px) {.tit-dis{font-size: 2em;}}