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


/*===================================
			Google Fonts 
=====================================*/

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

/*
	font-family: 'Montserrat', sans-serif;	
*/


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


:root {
  --lf-body-font-size: 1em;
  --lf-body-font-weight: 400;
  --lf-body-line-height: 1.5;
  --lf-fuente-principal:'Montserrat', sans-serif, Arial, Helvetica;
  
  --lf-colordest: #DF3856;
  --lf-colordest-hover: #E4566F;
  --lf-colordest-active: #BE3049;
  --lf-colordest-txt:#fff;
  --lf-colordest-fill: #DF3856;
  --lf-filter-colordest: brightness(0) saturate(100%) invert(39%) sepia(55%) saturate(5848%) hue-rotate(330deg) brightness(91%) contrast(90%);
  --lf-filter-blanco: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7475%) hue-rotate(236deg) brightness(112%) contrast(100%);
  --lf-filter-rojo: brightness(0) saturate(100%) invert(22%) sepia(89%) saturate(5878%) hue-rotate(9deg) brightness(88%) contrast(121%);
  
  --lf-color-principal:#000;
  --lf-color-principal-hover:#000;
  --lf-color-principal-focus:#000;
  
  --lf-color-title:#333333;
  --lf-color-title-a:#333333;
  --lf-color-title-hover:#333333;
  --lf-color-title-focus:#333333;
  
  --lf-rojo:#E50C0C;
  --lf-magenta: #dd2350;
  --lf-verde:#1fb480;
  --lf-verde-claro:#57bf93;

  --lf-verde-oscuro:#3FB848;
  --lf-verde-oscuro-hover: #65C66D;
  --lf-verde-oscuro-active: #32933A;
  --lf-verde-oscuro-txt:#fff;

  --lf-morado: #626ed4;
  --lf-purpura:#663399;
  --lf-granate:#c00b5d;
  --lf-amarillo:#ffcf35;
  --lf-azul: #3b7ddd;
  --lf-cian:#09c2de;
  --lf-light:#8D8D8D;
  --lf-dark:#3c3346;
  --lf-blanco: #fff;
  --lf-negro: #000;
  --lf-rosa:#fdc8d6;
  --lf-rosa-claro:#fcebee;
  
  --lf-gris:#A5A5A5;
  --lf-gris-oscuro:#8D8D8D;
  --lf-gris-claro:#c2c2c2;
  --lf-gris-clarito:#dfe3e8;
  
  --lf-color-dark:#24242a;
  --lf-color-dark-75:#2c2c34;
  --lf-color-dark-65:#3c3c46;
    
  --lf-text-dark:#181c32;
  --lf-text-dark-75:#3f4254;
  --lf-text-dark-65:#5e6278;
  --lf-text-dark-50:#7e8299;
  --lf-text-dark-25:#d1d3e0;

  --lf-fondoweb:#fff;
  --lf-fondomodal:#fff;
  --lf-fondoclaro:#f4f4f8;
  --lf-fondolight:#fcfcfd;
  --lf-fondoscuro:#2c2c34;
  --lf-fondofooter:#fff;
     
  --lf-linea: rgba(0,0,0,0.16);
 	
  --lf-titaba:#fff;
  --lf-titaba-a:#fff;
  --lf-titaba-hover:#fff;
  --lf-titaba-focus:#fff;
  
  --lf-txtaba:rgba(255,255,255,0.16);
  --lf-txtaba-a: var(--lf-colordest);
  --lf-txtaba-hover:var(--lf-colordest);
  --lf-txtaba-focus:var(--lf-colordest);
  
  --lf-borde-colder:#dbdfea;
  --lf-borde-colizq:#dbdfea;
  --lf-borde-colder-claro:rgba(255,255,255,0.16);
  --lf-fondo-colder:#f4f4f8;
   
  --lf-color-borde:#e5e9f2;
  
  --lf-form-txt:#000;
  --lf-form-color: #8D8D8D;
  --lf-form-fondo:#ffffff;
  --lf-form-borde: #DFE3E8;
  --lf-form-borde-hover:#8D8D8D;
  --lf-form-borde-active:#000;
  --lf-form-txt-active:#000;
  --lf-form-disabled:#c2c2c2;
  
  --lf-form-label-top: #8D8D8D;
  --lf-form-label-top-active: #000;
  
  --lf-form-color-light: #364a63;
  --lf-form-fondo-light:#e9ecef;
  --lf-form-borde-light: #d3d9df;
  
  --lf-form-color-disabled:#8D8D8D;
  --lf-form-fondo-disabled:#DFE3E8;
  --lf-form-borde-disabled:#DFE3E8;
  
  --lf-colorpromo:#F7B761;/*nuevo*/
  
}

.dark {
    --lf-fondoweb:#2d3237;
    --lf-fondofooter:#2d3237;
    --lf-fondomodal:#2d3237;
    --lf-color-principal:#fff;
	--lf-color-principal-hover:#fff;
	--lf-color-principal-focus:#fff;
	
	--lf-linea: rgba(255,255,255,0.16);	
	
	--lf-gris-oscuro:#fff;
    --lf-rosa-claro:#6c585b;
	
	--lf-form-txt:#fff;
	--lf-form-color: rgba(255,255,255,.7);
	--lf-form-fondo:#2d3237;
	--lf-form-borde: rgba(255,255,255,.24);
	--lf-form-borde-hover:#8D8D8D;
	--lf-form-borde-active:#fff;
	--lf-form-txt-active:#fff;
	--lf-form-disabled:#c2c2c2;	
}


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

/*scrollbar*/
::-webkit-scrollbar {width:6px; height:4px;}
::-webkit-scrollbar-track {background: transparent; border-radius:3px; margin-top:4px; margin-bottom:4px;}
::-webkit-scrollbar-thumb {background-color:rgba(22, 24, 35, 0.06); border-radius:3px;}
::-webkit-scrollbar-thumb:hover {background-color:rgba(22, 24, 35, 0.2);}
* {scrollbar-width: thin; scrollbar-color: rgba(22, 24, 35, 0.2) transparent;}/*firefox*/

/*scrollbar*/
.dark::-webkit-scrollbar {width:6px; height:4px;}
.dark::-webkit-scrollbar-track {background: #31373c; border-radius:3px; margin-top:4px; margin-bottom:4px;}
.dark::-webkit-scrollbar-thumb {background-color:rgba(22, 24, 35, 1); border-radius:3px;}
.dark::-webkit-scrollbar-thumb:hover {background-color:rgba(22, 24, 35, 1);}
.dark * {scrollbar-width: thin; scrollbar-color: rgba(22, 24, 35, 1) #31373c;}/*firefox*/

svg {max-width: inherit;}

.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;}
.medium{font-weight:500;}
.normal{font-weight:400;}
.thin{font-weight:300;}

.mr-s-size{margin-right:.45rem !important}
.ml-s-size{margin-left:.45rem !important}
.mt-s-size{margin-top:.45rem !important}
.mb-s-size{margin-bottom:.45rem !important}
.mtb-s-size{margin:.45rem 0px !important}


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

a{color: var(--lf-color-principal);}
a:hover {color: var(--lf-color-principal-hover);}
a:focus {color: var(--lf-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(--lf-colordest);  color:var(--lf-colordest-txt);}
::-moz-selection { background:var(--lf-colordest); color:var(--lf-colordest-txt);}

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

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

.sombra {
    -webkit-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.1);
}
.dark .sombra{box-shadow: 0px 2px 4px 2px rgba(255,255,255,0.1);}/*nuevo*/

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

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

a span{line-height:1.3;}
.sombra-texto {text-shadow: 2px 1px 1px rgba(0,0,0,0.3);}

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

.hover-trans:hover{opacity:0.7; transition: all .3s;}

.spinner-border {border: .15em solid #575757; border-right-color: transparent}

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

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

.linea.footer {background:#d1d1d1;}

html{height:100%;}

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

.logotipo {max-width: 222px; position: relative;}
.logotipo.s-size{width:222px}

.img-dia{display:block;}
.img-noche{display:none;}

.dark .img-dia{display:none;}
.dark .img-noche{display:block;}

.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: 480px){
	.logotipo {max-width:222px;}
}

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

/*mensajes admin*/
.zona-mensajes{position: fixed; z-index: 100000; bottom: 15px;/*new*/ height: auto; line-height: 150%;}
.zona-mensajes{font-size:0.875em; font-family:inherit; max-width: 100%; width:100%;}
.mensajes-admin{display: flex; flex-direction: column; position:relative; margin: 0 auto;}
.mensaje, .aviso, .error, .cargando, .informacion{box-shadow: 0px 3px 6px #00000029; display:flex; justify-content:center}
.mensaje {background-color:#53bf5a; background:#53bf5a url("../images/mensaje-correcto.svg") center left 10px no-repeat; background-size: 26px 26px;}
.informacion {background-color:#323232; background:#323232 url("../images/check-verde.svg")center left 10px no-repeat; background-size: 18px 18px; padding:15px 15px 15px 35px;  display:flex; align-items: center; justify-content: left; color:white; margin-bottom:15px; margin-left:15px; min-width:320px;}
.informacion span, .informacion p{color:white !important;}
.informacion.sinicono{background:#323232; padding-left:15px;}

.error {background-color:#323232; background:#323232 url("../images/error-rojo.svg")/*new*/ center left 10px no-repeat; background-size: 18px 18px; padding:15px 15px 15px 35px;}
.error.sinicono{background:#323232; padding-left:15px;}

.dark .error{background-color:#1a1d20; background:#1a1d20 url("../images/error-rojo.svg")/*new*/center left 10px no-repeat}
.dark .error.sinicono{background:#1a1d20; padding-left:15px;}

.dark .informacion{background-color:#1a1d20; background:#1a1d20 url("../images/check-verde.svg")/*new*/center left 10px no-repeat}
.dark .informacion.sinicono{background:#1a1d20; padding-left:15px;}

@media (max-width: 991px) {
	.informacion {width:auto; min-width:250px}
}

/*posiciones*/
.position-top-right{top:8px; right:8px;}
.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;}
.position-middle{z-index:12;}
.posicion-bottom{position: absolute; bottom: 5px; left: 50%; transform: translate(-50%, 0%); text-align: center; z-index: 2;}

/*header*/
header{
	display: flex;
    justify-content: space-around;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px;
    height: 60px;
    width: 100%;
    top: 0px;
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    background: var(--lf-fondoweb);
    z-index: 1000;
}
.dark header {box-shadow:none; border-bottom:1px solid #d1d1d1}

header.movil-version{
	z-index:900; background: rgba(0,0,0,0.6);
}

.header-sidebar{
	background:var(--lf-rosa-claro); padding:15px 10px; text-align:center; font-size:0.875em; font-weight:600
}

.dark img.dianoche, .dark img.atras{filter: var(--lf-filter-blanco);}

/*zonas*/
.zona-contenidos-flex{display: flex; align-items: center; gap:8px}
.zona-contenidos-flex-between{display: flex; justify-content: space-between; align-items: center; gap:24px;}
.zona-contenidos-wrap{display: flex; gap: 4px; flex-wrap:wrap;}
.zona-dropdown{position:absolute; top:35px; right:0px; padding:10px 0px; background: var(--lf-fondoweb); min-width:250px;}/*nuevo*/

/*portada*/
.zona-contenido-video{display: flex; align-items: flex-end; margin-top:15px; position:relative}

.degradado-abajo-video{
	position:absolute; bottom:0px; left:0px; width:100%; height:40px; z-index:1; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	border-radius: 0px 0px 8px 8px; -moz-border-radius: 0px 0px 8px 8px;-webkit-border-radius: 0px 0px 8px 8px;
}

.zona-video{
	position: relative;
    box-sizing: border-box;
    -webkit-background-size: cover;
    background-size: cover;
    cursor: pointer;
    border-radius: 8px;
    /*overflow: hidden;*/
    margin-right: 20px;
    max-width: 320px;
}
.zona-video img.img-responsive, .zona-video video{border-radius:8px; box-shadow: 2px 2px 5px #ccc;}
.dark .zona-video img.img-responsive, .zona-video video{box-shadow: 2px 2px 5px #121416;}

.zona-contenido-video.listado .zona-video{margin-right:0px;}

.zona-contenido-video.listado-horizontal .zona-video {margin: 0 auto;}

@media (min-width:250px){.zona-contenido-video.listado-horizontal{width:290px}.zona-video.full-content-video{width: 290px; height: 516px;}}
@media (min-width: 360px){.zona-contenido-video.listado-horizontal{width:156px}.zona-video.full-content-video{width: 156px; height: 277px;}}
@media (min-width: 480px){.zona-contenido-video.listado-horizontal{width:210px}.zona-video.full-content-video{width: 210px; height: 373px;}}
@media (min-width: 520px){.zona-contenido-video.listado-horizontal{width:230px}.zona-video.full-content-video{width: 230px; height: 409px;}}
@media (min-width: 640px) {.zona-contenido-video.listado-horizontal{width:290px}.zona-video.full-content-video{width: 290px; height: 516px;}}
@media (min-width: 768px) {.zona-contenido-video.listado-horizontal{width:320px}.zona-video.full-content-video{width: 320px; height: 569px;}}
@media (min-width: 992px) {.zona-contenido-video.listado-horizontal{width:132px}.zona-video.full-content-video{width: 132px; height: 234px;}}
@media (min-width: 1200px) {.zona-contenido-video.listado-horizontal{width:165px}.zona-video.full-content-video{width: 165px; height: 293px;}}
@media (min-width: 1400px) {.zona-contenido-video.listado-horizontal{width:198px}.zona-video.full-content-video{width: 198px; height: 353px;}}
@media (min-width: 1800px) {.zona-contenido-video.listado-horizontal{width:248px}.zona-video.full-content-video{width: 248px; height: 442px;}}

.full-content-video a img{opacity:1; display:block;}
.full-content-video a video{opacity:0; display:none}
.full-content-video a:hover img, .full-content-video a:focus img{opacity:0; display:none}
.full-content-video a:hover video, .full-content-video a:focus video{opacity:1; display:block}

.zona-video .listado-inicio a img{opacity:1; display:block;}
.zona-video .listado-inicio a video{opacity:0; display:none;}
.zona-video .listado-inicio a:hover img, .zona-video .listado-inicio a:focus img{opacity:0; display:none}
.zona-video .listado-inicio a:hover video, .zona-video .listado-inicio a:focus video{opacity:1; display:block}

.zona-info{
	display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap:15px;
}
.zona-info.seguidos{flex-direction: row; gap: 4px;width: 30%;justify-content: space-between;}

.zona-info .bts-lados{display:flex; flex-direction:column; justify-content: center; align-items: center; gap:4px;}
.zona-info.seguidos .bts-lados{margin-bottom:0px; gap: 4px;margin-right: 15px;flex-direction: row;}
.zona-info.seguidos .bts-lados:last-child{margin-right: 0px;}

.zona-info .bts-lados img, .zona-info .bts-lados svg, .zona-info .bts-lados + svg{max-width:24px;}
.zona-info .bts-lados p{font-size:0.75em; color:#8D8D8D; font-weight:500;}
.zona-info .bts-lados:last-child{margin-bottom:0px;}

.sidebar-izquierda{
	overflow: hidden auto;
    overscroll-behavior-y: contain;
    perspective: 1px;
    transform-style: preserve-3d;
    perspective-origin: right top;
    top: 60px;
    bottom: 0px;
    width: 240px;
    background: rgb(255, 255, 255);
    position: fixed;
    z-index: 99;
}
.dark .sidebar-izquierda{background: rgb(45 50 55)}

.sidebar-izquierda .contenedor-sidebar{
	padding:5px 10px;
}

.contenedor-centrado{
	min-width: 420px;
    display: flex;
    flex: 1 1 0%;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    top:60px;
    margin-left:240px;
}
@media (max-width: 991px) {
	.contenedor-centrado{margin-left:0px;}
}

/*listados*/
.listado-videos{
	min-width: 692px;
}
@media (max-width: 840px) {
	.contenedor-centrado{min-width:auto; padding:0 15px;}
	.listado-videos{min-width:auto;}
}

.listado-videos .video-contenedor{
	position:relative;
	padding:25px 0;
	display:flex;
	justify-content:center;
}
.listado-videos .video-contenedor::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background: #f7cfd7;
}

.listado-videos .video-contenedor:last-child::after{
	display:none 
}

.zona-texto-sobre-video{position: absolute; bottom: 15px; z-index:2; width:100%; padding:0 5px;}
.svg-mini-listado{max-width:12px;}

.zona-listado-perfiles{box-shadow: 0px 3px 6px #DF38563D; border-radius: 8px; width:100%; margin:0 auto 20px auto; cursor:pointer}
.dark .zona-listado-perfiles{background: black; box-shadow: 0px 3px 6px #000000;}
.foto-listado-perfiles{position:relative; height:200px; background-repeat: no-repeat; background-size: cover; background-position: center; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.info-listado-perfiles{padding:10px 5px; text-align:center}
.zona-nombre-perfil{display:flex; justify-content: center; gap:4px;}
.footer-listado-perfiles{background: #f0f9f1;border-radius: 0px 0px 6px 6px; text-align:center; font-weight:500; color:var(--lf-verde-oscuro); padding:10px 5px;}
.dark .footer-listado-perfiles{background: #194a1d}

@media (min-width:250px){.foto-listado-perfiles {height:250px;}}
@media (min-width: 360px){.foto-listado-perfiles {height:150px;}}
@media (min-width: 480px){.foto-listado-perfiles {height:250px;}}
@media (min-width: 640px) {.foto-listado-perfiles {height:280px;}}
@media (min-width: 768px) {.foto-listado-perfiles {height:280px;}}
@media (min-width: 992px) {.foto-listado-perfiles {height: 120px;}}
@media (min-width: 1200px) {.foto-listado-perfiles{height: 150px;}}
@media (min-width: 1400px) {.foto-listado-perfiles {height: 190px;}}
@media (min-width: 1800px) {.foto-listado-perfiles {height: 220px;}}

/*detalle*/
.zona-detalle{
	margin-top: 61px; display: flex; width: 100vw; max-width: 100vw; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;
}

/*.zona-detalle{
  transition: transform 250ms, opacity 400ms;
}
.zona-detalle:hover {
  opacity:0
}*/

.contenedor-detalle{
	position:fixed; margin-top:61px;inset: 0px;  background: rgb(255, 255, 255);  z-index: 800;  display: flex;  flex-direction: row;
}
.contenedor-detalle.movil-version {margin-top:0px;}

.detalle-izquierda{
	flex: 1 0 60%; max-width: 100%; background: rgb(0, 0, 0); position: relative; overflow: hidden; padding: 0px 80px;
}

.detalle-centrado{
	flex: 1 0 100%;
    padding: 0;
    max-width: 100%;
    background: rgb(0, 0, 0);
    position: relative;
    overflow: hidden;
}

.fondo-blur-video-detalle{
	position: absolute; width: 10%; height: 10%; filter: blur(2px); left: 50%; top: 50%; transform: scale(11); opacity: 0.3; background: center center / cover no-repeat;
}
.contenedor-video-detalle{
	width: 100%; height: 100%; overflow: hidden; position: relative; background-color: rgba(22, 24, 35, 0.06); background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center;
}
.ajuste-a-contenido{
	width: 100%; height: 100%; object-fit: contain;
}

.ajuste-a-contenido-full{
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detalle-derecha{
	flex: 0 0 40%; width: 40%; display: flex; flex-direction: column; background: var(--lf-fondoweb);
}

.formulario.ok:disabled{color: var(--lf-form-color); background-color: var(--lf-form-fondo); border: 1px solid var(--lf-form-borde);}

/*detalle chat*/
.zona-chat-detalle{
	width: 100%; box-sizing: border-box; border-top: 1px solid rgba(22, 24, 35, 0.2); border-bottom: 1px solid rgba(22, 24, 35, 0.2); overflow: hidden; -webkit-box-flex: 1; flex-grow: 1; position: relative; display: flex;    flex-direction: column;
}
.dark .zona-chat-detalle {border-top: 1px solid #535a61; border-bottom: 1px solid #535a61;}

.chat-detalle{
	width: 100%; overflow: hidden auto; -webkit-box-flex: 1; flex-grow: 1; position: relative;  padding: 24px 32px 24px;
}
.zona-escribir-detalle{
	display:flex; padding: 20px; gap:20px; justify-content: space-between; align-items: center;/*nuevo añadido align-items: center;*/
}

/*detalle perfil*/
.contenedor-imagen {display: flex; justify-content: center; align-items: center; margin: auto; z-index: 1; width: 100%; height: 100%;}
.contenedor-imagen img {height: 170px; width: 100%; -o-object-fit: cover; object-fit: cover;}

.contenedor-fotoperfil {margin-bottom:25px}
.contenedor-fotoperfil img {
    width: 96px;
    height: 96px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 6px rgba(223,56,86,.4);
    box-shadow: 0px 3px 6px #DF385666;
    border: 2px solid #fff;
    position: relative;
    top: -25px;
    background: var(--lf-colordest);
}

.zona-fotoperfil{
	position:relative; height:30px;display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;
}

.zona-clasificacion{bottom:-20px; position:absolute; z-index:1}
.clasificacion{
	cursor:default; font-weight :500; font-size:0.9375em;color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1607843137254902); box-shadow: 0 1px 2px rgba(0,0,0,.1607843137254902); border: 1px solid #fff; border-radius: 5px 5px 23px 23px; width: 24px; height: 24px; text-align: center;background: rgb(247, 25, 83);
}
.oro{background: rgb(242, 164, 17);}
.plata{background: rgb(158, 158, 158);}
.bronce{background: rgb(176, 96, 30);}

.info-perfil{display:flex; justify-content:center; align-items:center; gap:4px;}
@media (max-width: 768px){
	.info-perfil{flex-direction:column;}
    .punto-inicio{display: none}
}

.zona-botones-fotoperfil{position:absolute; right:20px; top:80px; z-index:10; display:flex; gap:6px;}/*nuevo*/
.zona-botones-fotoperfil .boton.circulo {background-color: rgba(0,0,0, 0.3);}/*nuevo*/
.zona-botones-fotoperfil .boton.circulo:hover, .zona-botones-fotoperfil .boton.circulo:focus{background-color: rgba(0,0,0, 0.1);}/*nuevo*/

/*detalle datos perfil*/ /*nuevo*/
.datos-enlinea{display:flex; justify-content: center;}
.datos-enlinea .info-contenidos{border-right:1px solid #FADFE4; padding:10px 25px; font-size:1.375em; font-weight: bold;}
.datos-enlinea .info-contenidos span{font-size:0.875em; font-weight: normal;}
.datos-enlinea .info-contenidos:last-child{border-right:0px solid #FADFE4;}

/*recursos*/
.txtuser{font-size:0.875em; font-weight:600; display:block}
.sidebar-izquierda .txtuser{font-size:0.75em; color:var(--lf-gris-oscuro); font-weight:500;}
.sidebar-izquierda .zona-contenidos-flex{margin:10px 0;}

.avatar{width:40px; height:40px; border:1px solid white; box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.3);}
.mini-ico.s-size{width:24px;}
.mini-ico.xs-size{width:13px;}

/*filtros svg colores*/
.svg-colordest{filter:var(--lf-filter-colordest);}
.svg-blanco{filter:var(--lf-filter-blanco);}
.svg-rojo {filter: var(--lf-filter-rojo);}
.svg-sombra{filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));}

/*movil*/
.zona-contenidos-flex-between-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.posicion-arriba-izquierda-detalle{position:absolute; top:80px; left:15px;}
.posicion-abajo-derecha-detalle{position:absolute; bottom:80px; right:15px;}

.movil-footer{
	display: flex;
    justify-content: space-around;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px;
    height: 60px;
    width: 100%;
    bottom: 0px;
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    background: rgba(0,0,0,1);
    z-index:900
}

.botones-footer{
	font-size: 0.625em; width:70px; text-align:center; display:flex; flex-direction:column; line-height: 1; align-items: center;
}
.botones-footer img{width:24px;}
.botones-footer a{color:inherit}
.botones-footer a span{display:flex}

.zona-boton-registro-plus{width:74px;}
.boton-registro-plus{position:absolute; top:-60px; left:0;}


/*BOTONES*/
.boton{position:relative; justify-content: center;}
.boton{box-shadow: 0px 3px 6px #00000029;}
.boton.sinsombra{box-shadow: none;}
.boton.redondeado{min-width:176px;}
.boton.mas{min-width:300px;}
@media (max-width: 1024px) {
	.boton.redondeado, .boton.mas{min-width:auto;}
}

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

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

.dark .boton.colordest.bordered, .dark .boton.colordest.bordered:hover, .dark .boton.colordest.bordered.active {background: white!important;}/*nuevo*/

.boton.verde-oscuro {background-color: var(--lf-verde-oscuro)!important; color: var(--lf-blanco)!important; font-weight:600}
.boton.verde-oscuro:hover{background-color:var(--lf-verde-oscuro-hover)!important; color: var(--lf-verde-oscuro-txt)!important;}
.boton.verde-oscuro.active, .boton.verde-oscuro:focus{background-color:var(--lf-verde-oscuro-active)!important; color: var(--lf-verde-oscuro-txt)!important;}
.boton.verde-oscuro.bordered, .boton.verde-oscuro.bordered:hover, .boton.verde-oscuro.bordered.active {border:1px solid var(--lf-verde-oscuro)!important; color: var(--lf-verde-oscuro)!important; background:transparent!important}

.boton.disabled,.boton[disabled],button[disabled] .boton,fieldset[disabled] .boton {
	cursor:not-allowed !important; filter:alpha(opacity=1); opacity:1; -webkit-box-shadow:inherit; box-shadow:inherit; pointer-events: none;
	background-color:var(--lf-form-fondo-disabled)!important; color: var(--lf-form-color-disabled)!important;
}

.boton.circulo {
    border-radius: 50%;
    width: 34px!important;
    height: 34px!important;
    background-color: rgba(0,0,0, 0.42);
	display: flex;
    justify-content: center;
}
.boton.circulo:hover, .boton.circulo:focus{background-color: var(--lf-colordest);}

.boton.preferencias {
    border-radius: 50%;
    width: 120px!important;
    height: 120px!important;
    border:1px solid var(--lf-gris-claro);
	display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
    margin:0 auto 15px auto;
}
.boton.preferencias:hover, .boton.preferencias:focus {border-color: var(--lf-gris-oscuro);}
.boton.preferencias.active, .boton.preferencias.active:focus {border-color: var(--lf-colordest); border-width: 5px; box-shadow: 0px 0px 20px var(--lf-colordest);}
.boton.preferencias img{width:64px;}

.btnperfil{width:108px;}
.btnperfil.fverde, .btnperfil.fverde:hover, .btnperfil.fverde:focus{background-color:#D3FFF5}
.dark .btnperfil.fverde, .dark .btnperfil.fverde:hover, .dark .btnperfil.fverde:focus{background-color:#2a6c5d}

.btnperfil.frojo, .btnperfil.frojo:hover, .btnperfil.frojo:focus{background-color:#FADFE4}
.dark .btnperfil.frojo, .dark .btnperfil.frojo:hover, .dark .btnperfil.frojo:focus{background-color:#9b1a31}

.btnperfil.fgris, .btnperfil.fgris:hover, .btnperfil.fgris:focus{background-color:#D8D8D8}
.dark .btnperfil.fgris, .dark .btnperfil.fgris:hover, .dark .btnperfil.fgris:focus{background-color:#4b4848}
@media (max-width: 360px) {
	.btnperfil{width:95px;}
}

/*LISTAS*/
ul.compartir{
	padding: 0px;
    margin: 0px 15px;
    list-style: none;
}
ul.compartir li{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
    padding: 10px 12px;
    cursor: pointer;
    border-bottom: 1px solid rgba(22, 24, 35, 0.12);
}
.dark ul.compartir li{
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

ul.compartir li:last-child{
	border-bottom:0px solid white;
}

ul.compartir li:hover{
	background:rgba(0,0,0,0.03);
}
ul.compartir li .icono{
	width: 17px;
    height: 17px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

ul.compartir li .icono img{width:17px;}

ul.compartir li .texto{
	color: var(--lf-color-principal);
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    height: 17px;
    line-height: 17px;
    margin-inline-start: 11px;
}

ul.listavertical{padding: 0px; margin: 0px 15px; list-style: none; font-size:0.875em; font-weight: 500;}/*nuevo*/
ul.listavertical li{display: flex; -webkit-box-align: center; align-items: center; position: relative; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid rgba(22, 24, 35, 0.12); gap:4px;}/*nuevo*/
.dark ul.listavertical li{border-bottom: 1px solid rgba(255, 255, 255, 0.12);}/*nuevo*/
ul.listavertical li:last-child{border-bottom:0px solid white;}/*nuevo*/
ul.listavertical li:hover{background:rgba(0,0,0,0.03);}/*nuevo*/
ul.listavertical li img{width:17px;}/*nuevo*/

/*MODAL*/
.contenido-modal{background-color: var(--lf-fondomodal);}
.body-modal, .content-modal {background-color: var(--lf-fondomodal);}

.cerrar-modal {top: -5px; right: 10px; font-size: 1.825em;}
.cerrar-modal a{color:#DFE3E8; font-size:inherit}
.modal-centrada.s-size { max-width: 400px;}
.modal-centrada.xs-size { max-width: 300px;}
.contenido-modal.loverfans-modal{border:3px solid var(--lf-rosa); border-radius:16px}
.contenido-modal.comentarios-modal{border-radius:16px}
.header-modal img {max-width: inherit;}

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

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

/*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*/
footer{background:var(--lf-fondofooter);box-shadow: 0px 0px 12px #F7195329; margin-top:60px; padding: 30px 0 30px 0;}
.dark footer {box-shadow:none; border-top:1px solid #d1d1d1}

/*@media (max-width: 991px) {
	footer {padding-bottom:80px;}
}*/

/*footer fixed*/
.contenedor-fixed-bottom{padding: 5px 0px; display: flex; position: relative; width: 100%; margin-top: 40px;}
.footer-fixed {
    display: flex;
    justify-content: space-around;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    height: 60px;
    width: 100%;
    bottom: 0px;
    position: fixed;
    -webkit-box-align: center;
    align-items: center;
    background: var(--lf-fondoweb);
    z-index: 1000;
}

.zona-abajo {margin:0px 0;}
.zona-contenidos-footer {display: flex; justify-content: space-between; align-items: center; gap: 5px;}
.idioma-footer{position:relative; /*display:flex; gap:4px; justify-content: flex-end;*/ color:var(--lf-gris-oscuro); cursor:pointer;}

.lnkaba li {display:block; font-size:0.875em; color:var(--lf-gris-oscuro); font-weight:500; line-height: 1.6em; padding:1px 0 0 10px; position:relative; margin:5px 0}
.lnkaba li:before{display:none}
.lnkaba li a{color:var(--lf-colordest); text-decoration:none;}
.lnkaba li a:hover, .lnkaba li a:focus {text-decoration:none; color:var(--lf-colordest)}

ul.lnkaba.listaenlinea {margin: 0px; padding: 0px; }
ul.lnkaba.listaenlinea li {display: inline-block; width:30%}
ul.inlinelist li:last-child {margin-right: 0rem;}

.abajo{font-size: 0.875em; color: var(--lf-gris-oscuro); text-decoration: none;}
.abajo a, .abajo a:focus{color: var(--lf-gris-oscuro); text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: var(--lf-gris-oscuro); text-decoration: none;}

.logotipo.footer img{max-width:150px}/*nuevo*/

@media (max-width: 991px) {
	.zona-abajo {margin:20px auto 0px auto;}
	.abajo{text-align:center;}
	.zona-contenidos-footer {justify-content: center; flex-direction: column; gap:15px}
	.logotipo.footer{margin:0 auto 10px auto;}
	.idioma-footer{justify-content: center;}
	ul.lnkaba.listaenlinea li {display: block; width:100%}
}

/*==============================
			Textos
==============================*/

.txtmin.l-size{font-size: 0.875em;}
.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;}
.txtmin.active{color:var(--lf-colordest)}

.txtprofile{font-size:0.875em; color:var(--lf-negro); font-weight:600}
.dark .txtprofile{color:white}
.dark .txtprofile.gris{color:var(--lf-gris)}
.txtbig{font-size:1.5em;}

.txtnomuser{font-size:1.125em; font-weight:600;}
.txtdatuser, .txtdatuser span { font-weight:500;}

.colorpromo {color:var(--lf-colorpromo)!important;}/*nuevo*/
.colordest {color:var(--lf-colordest)!important;}
.rojo {color:var(--lf-rojo);}
.magenta{color:var(--lf-magenta);}
.morado{color:var(--lf-morado);}
.purpura{color:var(--lf-purpura);}
.azul{color:var(--lf-azul);}
.cian{color:var(--lf-cian);}
.light{color:var(--lf-light);}
.negro{color:var(--lf-negro);}
.blanco{color:var(--lf-blanco);}

.verde {color:var(--lf-verde);}
.verde-oscuro {color:var(--lf-verde-oscuro);}
.verde-claro {color:var(--lf-verde-claro);}

.rosa {color:var(--lf-rosa);}
.rosa-claro {color:var(--lf-rosa-claro);}

.gris {color:var(--lf-gris);}
.gris-oscuro {color:var(--lf-gris-oscuro);}
.gris-claro {color:var(--lf-gris-claro);}
.gris-clarito {color:var(--lf-gris-clarito);}

.text-dark{color:var(--lf-text-dark);}
.text-dark-75{color:var(--lf-text-dark-75);}
.text-dark-65{color:var(--lf-text-dark-65);}
.text-dark-50{color:var(--lf-text-dark-50);}
.text-dark-25{color:var(--lf-text-dark-25);}

.titimagen{font-size:3.5em; color:white; font-weight:bold; text-shadow: 0px 4px 24px #000000;}

.titpromo{display: flex; flex-direction: row; color: var(--lf-negro); font-size:1.125em; font-weight:500; margin-bottom:20px; align-items: center; gap: 10px;}
.titpromo:after{content: ""; flex: 1 1; border-bottom: 4px solid var(--lf-colordest); margin: auto; opacity: 0.16;}
.titpromo:after{margin-left:15px;}

.dark .titpromo{color:white}

@media (max-width: 991px){
	.titimagen{font-size:1.625em}
}

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

.msg-form {padding-left: 1rem;border-width: 1px 1px 1px 5px;color: var(--lf-light); background-color: var(--lf-fondolight); border-color: var(--lf-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(--lf-colordest)!important; background-color: transparent; border-color: var(--lf-colordest);}
.msg-form.colordest a {color: var(--lf-colordest)!important;}
.msg-form.borde.colordest{border-color: var(--lf-colordest); color:var(--lf-colordest) !important;}
.msg-form.borde.colordest a{color: var(--lf-colordest)!important;}
.msg-form.con-fondo.colordest {color: var(--lf-colordest-txt)!important; background-color: var(--lf-colordest)}
.msg-form.con-fondo.colordest a{color: var(--lf-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;}

/*PROMOS*/
.zona-banner{
	border-radius:inherit;
	display:flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.zona-banner.perfil{
    background-color: #FADFE4;
    max-width: 560px;
    margin:30px auto 15px auto;
    padding:15px;
    border-radius: 16px;
    font-size: 1.125em;
}
.dark .zona-banner.perfil{background-color:#171a1d}

.sidebar-izquierda .zona-banner{
	margin-bottom: -1.2rem!important;
	margin-top: 1.2rem!important;
}

.zona-listado-perfiles-banner {
    box-shadow: 0px 3px 6px #DF38563D;
    border-radius: 8px;
    width: 100%;
    margin: 0 auto 20px auto;
    cursor: pointer;
    height: 94%;
    background-size: cover;
    background-position: center;
}

@media (max-width: 359px){
	.zona-listado-perfiles-banner{height:353px;}
}

.full-content-video.banner-vertical a:hover img, .full-content-video.banner-vertical a:focus img{opacity:1 !important; display:block !important}/*nuevo listado banner en vídeos*/

.btn-promo{
    background-color: #ca8a28;
    color:white;
    padding:4px 30px 4px 10px;
    font-size: 0.75em;
    text-align: right;
    border-radius:50px;
    width:134px;
    background-image: url('../images/flecha-promo.svg');
    background-repeat: no-repeat;
    background-position: -webkit-calc(100% - 8px) center;
    background-position: right 8px center;
    line-height: 1.2;
}
a.btn-promo, a:hover.btn-promo{color:white}