﻿/*
 * Descripción: CUSTOM
 * Copyright (c) 2023
*/


/*===================================
	Google Fonts siempre primero
=====================================*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700&display=swap');

/*
    font-family: 'Plus Jakarta Sans', sans-serif;
*/


/*===================================
       Colores light / dark
=====================================*/


:root {
  --body-font-size: 1em;
  --body-font-weight: 400;
  --body-line-height: 1.5;
  --fuente-principal:'Plus Jakarta Sans', sans-serif, Arial, Helvetica;
  
  --colordest: #fd0796;
  --colordest-dark:#cc0a7b;
  --colordest-txt:#fff;
  --colordest-fill: #fd0796;
  --filter-colordest: brightness(0) saturate(100%) invert(18%) sepia(87%) saturate(5215%) hue-rotate(317deg) brightness(105%) contrast(106%);
  
  --color-principal:#3c3c46;
  --color-principal-hover:#3c3c46;
  --color-principal-focus:#3c3c46;
  
  --color-title:#333333;
  --color-title-a:#333333;
  --color-title-hover:#333333;
  --color-title-focus:#333333;
  
  --colorclaro:#3c3c46;
  --colorclaro-a:#3c3c46;
  --colorclaro-hover:#3c3c46;
  --colorclaro-focus:#3c3c46;
  
  --fondoclaro-dark:#e8e8ef;
  
  --color-lema:#3c3c46;
  --color-titulo:#000;
  
  --naranja:#ffae11;
  --naranja-oscuro:#fc771b;
  --rojo:#e02b1c;
  --rosa: #fd0796;
  --rosa-claro:#f57ae7;
  --salmon:#df646e;
  --magenta: #dd2350;
  --verde:#19be92;
  --verde-claro:#04eabb;
  --verde-caqui:#809b15;
  --morado: #626ed4;
  --purpura:#663399;
  --granate:#c00b5d;
  --amarillo:#ffcf35;
  --azul: #3b7ddd;
  --azul-claro:#0bb2fa;
  --cian:#09c2de;
  --light:#8094ae;
  --dark:#3c3346;
  --blanco: #fff;
  --negro: #000;
  --color-oscuro:#3c3c46;
  
  --gris:#999;
  --gris-oscuro:#666;
  --gris-claro:#b5b5c3;
  --gris-clarito:#e3e6e6;
  
  --fondoweb:#fff;
  --fondomodal:#181818;
  --fondoclaro:#f4f4f8;
  --fondolight:#fcfcfd;
  --fondoscuro:#2c2c34;
  --fondofooter:#1e1e23;
      
  --linea: rgba(0,0,0,0.16);
  --linea-footer: rgba(255,255,255,0.16);
	
  --titaba:#fff;
  --titaba-a:#fff;
  --titaba-hover:#fff;
  --titaba-focus:#fff;
  
  --txtaba:rgba(255,255,255,0.16);
  --txtaba-a: var(--colordest);
  --txtaba-hover:var(--colordest);
  --txtaba-focus:var(--colordest);
  
  --txtabagris:#7c7c7c;
  --txtabagris-a:#8e8e8e;
  --txtabagris-hover:#8e8e8e;
  --txtabagris-focus:#8e8e8e;
  
  --txtabagris-oscuro:#7d7d7d;
  --txtabagris-oscuro-a:#7d7d7d;
  --txtabagris-oscuro-hover:#606060;
  --txtabagris-oscuro-focus:#606060;
  
  --borde-colder:#dbdfea;
  --borde-colizq:#dbdfea;
  --borde-colder-claro:rgba(255,255,255,0.16);
  --fondo-colder:#f4f4f8;
  
  --abajo: #9c9c9c;
  --abajo-a: #c3c3c3;
  --abajo-hover: #c3c3c3;
  --abajo-focus: #c3c3c3;

  --footer-txt:#c3c3c3;
  
  --filter-rosa: brightness(0) saturate(100%) invert(16%) sepia(95%) saturate(6514%) hue-rotate(321deg) brightness(113%) contrast(98%);
  --filter-rosa-claro: brightness(0) saturate(100%) invert(70%) sepia(28%) saturate(4014%) hue-rotate(281deg) brightness(108%) contrast(92%);
  --filter-rojo: brightness(0) saturate(100%) invert(24%) sepia(94%) saturate(5440%) hue-rotate(355deg) brightness(94%) contrast(86%);
  --filter-lover: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(3395%) hue-rotate(330deg) brightness(104%) contrast(95%);
  --filter-naranja: brightness(0) saturate(100%) invert(73%) sepia(95%) saturate(1709%) hue-rotate(347deg) brightness(100%) contrast(103%);
  --filter-granate: brightness(0) saturate(100%) invert(13%) sepia(42%) saturate(6706%) hue-rotate(319deg) brightness(110%) contrast(104%);
  --filter-verde-caqui: brightness(0) saturate(100%) invert(52%) sepia(89%) saturate(2159%) hue-rotate(41deg) brightness(96%) contrast(83%);
  --filter-naranja-oscuro: brightness(0) saturate(100%) invert(61%) sepia(67%) saturate(3543%) hue-rotate(347deg) brightness(99%) contrast(100%);
  --filter-blanco: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
  --filter-negro: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7480%) hue-rotate(147deg) brightness(106%) contrast(99%);
  --filter-gris: brightness(0) saturate(100%) invert(65%) sepia(99%) saturate(1%) hue-rotate(348deg) brightness(103%) contrast(98%);
  --filter-gris-oscuro: brightness(0) saturate(100%) invert(43%) sepia(11%) saturate(232%) hue-rotate(153deg) brightness(97%) contrast(85%);
  --filter-amarillo: brightness(0) saturate(100%) invert(99%) sepia(56%) saturate(1980%) hue-rotate(325deg) brightness(107%) contrast(110%);
  --filter-ico-info: brightness(0) saturate(100%) invert(46%) sepia(47%) saturate(1859%) hue-rotate(204deg) brightness(101%) contrast(101%);
  --filter-color-principal: brightness(0) saturate(100%) invert(23%) sepia(5%) saturate(1184%) hue-rotate(201deg) brightness(93%) contrast(92%);
      
  --color-borde:#e5e9f2;
  
  /*forms*/
  --form-txt:#79889a;
  --form-color: #79889a;
  --form-fondo:#ffffff;
  --form-borde: #dbdfea;
  --form-borde-hover:#dbdfea;
  --form-borde-active:#dbdfea;
  --form-txt-active:#3c4d62;
  
  --form-txt-disabled:#c2c2c2;
  --form-color-disabled:#c2c2c2;
  --form-borde-disabled:#dbdfea;
  --form-fondo-disabled:#f5f6fa;
  
  --form-label-top: #8D8D8D;
  --form-label-top-active: #000;
  
  --form-color: #79889a;
  --form-fondo:#ffffff;
  --form-borde: #dbdfea;
  
  --form-color-light: #364a63;
  --form-fondo-light:#e9ecef;
  --form-borde-light: #d3d9df;
  
  --form-color-disabled:#a3afbe;
  --form-fondo-disabled:#f5f6fa;
  --form-borde-disabled:#dbdfea;
  
  --fondo-banner:#333338;
  --txt-banner:#ffffff;
  
}

.dark {
    --fondoweb:#181818;
    --fondoclaro:#24242a;
    --fondolight:#181818;
    
      
    --color-principal:#ffffff;/*c3c3c3*/
	--color-principal-hover:#ffffff;
	--color-principal-focus:#ffffff;
	
	--linea: rgba(255,255,255,0.16);	
	
	--color-lema:#fff;
	--color-titulo:#fff;
	
	--light:#727280;
	
	--colorclaro:#c3c3c3;
	--colorclaro-a:#c3c3c3;
	--colorclaro-hover:#c3c3c3;
	--colorclaro-focus:#c3c3c3;
	
	--color-title:#fff;
	--color-title-a:#fff;
	--color-title-hover:#fff;
	--color-title-focus:#fff;
	
	--nombre:#df7a8d;
    --datos:#816a6f;
    
    --color-borde:#3c3c46;
   
   	--filter-color-principal: brightness(0) saturate(100%) invert(77%) sepia(7%) saturate(269%) hue-rotate(202deg) brightness(99%) contrast(91%);
	
    /*forms*/
    --form-txt:#b6c6e3;
    --form-color: #79889a;
    --form-fondo:#141c26;
    --form-borde: #324054;
    --form-borde-hover:#324054;
    --form-borde-active:#324054;
    --form-txt-active:#3c4d62;
    --form-txt-disabled:#556c8e;
    --form-color-disabled:#556c8e;
    --form-borde-disabled:#324054;
    --form-fondo-disabled:#141c26;  
	
	--form-color: #ffffff;/*c3c3c3*/
	--form-fondo:#181818;
	--form-borde: #4e4e5a;/*3c3c46*/
	
	--form-color-light: #ffffff;
	--form-fondo-light:#2d2d3c;
	--form-borde-light: #4e4e5a;

	--form-color-disabled:#65707f;
	--form-fondo-disabled:#24242a;
	--form-borde-disabled:#404049;
	
	--borde-colder:#34343c;
	--borde-colizq:#34343c;
	--fondo-colder:#24242a;
	
	--filter-negro: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
}


/*=========================
        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(--color-principal);}
a:hover {color: var(--color-principal-hover);}
a:focus {color: var(--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(--colordest);  color:var(--colordest-txt);}
::-moz-selection { background:var(--colordest); color:var(--colordest-txt);}

.scrolltop{color:var(--colordest-txt); background:var(--colordest); border-radius:4px; padding:6px 12px;}

blockquote {
	color: var(--color-principal);
    background-color: rgba(151,151,192,0.1);
    border-left: 3px solid var(--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;}

.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(--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: 210px; position: relative; margin:0 auto}
.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;}
}


.linea {background:var(--form-borde);}
.linea.footer {background: var(--linea-footer);}
.borde-colder{border-left:1px solid var(--borde-colder);}
.borde-colizq{border-right:1px solid var(--borde-colizq);}
.borde-colder.claro{border-left:1px solid var(--borde-colder-claro);}
.fondo-colder{background:var(--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*/

/*fondos*/
.fondo-oscuro {background-color:var(--fondoscuro); color:var(--blanco);}

/*filtros svg colores*/
.svg-colordest{filter:var(--filter-colordest);}
.svg-rosa{filter:var(--filter-rosa);}
.svg-blanco{filter:var(--filter-blanco);}
.svg-negro{filter:var(--filter-negro);}
.svg-gris{filter:var(--filter-gris);}
.svg-gris-oscuro{filter:var(--filter-gris-oscuro);}
.svg-amarillo{filter:var(--filter-amarillo);}
.svg-ico-info{filter:var(--filter-ico-info)}
.svg-color-principal{filter:var(--filter-color-principal);}

.svg-sombra{filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}


/*BOTONES*/
.boton{position:relative;}
.boton:hover{text-shadow: #fff 1px 0 10px;}

.boton.colordest {background-color: var(--colordest); color: var(--colordest-txt); font-weight:600; background: linear-gradient(90deg, var(--colordest-dark) 0%, var(--colordest) 100%);}
.boton.colordest:hover, .boton.colordest.active{background-color:var(--colordest); color: var(--colordest-txt);}
.boton.colordest.bordered, .boton.colordest.bordered:hover, .boton.colordest.bordered.active {border:1px solid var(--colordest); color: var(--colordest); background:transparent}


/*TABLAS*/
.table{background:transparent; color:inherit;}
.table th, .table td, .table thead th {border-color: var(--color-borde);}
.table thead th{border-bottom:1px solid var(--color-borde);}

/*tabla striped*/
.table-striped tbody tr:nth-of-type(odd){background-color:var(--fondoclaro);}

/*tabla simpletabla*/
table.simpletabla {width: 100%; border-collapse: collapse; padding: 8px; background:transparent}
table.simpletabla th {border: 1px solid var(--color-borde); background-color:var(--fondoclaro); padding: 5px; font-size: 0.9em; text-align:left}
table.simpletabla tr {border: 1px solid var(--color-borde); padding: 5px; font-size: 0.9em}
table.simpletabla td {border: 1px solid var(--color-borde); padding: 3px;}

/*paginación*/
.pagina-link{color: var(--color-principal); background-color: var(--fondoweb); border: 1px solid var(--color-borde);}
.pagina-item.active .pagina-link, .pagina-link:hover {color: var(--colordest-txt); background-color: var(--colordest); border-color: var(--colordest);}
.pagina-item.disabled .pagina-link {color: var(--form-color-disabled); background-color: var(--form-fondo-disabled); border: 1px solid var(--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(--fondofooter); padding:80px 0 40px 0; color:var(--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(--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}

/*==============================
            TEXTOS
==============================*/

.title {font-size:1.375em; line-height:110%; color:var(--color-title); position:relative; font-weight:600;margin-bottom:15px;}
.title.normal{font-weight: 400; line-height: 1.2em;}
.title a {text-decoration:none; color:var(--color-title);}
.title a:hover{text-decoration:none; color:var(--color-title-hover);}

.title.font2{font-family: 'Bangers', cursive;}
.title.font2:after{display:none}

.title:after {position: absolute; content: ''; left: 0px; bottom: -10px; width: 70px; height: 2px; background-color: var(--colordest);}
.title.noraya:after{position: absolute; content: ''; left: 0px; bottom: -10px; width: 70px; height: 2px; background-color:  var(--colordest); display:none}
.title.center::after{left: 50%; margin-left: -35px; width:70px;}
.title.nobottom{margin-bottom:0px;}

.title.xxl-size{font-size:2em;}
.title.xl-size{font-size:1.75em;}
.title.l-size{font-size:1.5625em;}
.title.s-size{font-size:1.25em;}
.title.xs-size{font-size:1.125em;}
.title.xxs-size{font-size:0.9375em;}

.title.xl-size i, .title.l-size i, .title.s-size i, .title.xs-size i, .title.xxs-size i{vertical-align: middle !important}

.title.estilo1, .title.estilo2.noraya, .title.estilo3.noraya{padding-left:0px;}

.title.estilo2{padding-left:10px;}
.title.estilo2:after {position: absolute; content: ''; left: 0px; bottom: 0px; width: 3px; height: 100%; background-color: var(--colordest);}

.title.estilo3{padding-left:20px;}
.title.estilo3:after{position: absolute; content: ""; left: 0px; top: 50%; width: 15px; height: 2px; background-color: var(--colordest);}

.subtitle {font-family: 'Bangers', cursive; font-size:1.5em; line-height:110%; color:var(--nombre); position:relative;}
.subtitle a {text-decoration:none; color:var(--nombre);}
.subtitle a:hover{text-decoration:none; color:var(--nombre);}


.bigtext{font-size:2.5em; line-height:1}

@media (max-width: 480px) {.title,.subtitle {font-size:1.2em;}}

.lema{font-family: 'Bangers', cursive; font-size:2.125em; color:var(--color-lema); line-height:1}
.lema span{color:var(--colordest);}
.txtdat{font-size:0.8125em; color:var(--color-principal);}
.txtdat span{color:var(--colordest);}

.txtmin{font-size: 0.8125em; text-decoration: none;line-height:1.231em;}
.txtmin.s-size{font-size:0.75em;}
.txtmin.xs-size{font-size:0.6875em;}

.titulo{font-weight:normal; font-size: 1.231em; line-height:1.231em; color:var(--color-titulo); margin-bottom:5px}

.titaba {font-size:1.125em; font-weight:700; line-height: 120%; color:var(--titaba); position:relative; margin:0px 0 15px 0;}
.titaba a {text-decoration:none; color:var(--titaba-a);}
.titaba a:hover{text-decoration:none; color:var(--titaba-hover);}
.titaba img{vertical-align:bottom;}

.txtaba{color:var(--txtaba);}
.txtaba a{color:var(--txtaba-a); text-decoration:none}
.txtaba a:hover{color:var(--txtaba-hover); text-decoration:none}

.txtaba a.gris{color:var(--txtabagris);}
.txtaba a.gris:hover{color:var(--txtabagris-hover);}

.txtaba a.grisoscuro{color:var(--txtabagris-oscuro);}
.txtaba a.grisoscuro:hover{color:var(--txtabagris-oscuro-hover);}

.abajo{font-size: 0.875em; color: var(--abajo); text-decoration: none; font-weight:300;}
.abajo a, .abajo a:focus{color: var(--abajo-a); text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: var(--abajo-hover); text-decoration: none;}

.txt404 {font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height:1em; color:#ad0000;}
.txt404_msg{font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#333; line-height:1.2em;}

/*colores*/
.colordest {color:var(--colordest);}
.naranja{color:var(--naranja);}
.rojo {color:var(--rojo);}
.rosa{color:var(--rosa);}
.magenta{color:var(--magenta);}
.verde {color:var(--verde);}
.verde-claro {color:var(--verde-claro);}
.morado{color:var(--morado);}
.purpura{color:var(--purpura);}
.amarillo{color:var(--amarillo);}
.azul{color:var(--azul);}
.cian{color:var(--cian);}
.light{color:var(--light);}
.negro{color:var(--negro);}
.blanco{color:var(--blanco);}
.gris {color:var(--gris);}
.gris-oscuro {color:var(--gris-oscuro);}
.gris-claro {color:var(--gris-claro);}
.gris-clarito {color:var(--gris-clarito);}
.text-dark{color:var(--text-dark);}
.text-dark-75{color:var(--text-dark-75);}
.text-dark-65{color:var(--text-dark-65);}
.text-dark-50{color:var(--text-dark-50);}
.text-dark-25{color:var(--text-dark-25);}

.colorclaro{color:var(--colorclaro);}
.colorclaro a{color:var(--colorclaro);}
.colorclaro a:hover; .colorclaro a:focus{color:var(--colorclaro);}

.colornombre{color:var(--nombre);}
.colornombre a{color:var(--nombre);}
.colornombre a:hover, .colornombre a:focus{color:var(--nombre);}


/*==============================
      PERSONALIZACIÓN CSS
==============================*/

:root {
  --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(--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(--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(--colordest)}
.zona-imagen-upload .dropzone img.img-responsive{border:0px solid var(--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(--form-color)}
.box-info{background: var( --fondo-box-info); border-radius: 8px; width:100%;color: var(--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(--light); background-color: var(--fondolight); border-color: var(--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(--colordest)!important; background-color: transparent; border-color: var(--colordest);}
.msg-form.colordest a {color: var(--colordest)!important;}
.msg-form.borde.colordest{border-color: var(--colordest); color:var(--colordest) !important;}
.msg-form.borde.colordest a{color: var(--colordest)!important;}
.msg-form.con-fondo.colordest {color: var(--colordest-txt)!important; background-color: var(--colordest)}
.msg-form.con-fondo.colordest a{color: var(--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(--form-borde); background: var(--fondoweb);}

.invoice-datos .invoice-title {color: var(--color-principal);}
.invoice-productos .table th {color: var(--color-principal);}
.invoice-productos .table tfoot {border-top: 1px solid var(--color-borde);}
.invoice-productos .table tfoot{border-top:1px solid var(--color-borde);}
.invoice-productos .table tfoot tr:last-child td:not(:first-child){border-top:1px solid var(--color-borde);}


/*==============================
		Dark Mode Switch
==============================*/

.switch-checkbox {position: relative; cursor: pointer;  border-radius:50%; width:40px!important; height:40px!important; background-color:var(--fondoclaro); color:var(--color-btgris); display: flex; justify-content: center; margin-left: 6px;}
.switch-checkbox:hover{background-color: var(--fondoclaro-hover); color: var(--color-btgris-hover);}
/*.switch-checkbox:hover img{filter: var(--switch-img)}*/
.switch-checkbox img {width:18px !important}

/*.dark .switch-checkbox:hover img{filter: filter: var(--filter-blanco);}*/
.dark .switch-checkbox img {filter: var(--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;}