﻿/*
 * 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;}

/*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;}



/*idiomas listado*/
.banderas{line-height:1;}
.bandera{width:16px !important; height:11px !important; margin:3px 3px 0 0;}

/*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;}

/*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;}

/*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;}


/*==============================
      PERSONALIZACIÓN CSS
==============================*/

:root {
  --fa-fondo-box-info: rgba(253,7,150,0.06);
}

html{scroll-behavior: smooth;}
body{height: auto;}/*AÑADIR*/
.title, .subtitle{line-height:120%;}/*AÑADIR*/
.fanetwork-sticky{position: sticky; position: -webkit-sticky; z-index: 99; top: 0px;}/*AÑADIR*/
.header-top{position: sticky; position: -webkit-sticky; z-index: 100; top:-1px; bottom:0;background: var(--fa-fondoweb); height: 84px}/*AÑADIR*/
.menu-sticky{position: sticky; position: -webkit-sticky; z-index: 98; top: 82px; transition: top 0.8s ease-in-out;}/*AÑADIR*/
.nav-up {top: -82px;}/*AÑADIR*/
.txt-truncate, .elipsis {right: 5px;}
.zona-actor{display: flex; justify-content: center; gap: 8px;}
.contenedor-famosa{max-width: 342px; margin:0 auto;}
.zona-famosa{box-shadow: inset 0 -45px 62px -6px #000000; border-radius:8px; margin-bottom:15px;}
.zona-famosa img{position: relative; z-index: -2;border-radius:8px;}
.txtnombre {font-size: 0.9375em; font-weight: bold}
ul.menhor {justify-content: space-around; gap:25px;}
.zona-idioma img {padding: 0px; background: transparent;}
.zona-idioma .top-drop-menu {color: white; top: 35px !important; right:4px;}
.dark .zona-idioma .boton.circulo img {filter: none;}
.abajo a, .abajo a:hover, .abajo a:focus{color:var(--fa-colordest)}
.dropzone{height: 100%; display: flex; align-items: center; justify-content: center;}
.dropzone {max-width: 207px !important; max-height: 207px!important;}
.dropzone img{max-width:207px;}
.zona-imagen-upload{position: relative; max-width: 207px !important; max-height: 207px!important; overflow: hidden; margin:0 auto;}
.zona-imagen-upload img.img-responsive{border:1px solid var(--fa-colordest)}
.zona-imagen-upload .dropzone img.img-responsive{border:0px solid var(--fa-colordest)}
.bt-enviar-solicitud{min-width: 520px; border-radius: 50px; height:48px; float: right; padding: 15px 15px; margin-top:30px;}
.bt-mas-videos{min-width: auto; margin:0px auto 25px auto; width:100%}
.color-txtform{color:var(--fa-form-color)}
.box-info{background: var( --fa-fondo-box-info); border-radius: 8px; width:100%;color: var(--fa-colordest); font-size:0.8125em; padding:25px; text-align: center;}
footer {padding: 40px 0 40px 0;}

@media (max-width: 991px) {
    .bt-enviar-solicitud{float:none; min-width: 100%; margin-top:0px;}
    .imagenes-actor{display: flex; gap:8px;}
    .zona-actor{max-width: 506px; margin:0 auto;}
    .img-principal-actor{width:100%;}
}



/*==============================
			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;}