/*=========================
       CUSTOM CSS OVERRIDE
	COLOR DEST:	  #FF054E

	FUENTES
=========================*/
/* @import url('https://fonts.googleapis.com/css?family=Jomhuria'); */
@import url('https://fonts.googleapis.com/css?family=Poppins|Roboto+Condensed:700');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');


/* .jomhuira{ font-family: 'Jomhuria', cursive; } */
.jomhuira{ font-family: 'Poppins', sans-serif; }
.poppins{ font-family: 'Poppins', sans-serif; }
.roboto{ font-family: 'Roboto Condensed', sans-serif; }
.fjalla{ font-family: 'Fjalla One', sans-serif; }


/* =========================
	BODY
=========================*/
.body{
	color: #555555;
	background: #07060A;/*cambia color*/
}

/* =========================
	GENERAL
=========================*/

a{text-decoration: none; color: inherit;}
a:hover, a:focus {text-decoration: none; color: inherit;}/*cambia color*/

/* =========================
	COLORES
	CLORE
=========================*/
.colordest{color:#FF054E  !important;}


/*=========================
      ZONA TOP
=========================*/
.zonatop {
	color: #FF054E;
	background: #FFFFFF;
	width: 100%;
	padding: 6px 0px;
	font-size:0.9375em;
	vertical-align:top;
	display:table;
	position: fixed;
	z-index: 100;
	border-bottom:1px solid #ECBFCC
}
.zonatop a, .zonatop a:hover, .zonatop a:focus{ color:#777777; }
.separatop { height : 75px;width:auto; }

/*logo*/
.zona-logo{display:table-cell !important; position:relative; vertical-align:middle; height:45px; line-height:45px;}
@media (max-width: 400px){
	.zona-logo img{width: 110px;}
	.separatop {height : 50px;}
}


/* =========================
       Textos
========================= */
.title{
	font-size: 5em;
	font-weight: normal;
	padding-bottom: 0;
	line-height: 0.6em;
	letter-spacing: 2.0pt
}

.title-form {
	border-left: 2px solid #ef5e7b; padding: 8px 10px;
}


/*=========================
      ZONAS .box
=========================*/
.box-title{
	background-color: transparent;
	color:#FF054E  !important;
	text-align: center;
	/* font-family: 'Jomhuria', cursive; */
	font-family: 'Poppins', sans-serif;
	font-size: 2.5em;
	line-height: 1;
}



/*=========================================
  Ajuste vertical web a pantalla
  (consigue que el pie/footer está siempre
  ajustado abajo)
==========================================*/

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



/*=========================
     MENUSES
=========================*/
.dropdown-menu ul > .active > a {
  color: #ffffff;
  background-color: #8e787f;
}
/*
a:hover, .dropdown-menu ul > .active > a:focus {
  color: #ffffff;
  background-color: #8e787f;
}
*/


/*=========================
     POP modal
=========================*/
.modal{color:black;}
.modal .modal-cerrar a {color: #ef5e7b; }


/*=========================
     FORMULARIOS
=========================*/

/*  FORMULARIO LOGIN TOP  */
.formulario.login {
	font-size:0.9em;
	padding:5px 5px;
	width:auto;
	margin-bottom:0px;
}
input[type=button].formulario.login, input[type=submit].formulario.login {
	vertical-align:top;
	line-height: 1.4em;
	width:auto;
	padding:5px 5px;

}

/*  FORMULARIO REGISTRO HOME  */
.formulario.registro {
	font-size:0.9em;
	margin: 0px;
}

input[type=submit].formulario.registro {
	background-color: #86c102;
}
input[type=button].formulario.registro {
	background-color: #FF054E;

}







::selection { background:#ef5e7b!important;  color:#fff;}/*colordest*/
::-moz-selection { background:#ef5e7b!important; color:#fff;}/*colordest*/

.scrolltop{color:#fff; bottom:20px; right:20px; border-radius:22%; background:#ef5e7b; border:0px solid #2c338e; width:40px; height:40px;font-size:1.125em; padding:0px; line-height:40px; text-align:center;text-indent:0px;}/*colordest*/
a.scrolltop, a:hover .scrolltop , a:focus .scrolltop {color:#fff !important;}

.mr{margin-right:0.5rem!important}
.ml{margin-left:0.5rem!important}
.mt{margin-top:1.2rem!important}
.mb{margin-bottom:1.2rem!important}
.mtb{margin:0.5rem 0px !important;}

.mb-l-size{margin-bottom:1.875rem!important}
.mb-xl-size{margin-bottom:2.5rem!important}
.mb-xxl-size{margin-bottom:3.125rem!important}

.mt-l-size{margin-top:1.875rem!important}
.mt-xl-size{margin-top:2.5rem!important}
.mt-xxl-size{margin-top:3.125rem!important}

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

.mtb-l-size{margin:1rem 0px !important}
.mtb-xl-size{margin:1.875rem 0px !important}

.linea {margin:30px 0 30px 0;background:rgba(255,255,255,0.12);}
.linea-med {margin:40px 0 40px 0; background:rgba(255,255,255,0.12);}
.linea-min {margin:15px 0 15px 0;background:rgba(255,255,255,0.12);}

.linea-o {position: relative; width: 100%; margin: 14px 0; text-align: center;}
.linea-o:before {position: absolute; top: 50%; left: 0; display: block; content: " "; width: 100%; height: 1px; background: #383a3e;}
.linea-o span {position: relative; z-index: 10; display: inline-block; font-size: 1.125em; font-weight: 400; padding: 0 19px; color: #4d5058; background-color: #000;}

.filtro-blanco{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
.filtro-gris{filter: brightness(0) saturate(100%) invert(69%) sepia(0%) saturate(3221%) hue-rotate(355deg) brightness(93%) contrast(70%);}
.filtro-corp{filter: brightness(0) saturate(100%) invert(69%) sepia(44%) saturate(5974%) hue-rotate(311deg) brightness(94%) contrast(98%);}




.txtmin a:hover{color:#999;}
.txtmin.s-size{font-size:0.8125em; line-height:140%;}
.txtmin.xs-size{font-size:0.6875em; line-height:140%;}


footer{background:#2F2F2F;}

.tit-pie{font-size:1.2875em; color:white; margin-bottom:15px;}
.tit-pie2 {font-size: 0.935em; line-height: 1.5em; font-weight: normal;}

/*h1.title:before {content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; z-index: -1; background: #ef5e7b;}*/

/*
.subtitle {color:#8c8c8c;}
.subtitle a {color:#8c8c8c;}
.subtitle a:hover{color:#8c8c8c;}
*/

.barra {
    position: relative;
    z-index: 1;
    background: #ef5e7b;
    width: 55px;
    height: 2px;
    transition: .5s;
    margin-top: 7px;
    margin-bottom: 20px;
}

.barra:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 3px;
    top: 0;
    background: #111;
    transition: .5s;
}

.barra:before {right: 10px;}

/*.barra:before {background: #ef5e7b;}
.barra:before {background: #171719;}*/


.blanco{color:white !important;}
.marron-claro{color:#d7a447;}
.rosa{color:#ffc4c4;}


.caja-form {
    border: 3px solid #252628; background: #000; padding: 35px;
    box-shadow: 0 2px 48px 0 rgb(0 0 0 / 8%);
    margin-left: 45px;
    margin:0 auto;
    /*max-width:600px;*/
}

/* zona y fondos módulos secciones */
.zona {padding: 3em 0;}
.zona.xxl-size {padding: 5em 0;}
.zona.xl-size {padding: 4em 0;}/*antes: big*/
.zona.s-size {padding: 2em 0;}/*antes: min*/
.zona.xs-size {padding: 1em 0;}/*antes: peq*/
.zona.notop{padding-top:0em;}
.zona.nobottom{padding-bottom:0em;}

/*.caja-info div{background-color:#171719; padding:50px 20px; margin:20px 0;}*/
/*.caja-info div{padding:50px 20px; margin:20px 0;background: linear-gradient(0deg, #1c1d1f, #0b0b0b); border:1px dashed #252527;  border-radius:28px;}*/
/*.caja-info div{padding:50px 20px; margin:20px 0;background: linear-gradient(0deg, #0b0b0b,#1c1d1f ); border:1px dashed #252527;  border-radius:28px;}*/
.caja-info div{padding:25px 20px; margin:20px 0;background: linear-gradient(0deg, #0b0b0b,#1c1d1f ); border:1px dashed #252527;  border-radius:28px;}
.caja-info div i{color:#ef5e7b; font-size:2.5em; margin-bottom:25px; display:block}
.caja-info div:hover{background-color:#ef5e7b; color:white;}
.caja-info div:hover i{color:white;}

.fondo-oscuro{background-color:#171719; color:white;}
.fondo-degradado{background: linear-gradient(0deg, #171719, #590f1e);}




/*idioma*/
.idiomas{display:table-cell !important; position:relative; height:45px; text-align:center; margin:0px; border-left:5px solid #252628}
.idiomas a{background-color:#3c3d41;display:inline-block !important; height:45px; padding:0 10px; line-height:45px;min-width:auto;}

.idiomas img{max-width:20px; border-radius:2px}

.menuidioma {position:absolute; top:45px; right:0px; background: #2e2e2e; display:none; z-index:3; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); margin:0px; list-style-type: none; margin-inline-end: 0px; padding-inline-start: 0px;}
.menuidioma li {padding:0px; margin-left:0px; border-bottom:1px solid #e0284c;}
.menuidioma li::before {content: none;}
.menuidioma li a {display: block; color: #fff;  text-decoration: none; padding:0px 10px; background-color:#3c3d41}
.menuidioma li:last-child {border-bottom:0px}
.menuidioma li a.active {background:#fff; color:#fff;}
.menuidioma li a:hover:not(.active){background:#343639; color:#fff;}

/*botones*/
.btn-marron a{background:#ef5e7b; color:#ffc4c4; border-color:#ef5e7b; font-size:0.875em; border-radius:50px;}
.btn-marron a:hover, .btn-marron a:focus{background:#ef5e7b; color:#ffc4c4; border-color:#ef5e7b;}

/*listas*/
.lista-corazon{margin-top:30px; margin-bottom:20px;}
.lista-corazon	li{float:left; width:50%;}
.lista-corazon	li a{float:left; color:#fff; margin-bottom:15px;}
.lista-corazon	li a i{margin-right:10px; color:#ef5e7b;}
.lista-corazon li a:hover{color:#ef5e7b;}

@media (max-width: 480px){
	.lista-corazon li {width: 100%;}
}


/*simple parallax*/
.simple-parallax {border-top:1px solid #252628; position: relative; background-color:#111; color:white; height:inherit; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-image:inherit;}

/* fix badges imágenes */
.zona-imagen>div[class^=position] {pointer-events: none;}