@charset "UTF-8";
/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* FIN RESET */


/* GENERAL */
* {
    box-sizing: border-box;
    position: relative;
}

@font-face {
	font-family: 'RB-regular';
    src: url("../fonts/Roboto-Regular.ttf");
}

@font-face {
	font-family: 'RB-regular-italic';
    src: url("../fonts/Roboto-RegularItalic.ttf");
}

@font-face {
	font-family: 'RB-bold';
    src: url("../fonts/Roboto-Bold.ttf");
}

@font-face {
	font-family: 'RB-bold-italic';
    src: url("../fonts/Roboto-BoldItalic.ttf");
}

@font-face {
	font-family: 'RB-light';
    src: url("../fonts/Roboto-Light.ttf");
}

@font-face {
	font-family: 'RB-light-italic';
    src: url("../fonts/Roboto-LightItalic.ttf");
}

@font-face {
	font-family: 'M-extrabold';
    src: url("../fonts/Muli-ExtraBold.ttf");
}

@font-face {
	font-family: 'M-black';
    src: url("../fonts/Muli-Black.ttf");
}

@font-face {
	font-family: 'M-light';
    src: url("../fonts/Muli-Light.ttf");
}

:root {
    --color-rojo: #E41815; /* rojo */
    --color-negro: #211915; /* negro */
    --color-dorado: #ADA072; /* dorado */
    --color-dorado-oscuro: #847334; /* dorado oscuro */
    --color-gris: #E6E6E6; /* gris */
    --color-gris-claro: #F0F0F0; /* gris + claro */
    --color-verde: #55E5A0; /* verde */
    --color-verde-texto: #14BA6B; /* verde oscuro texto */
}

body{
    background: #f5f5f5;
    font-family: 'RB-regular', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    font-size: 100%;
}

/*** contenedor app ***/
main {
	background: #f5f5f5;
    display: block;
    float: left;
    height: 100vh;
    margin: 0 auto;
    max-width: 768px;
    width: 100%;
}

/*** cabecera reg log ***/
header {
    background: url("../img/fondo-log-reg.png") no-repeat left top;
    background-size: contain;
    height: 175px;
    width: 100%;
}

/*** cuerpo app ***/
.cpo-app {
    display:block;
    float: left;
    height: auto;
    min-height: 20%;
    padding: 20px 7%;
    width: 100%;
}

/*** cuerpo app altura auto ***/
.cpo-app--h-auto {
    height: auto;
}

/*** contenedor formulario ***/
form {
	display: block;
    float: left;
    height: auto;
	width: 100%;
}

a {
	color: var(--color-rojo);
	text-decoration: none;
}
/* FIN GENERAL */


/* HEADER */
/*** logo uno ***/
.header__logo-uno {
    display: block;
    height: 79px;
    position: absolute;
    right: 7%;
    top: 25px;
}

/*** linea titulo ***/
.header__linea-titulo {
    background: url("../img/linea-sup-next-match.png") no-repeat center left;
  	display: block;
  	float: left;
  	height: 7px;
  	margin: 0;
	width: 90px;
}

/*** titulo pagina ***/
.header__titulo {
    color: var(--color-negro);
    display: block;
    float: left;
    font-family: 'M-extrabold';
    font-size: 150%;
    height: auto;
    line-height: 1.3rem;
    margin-top: 5px;
    width: 100%
}
/* FIN HEADER */


/* LINK LOG REG */
/*** contenedor link log reg ***/
.wrap-link-log-reg {
    align-items: center;
    background: #dcdcdc;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    min-height: 15%;
    padding: 7%;
    width: 100%;
}

/*** texto contenedor link log reg ***/
.wrap-link-log-reg span {
    font-size: 80%;
    padding: 0 10px 0 0;
}
/* FIN LINK LOG REG */


/* FORMULARIO REG-LOG */
/*** contenedor renglon formulario ***/
.cpo-app__renglon-form {
	display: block;
	margin-bottom: 35px;
}

/*** input formulario ***/
.cpo-app__renglon-form input {
	background-color: transparent;
  	border: none;
  	border-bottom: 1px solid #b5b5b5;
	display: block;
	font-size: 90%;
	padding: 10px 10px 10px 5px;
	width: 100%;
}

.cpo-app__renglon-form input:focus {
	outline: none; 
}

/*** label formulario ***/
.cpo-app__renglon-form label {
  	color: #505050; 
  	font-size: 90%;
	left: 5px;
  	position: absolute;
  	pointer-events: none;
 	top: 10px;
  	-moz-transition: 0.2s ease all; 
  	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all; 
}

/*** label estado activo ***/
.cpo-app__renglon-form input:focus ~ label, 
.cpo-app__renglon-form input:valid ~ label {
	color: #876b05;
  	font-size: 80%;
  	top: -10px;
}

/*** linea inferior ***/
.bar {
	display: block; 
	width: 100%; 
}

.bar:before, 
.bar:after {
	background: var(--color-dorado); 
	bottom: 0; 
  	content:'';
  	height: 2px; 
  	position: absolute;
  	-moz-transition: 0.2s ease all; 
  	-webkit-transition: 0.2s ease all;
	transition: 0.2s ease all; 
	width: 0;
}

.bar:before {
  	left: 50%;
}

.bar:after {
  	right: 50%; 
}

/*** linea estado activo ***/
.cpo-app__renglon-form input:focus ~ .bar:before,
.cpo-app__renglon-form input:focus ~ .bar:after {
  	width: 50%;
}

/*** mensaje error formulario ***/
.renglon-form__error {
	display: block;
	color: var(--color-rojo);
	font-size: 70%;
	margin-top: 10px;
	padding-left: 5px;
}

/*** input error formualrio ***/
.cpo-app__renglon-form input.input-error {
	border-bottom: solid 1px var(--color-rojo);
}

/*** link input formulario ***/
.renglon-form__link-input {
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	z-index: 10;
}

/*** icono info ***/
.link-input--info {
	background: url("../img/icon-info-input.png") no-repeat center top;
}

.link-input--info:hover,
.link-input--info:focus,
.link-input--info:active {
	background: url("../img/icon-info-input.png") no-repeat center bottom;
	outline: none;
}

/*** contenedor texto info ***/
.renglon-form__wrap-info-text {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #e6e6e6;
	bottom: 24px;
	display: none;
	height: 80px;
	padding: 20px 50px 20px 20px;
	position: absolute;
	width: 100%;
	z-index: 20;
}

/*** texto info tooltip ***/
.renglon-form__wrap-info-text p {
	color: var(--color-negro);
	display: block;
	float: left;
	font-size: 80%;
	line-height: 1rem;
}

/*** cerrar info tooltip ***/
.renglon-form__wrap-info-text a {
	background: url("../img/icon-close-info-tooltip.png") no-repeat center top;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
}

.renglon-form__wrap-info-text a:hover,
.renglon-form__wrap-info-text a:focus,
.renglon-form__wrap-info-text a:active {
	background: url("../img/icon-close-info-tooltip.png") no-repeat center bottom;
	outline: none;
}
/* FIN FORMULARIO REG-LOG */


/* CORREO ENVIADO */
/*** contenedor texto mail ***/
.cpo-app__wrap-texto-mail {
	margin-top: 10%;
}

/*** texto feedback correo enviado ***/
.cpo-app__wrap-texto-mail p {
	color: var(--color-dorado-oscuro);
	font-size: 110%;
	line-height: 1.4rem;
	text-align: center;
}

/*** contenedor correo enviado ***/
.wrap-texto-mail__mail-envio {
	align-items: center;
	display: flex;
	flex-flow: column wrap;
	-moz-border-radius: 7px;
    -webkit-border-radiu: 7px;
    border-radius: 7px;
	background-color: #FFF;
	margin-top: 7%;
	padding: 15px;
}

/*** mail del correo enviado ***/
.wrap-texto-mail__mail-envio span {
	display: block;
	border-bottom: dotted 1px #CCC;
	float: left;
	font-family: 'RB-light';
	font-size: 90%;
	text-align: center!important;
	padding-bottom: 5px;
	width: 100%;
}

/*** link reenviar correo ***/
.wrap-texto-mail__mail-envio button {
	background: none;
	border: none;
	color: var(--color-rojo);
	display: block;
	font-size: 90%;
	margin-top: 10px;
}

/*** flecha volver header ***/
.header__back {
    background: url("../img/icon-arrow-left-white.png") no-repeat left top;
    color: #FFF;
    font-size: 80%;
    height: 40px;
    left: 3%;
    line-height: 40px;
    padding-left: 30px;
    position: absolute;
    text-decoration: none;
    top: 7%;
    width: auto;
}

/*** icono feedback ***/
.cpo-app__icono-feedback {
    display: block;
    height: 145px;
    margin: 0 auto;
}
/* FIN CORREO ENVIADO */


/* GENERAR CONTRASEÑA */
/*** subtitulo formulario ***/
.cpo-app__subtitulo-form {
    ont-size: 110%;
    line-height: 1.3rem;
    display: block;
    float: left;
}

/*** contenedor formulario contraseña ***/
.form-pass {
    
}

/*** renglon formulario contraseña ***/
.form-pass .cpo-app__renglon-form{
    margin-bottom: 0;
}

/*** texto terminos y condiciones ***/
.cpo-app__texto-terminos {
    display: block;
    float: left;
    font-size: 80%;
    line-height: 1rem;
    margin-bottom: -20%;
    opacity: .7;
}

/*** link terminos y condiciones ***/
.cpo-app__texto-terminos a {
    color: var(--color-rojo);
    text-decoration: none;
}

/*** icono hide contraseña ***/
.link-input--hide-pass {
	background: url("../img/icon-hide-pass.png") no-repeat center top;
	display: none;
    opacity: .8;
}

.link-input--hide-pass:hover,
.link-input--hide-pass:focus,
.link-input--hide-pass:active {
	background: url("../img/icon-hide-pass.png") no-repeat center bottom;
	outline: none;
}

/*** icono show contraseña ***/
.link-input--show-pass {
	background: url("../img/icon-show-pass.png") no-repeat center top;
    opacity: .8;
}

.link-input--show-pass:hover,
.link-input--show-pass:focus,
.link-input--show-pass:active {
	background: url("../img/icon-show-pass.png") no-repeat center bottom;
	outline: none;
}
/* FIN GENERAR CONTRASEÑA */


/* LOGIN */
.cpo-app__link-olvido-pass {
    color: var(--color-rojo);
    display: flex;
    font-size: 80%;
    justify-content: center;
    margin-top: 20px;
    text-decoration: none;
}
/* FIN LOGIN */


/* BOTONES */
/*** boton principal ***/
.boton {
	border: none;
	-moz-border-radius: 25px;
    -webkit-border-radiu: 25px;
    border-radius: 25px;
    background-color: var(--color-rojo);
    color: #FFF;
	cursor: pointer;
    font-size: 90%;
    height: 40px;
	line-height: 36px;
	max-width: 200px;
	min-width: 150px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    transition: all ease-in-out .2s;
}

.boton:hover,
.boton:focus {
	background-color: var(--color-negro);
	outline: none;
}

/*** boton chico ***/
.boton--small {
	font-size: 80%;
	height: 30px;
	line-height: 30px;
	min-width: inherit;
	width: auto;
}

/*** boton secundario ***/
.boton--secundario {
	background-color: transparent;
	border: solid 1px var(--color-rojo);
	color: var(--color-rojo);
	min-width: inherit;
}

.boton--secundario:hover {
	background-color: var(--color-rojo);	
	border: none;
	color: #FFF;
}

/*** boton deshabilitado ***/
.boton--disabled {
	cursor: default;
    opacity: .5;
}

.boton--disabled:hover {
	background-color: var(--color-rojo);
	color: #FFF;
	cursor: default;
}

/*** boton enlace right con icono ***/
.boton--enlace {
	background-image: url("../img/icon-arrow-right-white.png");
	background-repeat: no-repeat;
	background-position: 97% center;
	text-align: left;
	padding-right: 50px;
}

/*** boton enlace secundario con icono ***/
.boton--secundario-enlace {
	background-image: url("../img/icon-arrow-right-red.png");
	background-repeat: no-repeat;
	background-position: 97% center;
	text-align: left;
	padding-right: 50px;
}

.boton--secundario-enlace:hover {
	background-image: url("../img/icon-arrow-right-red.png");
	background-repeat: no-repeat;
	background-position: 97% center;
}

/*** boton enlace con icono back ***/
.boton--secundario-enlace-back {
	background-image: url("../img/icon-arrow-left-red.png");
	background-repeat: no-repeat;
	background-position: 3% center;
	padding: 0 15px 0 50px;
	text-align: center;
}

.boton--secundario-enlace-back:hover {
	background-image: url("../img/icon-arrow-left-white.png");
	background-repeat: no-repeat;
	background-position: 3% center;
}

/*** boton centrado horizontal ***/
.boton--centrado {
	margin: 0 auto;
}

/*** boton alineado a la izquierda ***/
.boton--left {
	float: left;
}

/*** contenedor botonera ***/
.botonera-app {
    align-items: center;
	display: flex;
    flex-flow: column nowrap;
	float: left;
	height: auto;
	width: 100%;
}

/*** boton asistire ***/
.boton--asistire {
	background-color: #14BA6B;
}

/*** boton comprar ticket ***/
.boton--comprar-ticket {
	background: url("../img/icon-comprar-ticket.png") no-repeat 10px center;
	margin-top: 5px;
	padding-left: 40px;
}

/*** boton escanear ***/
.boton--scan {
	background-image:url("../img/icon-scan.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-left: 55px;
}

/*** boton enlace con icono back ***/
.boton--secundario-enlace-telefono {
	background-image: url("../img/icon-telefono.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	max-width: inherit;
	padding: 0 15px 0 50px;
	text-align: center;
}
/* FIN BOTONES */


/* SEPARADORES HORIZONTALES*/
.row-10h {
    display: block;
    float: left;
    height: 10px;
    width: 100%;
}

.row-20h {
    display: block;
    float: left;
    height: 20px;
    width: 100%;
}

.row-25h {
    display: block;
    float: left;
    height: 25px;
    width: 100%;
}

.row-30h {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
}

.row-40h {
    display: block;
    float: left;
    height: 40px;
    width: 100%;
}

.row-50h {
    display: block;
    float: left;
    height: 50px;
    width: 100%;
}
/* FIN SEPARADORES HORIZONTALES*/


/* SPLASH */
/*** contenedor splash ***/
.splash {
	display: flex;
	background: url("../img/splash.jpg") no-repeat center center;
	background-size: cover;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	height: 100vh;
	width: 100%;
}

/*** logo uno splash ***/
.splash__logo-uno {
	height: 18%;
	margin-top: -15%;
}

/*** logo edelp splash ***/
.splash__logo-edelp {
	bottom: 4%;
	height: 10%;
	position: absolute;
}
/* FIN SPLASH */


/* INICIO */
/*** main inicio ***/ 
.main--inicio {
    background-color: #eee;
    display: block;
    float: left;
    height: auto;
	padding-bottom: 40px;
    width: 100%;
}

/*** cuerpo ***/
.cpo-app--inicio {
    background-color: #fafafa;
    -webkit-border-bottom-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-bottomright: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    display: block;
    float: left;
    height: auto;
    padding-top: 0;
}

/*** cabcecera inicio ***/
.header--inicio {
    background: url("../img/fondo-header-home.png") no-repeat left top #FAFAFA;
    background-size: contain;
    display: block;
    float: left;
    height: auto;
    padding: 0 7% 30px 7%;
    width: 100%;
}

/*** logo uno inicio ***/
.header__logo-uno--inicio {
    margin: 0 auto;
    margin-top: 10%;
    position: relative;
    right: inherit;
    top: inherit;
}

/*** contenedor datos usuario inicio ***/
.header__wrap-user-data-header {
    background-color: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0px 11px 16px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 11px 16px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 11px 16px 0px rgba(0,0,0,0.05);
    display: block;
    height: 116px;
    margin-top: 12%;
    padding: 20px;
    width: 100%;
}

/*** nombre ususario inicio ***/
.wrap-user-data-header__user-name {
    color: var(--color-negro);
    display: block;
    float: left;
    font-family: 'M-extrabold';
    font-size: 112.5%;
    margin-bottom: 10px;
    text-transform: capitalize;
    width: 100%;
}

/*** ranking ususario inicio ***/
.wrap-user-data-header__user-ranking {
    display: block;
    float: left;
    font-family: 'RB-light';
    font-size: 137.5%;
    width: 100%;
}

/*** contenedor ultimo movimiento ranking inicio ***/
.wrap-user-data-header__rankgin-data-header {
    display: block;
    float: left;
    height: 16px;
    margin-top: 10px;
    width: 100%;
}

/*** puntos ranking inicio ***/
.wrap-user-data-header__rankgin-data-header span {
    border-right: dotted 1px #CCC;
    display: block;
    float: left;
    font-size: 87.5%;
    height: 16px;
    line-height: 16px;
    margin-right: 10px;
    padding-right: 10px;
}

/*** link movimiento ranking inicio ***/
.wrap-user-data-header__rankgin-data-header a {
    color: var(--color-rojo);
    display: block;
    float: left;
    font-size: 87.5%;
    height: 16px;
    line-height: 16px;
    text-decoration: none;
}

/*** link movimiento ranking inicio ***/
.wrap-user-data-header__rankgin-data-header img {
    display: block;
    float: left;
    margin-right: 5px;
}

/*** contenedor imagen perfil inicio ***/
.wrap-user-data-header__wrap-pic-perfil {
    background-color: #CCC;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: 27px;
    right: 20px;
    width: 60px;
}

/*** imagen de perfil inicio ***/
.wrap-user-data-header__wrap-pic-perfil img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

/*** contenedor proximo partido ***/
.cpo-app__wrap-next-match {
    background-color: #FAFAFA;
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

/*** titulo proximo partido ***/
.cpo-app__wrap-next-match h1 {
    display: block;
    float: left;
    font-family: 'M-extrabold';
    font-size: 150%;
    height: auto;
    margin-bottom: 10px;
    width: 100%;
}

/*** linea superior proximo partido ***/
.wrap-next-macht__linea-sup {
    margin-left: -40px;
    margin-bottom: 15px;
}

/*** bloque puntos - torneo ***/
.wrap-next-macht__wrap-pts-torneo {
    display: block;
    float: left;
    height: 30px;
    width: 100%;
}

/*** puntos requeridos para el partido ***/
.wrap-pts-torneo__puntos {
    color: var(--color-dorado);
    display: block;
    float: left;
    font-size: 150%;
    height: 30px;
    line-height: 30px;
}

/*** separador puntos - torneo ***/
.wrap-pts-torneo__separador {
    background-color: var(--color-dorado);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    float: left;
    height: 6px;
    margin: 12px 10px 0 10px;
    width: 6px;
}

/*** bloque puntos - torneo ***/
.wrap-pts-torneo__torneo {
    display: block;
    float: left;
    font-size: 75%;
    height: 30px;
    letter-spacing: .5px;
    line-height: 33px;
}

/*** iso torneo ***/
.wrap-pts-torneo__torneo img {
    display: block;
    float: left;
    height: 23px;
    margin: 3px 7px 0 0;
}

/*** contenedor data partido ***/
.wrap-next-macht__wrap-data-partido {
    border-bottom: solid 1px #dcdcdc;
    border-top: solid 1px #dcdcdc;
    display: flex;
    flex-flow: row nowrap;
    float: left;
    height: auto;
    justify-content: space-between;
    margin: 15px 0;
    padding: 15px 0;
    width: 100%;
}

/*** contenedor escudo equipo ***/
.wrap-data-partido__wrap-escudo {
    border-right: solid 1px #dcdcdc;
    display: flex;
    margin-right: 20px;
    padding: 10px 15px 10px 10px;
    width: 40%;
}

/*** escudo equipo ***/
.wrap-data-partido__wrap-escudo img {
    display: block;
    height: 75px;
    margin: auto;
}

/*** contendor info partido ***/
.wrap-data-partido__wrap-info {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}

/*** instancia torneo ***/
.wrap-info__instancia {
    display: block;
    font-size: 68.8%;
    font-family: 'RB-bold';
    margin-bottom: 7px;
    width: 100%;
}

/*** equipo versus ***/
.wrap-info__vs {
    display: block;
    font-size: 112.5%;
    font-family: 'RB-bold';
    margin-bottom: 15px;
    width: 100%;
}

/*** contenedor info fecha ***/
.wrap-info__wrap-fecha {
    background: url("../img/icon-calendar.svg") no-repeat left center;
    display: block;
    height: 30px;
    padding-left: 40px;
}

/*** dia de la semana partido ***/
.wrap-fecha__dia {
    display: block;
    float: left;
    font-size: 68.8%;
    font-family: 'RB-bold';
    height: 15px;
    line-height: 15px;
    margin-bottom: 3px;
    width: 100%;
}

/*** numero mes partido ***/
.wrap-fecha__numero-mes {
    border-right: dotted 1px #CCC;
    display: block;
    float: left;
    font-size: 75%;
    font-family: 'RB-bold';
    margin-right: 5px;
    padding-right: 5px;
}

/*** hora del partido ***/
.wrap-fecha__hora {
    display: block;
    float: left;
    font-size: 75%;
    font-family: 'RB-bold';
}

/*** contenedor botones proximo partido ***/
.wrap-next-macht__wrap-botones-next {
	display: block;
	float: left;
	height: 40px;
	width: 100%;
}

/*** contenedor botones habilitado ***/
.wrap-botones-next__habilitado {
	display: block;
	float: left;
	height: auto;
	width: 100%;
}


/*** boton asistir partido ***/
.wrap-botones-next__habilitado button {
	float: right;
	min-width: inherit;
	width: auto!important;
}

/*** contenedor botones asistire ***/
.wrap-botones-next__asistire {
	background-color: #fafafa;
	bottom: 0;
    display: block;
    float: left;
    height: auto;
	left: 0;
	position: absolute;
    width: 100%;
	z-index: 50;
}

/*** mensaje de estado para el partido ***/
.wrap-botones-next__msj {
	display: block;
	float: left;
	height: 40px;
	font-size: 81.3%;
	line-height: 41px;
	padding-left: 25px;
}

/*** mensaje habilitado para partido ***/
.wrap-botones-next__msj--habilitado {
	background: url("../img/icon-ok-partido.png") no-repeat left center;
	color: var(--color-verde-texto);
	font-family: 'RB-bold';
}

/*** contenedor noticias inicio ***/
.wrap-news-inicio {
    background-color: #eee;
	display: block;
	float: left;
	margin-top: 50px;
	min-height: 50px;
	width: 100%;
}

/*** titulo seccion noticias ***/
.wrap-news-inicio h1 {
	display: block;
	float: left;
	font-family: 'M-extrabold';
	font-size: 150%;
	margin-left: 7%;
}

/*** link ver todas las noticias ***/
.wrap-news-inicio__link-all {
	color: var(--color-rojo);
	display: block;
	float: right;
	font-size: 93.8%;
	height: 24px;
	line-height: 24px;
	margin-right: 7%;
	text-decoration: none;
}

/*** contenedor slider noticias ***/
.wrap-news-inicio__wrap-slider {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: block;
	float: left;
	height: 310px;
	margin-left: 7%;
	margin-top: 20px;
	overflow: hidden;
	padding: 3px 0 30px 0;
	width: 93%;
}

/*** slide noticias ***/
.wrap-slider__slide {
	background-color: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 13px 22px -13px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 13px 22px -13px rgba(0,0,0,0.25);
	box-shadow: 0px 13px 22px -13px rgba(0,0,0,0.25);
	display: block;
	height: 250px;
	margin-right: 30px;
	width: 250px;
}

.wrap-slider__slide:hover {
	cursor: pointer;
}

/*** contenedor imagen slider noticias ***/
.slide__wrap-img-slide {
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;	
	display: block;
	float: left;
	height: 150px;
	object-fit: contain;
	overflow: hidden;
	width: 100%;
}

/*** imagen slide noticias ***/
.slide__wrap-img-slide img {
	display: block;
	float: left;
	height: auto;
	width: 100%;
}

/*** contenedor titulo slide noticias ***/
.slide__wrap-titulo {
	display: block;
	float: left;
	height: 100px;
	padding: 20px;
	width: 100%;
}

/*** volanta slide noticias ***/
.slide__wrap-titulo span {
	display: block;
	float: left;
	font-size: 75%;
	height: 14px;
	line-height: 14px;
	margin-bottom: 7px;
	text-transform: uppercase;
	width: 100%;
}

/*** volanta slide noticias ***/
.slide__wrap-titulo h2 {
	color: var(--color-rojo);
	display: block;
	float: left;
	height: auto;
	line-height: 1.2rem;
	width: 100%;
}

/*** contenedor agenda inicio ***/
.wrap-agenda-inicio {
	margin-top: 0;
	padding-top: 0;
}

/*** contenedor slide agenda inicio ***/
.wrap-news-inicio__wrap-slider--slider-agenda {
	height: 340px;
}

/*** slide agenda ***/
.wrap-slider__slide--slide-agenda {
	background-color: var(--color-rojo);
	height: 280px;
	padding: 20px;
	width: 200px;
}

/*** slide agenda voley ***/
.wrap-slider__slide--slide-voley {
	background: url("../img/fondo-pelota-voley.png") no-repeat 150% -50px #4B4B4B;
}

/*** slide agenda futbol ***/
.wrap-slider__slide--slide-futbol {
	background: url("../img/fondo-pelota-futbol.png") no-repeat 150% -50px #4B4B4B;
}

/*** slide agenda handball ***/
.wrap-slider__slide--slide-handball {
	background: url("../img/fondo-pelota-handball.png") no-repeat 150% -50px #4B4B4B;
}

/*** slide agenda basquet ***/
.wrap-slider__slide--slide-basquet {
	background: url("../img/fondo-pelota-basquet.png") no-repeat 150% -50px #4B4B4B;
}

/*** slide agenda hockey ***/
.wrap-slider__slide--slide-hockey {
	background: url("../img/fondo-pelota-hockey.png") no-repeat 140% -38px #4B4B4B;
}

/*** slide agenda deporte default ***/
.wrap-slider__slide--slide-default {
	background: url("../img/fondo-deporte-default.png") no-repeat 111% -40px #4B4B4B;
}

/*** fecha slide agenda ***/
.slide-agenda__fecha {
	background-color: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	font-family: 'RB-bold';
	font-size: 81.3%;
	height: 63px;
	line-height: 1rem;
    padding-top: 14px;
	text-align: center;
	width: 36px;
}

/*** datos slide agenda ***/
.slide-agenda__wrap-datos-agenda {
	border-bottom: solid 1px rgba(255, 255, 255, 0.4);
	color: #fff;
	display: block;
	float: left;
	height: auto;
	margin-top: 30px;
	min-height: 20px;
	padding-bottom: 7px;
	width: 100%;
}

/*** disciplina slide agenda ***/
.wrap-datos-agenda__disciplina {
	display: block;
	float: left;
	font-family: 'M-black';
	font-size: 62.5%;
	height: auto;
	letter-spacing: 1px;
	margin-bottom: 5px;
	width: 100%;
}

/*** torneo slide agenda ***/
.wrap-datos-agenda__torneo {
	display: block;
	float: left;
	font-family: 'M-light';
	font-size: 68.8%;
	height: auto;
	margin-bottom: 20px;
	text-transform: uppercase;
	width: 100%;
}

/*** versus slide agenda ***/
.wrap-datos-agenda__versus {
	display: block;
	float: left;
	font-size: 75%;
	height: auto;
	text-transform: uppercase;
	width: 100%;
}

.wrap-datos-agenda__versus b {
	text-transform: lowercase;
}

/*** contenedor hora lugar slide agenda ***/
.slide-agenda__wrap-hora-lugar {
	color: #FFF;
	display: block;
	float: left;
	height: auto;
	margin-top: 10px;
	width: 100%;
}

/*** hora slide agenda ***/
.wrap-hora-lugar__fecha {
	display: block;
	float: left;
	font-size: 68.8%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 7px;
	width: 100%;
}

/*** imagen hora slide agenda ***/
.wrap-hora-lugar__fecha img {
	display: block;
	float: left;
	height: 20px;
	margin-right: 7px;
}

/*** lugar slide agenda ***/
.wrap-hora-lugar__lugar {
	display: block;
	float: left;
	font-size: 68.8%;
	height: 20px;
	line-height: 20px;
	text-transform: capitalize;
	width: 100%;
}

/*** imagen hora slide agenda ***/
.wrap-hora-lugar__lugar img {
	display: block;
	float: left;
	height: 20px;
	margin-right: 7px;
}

/*** notificacion slide agenda ***/
.slide-agenda__notificacion {
	background: url("../img/icon-notificacion.png") no-repeat center center;
	bottom: 15px;
	height: 22px;
	position: absolute;
	right: 20px;
	width: 22px;
}

/*** notificacion activa slide agenda ***/
.slide-agenda__notificacion--active {
	background: url("../img/icon-notificacion-active.png") no-repeat center center;
}

/*** slide activo slider agenda ***/
.wrap-news-inicio__wrap-slider--slider-agenda .is-selected {
	background-color: var(--color-rojo);
}

/*** barra navegacion inferior ***/
.wrap-nav {
	background-color: rgba(33, 25, 21, 0.95);
	bottom: 0;
	display: flex;
	flex-flow: row nowrap;
	height: 60px;
	justify-content: space-between;
	left: 0;
	padding: 0 20px;
	position: fixed;
	width: 100%;
}

/*** links barra navegacion inferior ***/
.wrap-nav a {
	height: 60px;
}

/*** link seleccionado barra navegacion inferior ***/
.wrap-nav__selected {
	border-bottom: solid 5px var(--color-rojo);
}

/*** link home barra navegacion inferior ***/
.wrap-nav__home {
	background: url("../img/icon-home-nav.png") no-repeat center top;
	width: 30px;
}

/*** link home seleccionado barra navegacion inferior ***/
.wrap-nav__home--selected {
	background: url("../img/icon-home-nav.png") no-repeat center -60px;
}

/*** link tickets barra navegacion inferior ***/
.wrap-nav__tickets {
	background: url("../img/icon-ticket-nav.png") no-repeat center top;
	width: 30px;
}

/*** link tickets seleccionado barra navegacion inferior ***/
.wrap-nav__tickets--selected {
	background: url("../img/icon-ticket-nav.png") no-repeat center -60px;
}

/*** link estadio barra navegacion inferior ***/
.wrap-nav__estadio {
	background: url("../img/icon-estadio-nav.png") no-repeat center top;
	width: 30px;
}

/*** link estadio seleccionado barra navegacion inferior ***/
.wrap-nav__estadio--selected {
	background: url("../img/icon-estadio-nav.png") no-repeat center -60px;
}

/*** link club barra navegacion inferior ***/
.wrap-nav__club {
	background: url("../img/icon-club-nav.png") no-repeat center top;
	width: 30px;
}

/*** link club seleccionado barra navegacion inferior ***/
.wrap-nav__club--selected {
	background: url("../img/icon-club-nav.png") no-repeat center -60px;
}

/*** link perfil barra navegacion inferior ***/
.wrap-nav__perfil {
	background: url("../img/icon-perfil-nav.png") no-repeat center top;
	width: 30px;
}

/*** link perfil seleccionado barra navegacion inferior ***/
.wrap-nav__perfil--selected {
	background: url("../img/icon-perfil-nav.png") no-repeat center -60px;
}

.header__wrap-user-data-header--tablet {
	display: none;
}
/* FIN INICIO */


/* INICIO ADMIN */
/*** cuerpo admin ***/
.body-admin {
	background-color: #FFF;
}

/*** cabcecera inicio admin ***/
.header--inicio-admin {
    background: url("../img/fondo-header-app-barcode.png") no-repeat left 39% #000;
    background-size: cover;
    display: block;
    float: left;
    height: 80px;
    padding: 0;
    width: 100%;
}

/*** logo uno inicio admin ***/
.header__logo-uno--inicio-admin {
	height: 60px;
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
    right: inherit;
    top: inherit;
}

/*** contenedor control acceso ***/
.main--inicio-admin {
	background-color: transparent;
}

/*** seccion verificacion dni ***/
.cpo-app--inicio-admin {
	background-color: #F5F5F5;
	padding-top: 20px;
}

.cpo-app--inicio-admin .header__linea-titulo {
	margin-bottom: 5px;
	margin-top: 30px;
}

/*** titulo seccion verificacion dni ***/
.cpo-app--inicio-admin h1 {
	display: block;
	float: left;
	margin: 10px 0;
	width: 100%;
	font-family: 'M-extrabold';
	font-size: 125%;
}

/*** contenedor selector de modo ***/
.wrap-modo-admin {
	display: flex;
	flex-flow: row nowrap;
	float: left;
	justify-content: space-between;
	margin: 20px 0;
	width: 100%;
}

/*** modo admin ***/
.wrap-modo-admin__modo {
	background-color: #ebebeb;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	border: none;
	color: var(--color-rojo);
	font-family: 'M-extrabold';
	height: 60px;
	text-align: left;
	padding: 0 20px;
}

.wrap-modo-admin__modo:hover,
.wrap-modo-admin__modo:focus {
	background-color: #e4e4e4;
	cursor: pointer;
	outline: none;
}

/*** modo admin seleccionado ***/
.wrap-modo-admin__modo--selected {
	color: var(--color-negro);
	background-color: #FFF;
}

/*** modo admin deshabilitado ***/
.wrap-modo-admin__modo--disabled {
	cursor: default;
	opacity: .4;
}

/*** cerrar sesion admin ***/
.close-sesion-admin {
	background: url("../img/icon-close-sesion-admin.svg") no-repeat right center transparent;
	border: none;
	color: var(--color-rojo);
	font-size: 87.5%;
	height: 20px;
	line-height: 20px;
	padding-right: 30px;
	position: absolute;
	right: 20px;
	text-align: right;
	top: 16px;
}

/*** contenedor resultado scan ***/
.wrap-resultado-scan {
	background: url("../img/img-fondo-resultado-escaneo.png") no-repeat center center #f6f6f6;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 200px;
	margin: 25px 7% 35px 7%;
	width: 86%;
}

/*** datos resultado scan ***/
.wrap-resultado-scan__datos-resultado {
	background: url("../img/img-fondo-datos-resultado-scan.png") no-repeat 95% 90% #f6f6f6;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	height: 200px;
	padding: 20px;
	width: 100%;
}

/*** datos resultado scan habilitado ***/
.datos-resultado--habilitado {
	border: solid 2px #14BA6B;
}

/*** datos resultado scan inhabilitado ***/
.datos-resultado--inhabilitado {
	border: solid 2px #E41815;
}

/*** datos resultado scan ingresado ***/
.datos-resultado--ingresado {
	border: solid 2px #F86F06;
}

/*** contenedor datos socio ***/
.datos-resultado__wrap-socio {
	display: block;
	float: left;
	height: 64px;
	margin-bottom: 25px;
	width: 100%;
}

/*** contenedor foto de socio ***/
.wrap-socio__wrap-img-socio {
	background-color: #CCC;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 64px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 64px;
}

/*** foto de socio ***/
.wrap-socio__wrap-img-socio img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

/*** contenedor data socio ***/
.wrap-socio__wrap-data-socio {
	display: block;
	float: right;
	height: auto;
	max-width: 70%;
}

/*** label data socio ***/
.wrap-socio__wrap-data-socio label {
	display: block;
	float: right;
	font-size: 75%;
	text-align: right;
	width: 100%;
}

/*** data socio ***/
.wrap-socio__wrap-data-socio span {
	display: block;
	float: right;
	text-align: right;
	width: 100%;
}

/*** numero de socio data socio ***/
.wrap-data-socio__num-socio {
	font-family: 'RB-bold';
	font-size: 150%;
	margin: 4px 0 7px 0;
}

/*** tipo de socio data socio ***/
.wrap-data-socio__tipo-socio {
	font-family: 'RB-light';
	font-size: 87.5%;
}

/*** nombre y apellido ***/
.datos-resultado__nyap {
	display: block;
	float: left;
	font-family: 'RB-bold';
	font-size: 106.3%;
	height: 20px;
	line-height: 20px;
	width: 100%;
}

/*** dni ***/
.datos-resultado__dni {
	display: block;
	float: left;
	font-size: 93.8%;
	height: 20px;
	line-height: 20px;
	margin: 2px 0 12px 0;
	width: 100%;
}

/*** mensaje resultado acceso ***/
.datos-resultado__msj {
	display: block;
	float: left;
	font-family: 'RB-bold';
	font-size: 93.8%;
	height: 20px;
	line-height: 22px;
	padding-left: 27px;
	width: 80%;
}

/*** mensaje resultado habilitado ***/
.datos-resultado__msj--habilitado {
	background: url("../img/icon-ok-partido.png") no-repeat left center;
	color: var(--color-verde-texto);
}

/*** mensaje resultado inhabilitado ***/
.datos-resultado__msj--inhabilitado {
	background: url("../img/icon-inhabilitado-partido.png") no-repeat left center;
	color: var(--color-rojo);
}

/*** mensaje resultado reingreso ***/
.datos-resultado__msj--reingreso {
	color: #F86F06;
}

/*** contenedor escaneo/verificacion dni ***/
.wrap-scan-manual-dni {
	display: block;
	float: left;
	min-height: 50px;
	width: 100%;
}

/*** contenedor boton escaneo dni ***/
.wrap-scan-manual-dni__wrap-scan {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	width: 100%;
}


/*** enlace verificacion dni ***/
.wrap-scan-manual-dni__wrap-scan a {
	background: url("../img/icon-arrow-right-red-enlace.png") no-repeat right center;
	font-size: 87.5%;
	line-height: 20px;
	padding-right: 17px;
}

/*** contenedor verificar manual dni ***/
.wrap-scan-manual-dni__wrap-manual {
	background-color: #FFF;
	display: none;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	height: auto;
	position: absolute;
	top: 0;
	width: 100%;
}

/*** enlace escaneo dni ***/
.wrap-scan-manual-dni__wrap-manual a {
	background: url("../img/icon-arrow-left-red-enlace.png") no-repeat left center;
	font-size: 87.5%;
	line-height: 20px;
	padding-left: 17px;
}

/*** muestra bloque verificacion manual ***/
.wrap-scan-manual-dni__wrap-manual--show {
	display: flex;
}

/*** renglon form verificacion manual ***/
.cpo-app__renglon-form--verif-manual {
	margin-bottom: 20px;
	width: 83%;
}

/*** input renglon form verificacion manual ***/
.cpo-app__renglon-form--verif-manual input {
	float: left;
	width: 45%;
}

/*** boton renglon form verificacion manual ***/
.cpo-app__renglon-form--verif-manual button {
	float: right;
}
/* FIN INICIO ADMIN */


/* PERFIL */
.main--perfil {
	background: transparent;
	padding-bottom: 0;
    display: block;
    float: left;
    height: auto;
    max-width: inherit;
    width: 100%;
}

/*** cabecera perfil ***/
.header--perfil {
    background: url("../img/fondo-header-perfil.png") no-repeat right top #f11b0d;
    height: 145px;
}

/*** logo uno perfil ***/
.header__logo-uno--perfil {
    position: absolute;
    right: 7%;
    top: 11%;
    width: 52px;
}

/*** contenedor datos ranking y avatar ***/
.cpo-app--perfil {
    background-color: #FFF;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
	display: block;
	float: left;
    height: auto;
    margin-top: -30px;
    min-height: 200px;
	padding-bottom: 40px;
    position: relative;
}

/*** contenedor avatar perfil ***/
.wrap-img-user-perfil {
     background-color: #CCC;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: block;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: -50px;
    left: 8%;
    width: 100px;
    border: solid 7px var(--color-rojo);
}

/*** avatar perfil ***/
.wrap-img-user-perfil  img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

/*** link configuracion perfil ***/
.link-config-perfil {
    background: url("../img/icon-config.png") no-repeat right center;
    font-size: 81.3%;
    height: 22px;
    line-height: 22px;
    padding-right: 30px;
    position: absolute;
    right: 5%;
    top: 20px;
    text-align: right;
}

/*** contenedor datos ranking perfil ***/
.wrap-datos-ranking-perfil {
	border-bottom: solid 1px #ebebeb;
    display: block;
    float: left;
    height: auto;
    margin-top: 60px;
	padding-bottom: 15px;
    width: 100%;
}

/*** nombre usuario ranking perfil ***/
.user-name--perfil {
    font-size: 170%;
	margin-bottom: 15px;
}

/*** puntos ranking perfil ***/
.user-ranking--perfil {
    font-size: 170%;
}

/*** contenedor ultimo movimiento ranking perfil ***/
.wrap-datos-ranking-perfil__wrap-last-mov {
	border-left: dotted 1px #CCC;
	display: block;
	float: left;
	height: 23px;
	padding-left: 15px;
	margin: 5px 0 0 15px;
	width: auto;
}

.wrap-datos-ranking-perfil__wrap-last-mov label {
	color: #898989;
	display: block;
	float: left;
	font-size: 68.8%;
	line-height: .7rem;
    height: 22px;
    width: 60px;
}

.wrap-last-mov__last-mov {
	background-color: #F9F9F9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	float: left;
	margin-left: 10px;
	padding: 3px 5px;
}

/*** flecha ultimo movimiento ranking perfil ***/
.wrap-datos-ranking-perfil__wrap-last-mov img {
	display: block;
    float: left;
    margin-right: 5px;
}

/*** puntos ultimo movimiento ranking perfil ***/
.wrap-datos-ranking-perfil__wrap-last-mov span {
	color: #6F6A67;
    display: block;
    float: left;
    font-size: 87.5%;
    height: 16px;
    line-height: 17px;
}

/*** contenedor ultimo movimiento ranking perfil ***/
.wrap-datos-ranking-perfil .wrap-user-data-header__user-ranking {
	width: auto;
}

/*** contenedor links ranking perfil ***/
.wrap-links-ranking-perfil {
	background-color: #F5F5F5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: block;
	float: left;
	height: auto;
	padding: 15px;
	margin-top: 20px;
	width: 100%;
}

/*** titulo contenedor links ranking perfil ***/
.wrap-links-ranking-perfil h2 {
	display: block;
	float: left;
	font-family: 'M-extrabold';
	font-size: 87.5%;
	margin-bottom: 15px;
	width: 100%;
}

/*** botones links ranking perfil ***/
.wrap-links-ranking-perfil__botones {
	display: flex;
	flex-flow: row nowrap;
	float: left;
	height: auto;
	justify-content: space-between;
	width: 100%;
}

/*** link movimientos ranking perfil ***/
.wrap-links-ranking-perfil__link-mov {
	background: url("../img/img-flecha-mov-ranking.png") no-repeat 12px center #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 42px;
	line-height: 22px;
	font-size: 87.5%;
	padding: 10px 10px 10px 34px;
}

/*** link ranking ranking perfil ***/
.wrap-links-ranking-perfil__link-reglamento {
	background: url("../img/img-flecha-reglamento-ranking.png") no-repeat 12px center #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 42px;
	line-height: 22px;
	font-size: 87.5%;
	padding: 10px 10px 10px 34px;
}

/*** separador links ranking perfil ***/
.wrap-links-ranking-perfil .wrap-pts-torneo__separador {
	margin-top: 5px;
}

/*** contenedor data perfil ***/
.wrap-data-perfil {
	background-color: #F0F0F0;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-topright: 30px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	display: flex;
	flex-flow: column nowrap;
	float: left;
	height: auto;
	justify-content: flex-end;
	margin-top: -20px;
	min-height: 100px;
	padding: 25px 7% 90px 7%;
	width: 100%;
}

/*** contenedor data socio perfil ***/
.wrap-data-perfil__wrap-data-socio {
	border-bottom: solid 3px #FFF;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	padding-bottom: 20px;
}

/*** data socio perfil ***/
.wrap-data-socio__data-socio {
	border-right: dotted 2px #FFF;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	padding-right: 10px;
	width: 70%;
}

/*** label num socio perfil ***/
.wrap-data-socio__data-socio label {
	color: #787878;
	font-size: 81.3%;
	margin-bottom: 5px;
}

/*** numero socio perfil ***/
.wrap-data-socio__data-socio span {
	color: #545454;
	font-family: 'RB-bold';
	font-size: 175%;
	margin-bottom: 7px;
}

/*** tipo socio perfil ***/
.wrap-data-socio__data-socio span.data-socio__tipo {
	font-family: 'RB-light';
	font-size: 87.5%;
	line-height: 1rem;
	text-transform: uppercase;
}

/*** link datos personales socio perfil ***/
.wrap-data-socio__data-socio a {
	background: url("../img/icon-datos-personales.png") no-repeat 10px center #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 81.3%;
	margin-top: 17px;
	padding: 10px 10px 10px 43px;
    width: 70%;
}

/*** link carnet digital socio perfil ***/
.wrap-data-socio__link-carnet-digital {
	align-self: center;
	padding: 10px 0 0 20px;
	width: 49%;
}

/*** contenedor cuenta corriente ***/
.wrap-data-perfil__wrap-cta-cte {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	margin-top: 25px;
	min-height: 50px;
	padding-bottom: 20px;
}

/*** label mes contenedor cuenta corriente ***/
.wrap-data-perfil__wrap-cta-cte label {
	color: #787878;
	display: block;
	float: left;
	font-size: 87.5%;
	height: auto;
	margin-bottom: 7px;
	width: 100%;
}

/*** boton historial de pagos cuenta corriente ***/
.wrap-data-perfil__wrap-cta-cte a {
	background: url("../img/icon-historial-pagos.png") no-repeat 10px center #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 81.3%;
    padding: 15px 10px 15px 36px;
    width: 48%;
}

/*** contenedor estado cuenta corriente ***/
.wrap-cta-cte__wrap-estado {
	align-items: center;
	display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
	margin-bottom: 15px;
}

/*** mes cuenta corriente ***/
.wrap-estado__mes {
	color: #545454;
	display: block;
	float: left;
    font-family: 'RB-bold';
    font-size: 175%;
	height: auto;
	margin-bottom: 5px;
}

/*** estado al dia cuenta corriente ***/
.wrap-estado__estado {
	background-color: #08D65F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	display: block;
	float: left;
	font-size: 68.8%;
	height: 20px;
	margin-left: 12px;
	margin-top: -3px;
	padding: 5px 7px;
	text-transform: uppercase;
}

/*** estado deuda cuenta corriente ***/
.wrap-estado__estado--deuda {
	background-color: #DFC72B;
	color: #000;
}

/*** contenedor plan familiar ***/
.wrap-data-perfil__wrap-plan-familiar {
    border-top: solid 3px #FFF;
    display: block;
    float: left;
    height: auto;
    padding-top: 30px;
    width: 100%;
}

/*** plan familiar ***/
.wrap-plan-familiar__wrap-plan {
    background: url("../img/icon-big-plan-famliar.png") no-repeat 25px center;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: solid 3px #D8D5C2;
    display: block;
    float: left;
    height: auto;
    min-height: 50px;
    padding: 15px 20px 15px 90px; 
    width: 100%;
}

/*** titulo plan familiar ***/
.wrap-plan-familiar__wrap-plan h3 {
    display: block;
    float: left;
    font-family: 'M-extrabold';
    height: auto;
    margin-bottom: 9px;
    margin-top: 3px;
    width: 100%;
}

/*** link plan familiar ***/
.wrap-plan-familiar__wrap-plan a {
    background: url("../img/icon-arrow-right-red-enlace.png") no-repeat right center;
    display: block;
    float: left;
    font-size: 87.5%;
    height: auto;
    margin-bottom: 3px;
    padding-right: 15px;
    width: auto;
}
/* FIN PERFIL */


/* ENTRADAS */
/*** body entradas ***/
.body--entradas {
    background-color: #FFF;
}

/*** main entradas ***/
.main--entradas {
    background-color: #FFF;
    padding-bottom: 0;
    display: block;
    float: left;
    height: auto;
    max-width: inherit;
    width: 100%;
}

/*** cuerpo entradas ***/
.cpo-app--entradas {
    background-color: #FFF;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
    float: left;
    height: auto;
    margin-top: -30px;
    min-height: 200px;
    position: relative;
    padding: 30px 7% 90px 7%;
    width: 100%;
}

/*** linea superior titulo ***/
.entradas-linea-sup {
	display: block;
	float: left;
}

/*** titulo entradas ***/
.cpo-app--entradas h1 {
    display: block;
    float: left;
    font-family: 'M-extrabold';
    font-size: 150%;
    height: auto;
	margin: 13px 0 10px 0;
    width: 100%;
}

/*** contenedor entrada ***/
.wrap-entrada {
    background: url("../img/fondo-troquel-sup-entrada.png") no-repeat center -7px #ECECEC;
   	-moz-border-radius: 20px;
   	-webkit-border-radius: 20px;
   	border-radius: 20px;
    display: block;
    float: left;
    height: auto;
    min-height: 100px;
    padding: 20px 0 0 0;
    width: 100%;
}

/*** troquel entrada superior ***/
.wrap-entrada__troquel-superior {
    display: block;
    margin: -44px auto 0 auto;
}

/*** troquel entrada inferior ***/
.wrap-entrada__troquel-inferior {
    display: block;
    margin: 0 auto -44px auto;
}

/*** contenedor cabecera entrada ***/
.wrap-entrada__cabecera-entrada {
    display: block;
    float: left;
    height: auto;
    padding: 0 10px 5px 10px;
    width: 100%;
}

/*** contenedor partido entrada ***/
.cabecera-entrada__wrap-data-partido {
    display: block;
    float: left;
    height: auto;
    width: 100%;
}

/*** contenedor data partido entrada ***/
.wrap-entrada__cabecera-entrada .wrap-next-macht__wrap-data-partido {
    border-bottom: none;
    border-top: none;
    margin: 15px 0 0 0;
}

/*** contenedor escudo entrada ***/
.wrap-entrada__cabecera-entrada .wrap-data-partido__wrap-escudo {
    border-right: solid 2px #ffffff;
    margin-right: 15px;
    width: 35%;
}

/*** contenedor info y estado del asistente ***/
.wrap-entrada__wrap-info-estado-asistente {
	background: url("../img/loading-entrada-confirmar.gif") no-repeat center center #F1F1F1;
	border-bottom: dotted 3px #FFF;
	border-top: dotted 3px #FFF;
    display: block;
    float: left;
    min-height: 70px;
    width: 100%;
}

.wrap-info-estado-asistente__wrap-info-asistente {
	display: block;
	float: left;
	height: auto;
	padding: 20px;
	width: 100%;
}

/*** asistencia pendiente ***/
.wrap-info-asistente--pendiente {
	background-color: #B8A975;
}

/*** asistencia confirmada ***/
.wrap-info-asistente--confirmada {
	background-color: #3FB183;
}

/*** platea transferida ***/
.wrap-info-asistente--transferida {
	background-color: #769488;
}

/*** asistio ***/
.wrap-info-asistente--asistio {
	background-color: #ACACAC;
}

/*** info asistente ***/
.wrap-info-asistente__info-asistente {
    border-bottom: dotted 1px #ffffff;
    display: block;
    float: left;
    height: auto;
    padding-bottom: 20px;
    width: 100%;
}

/*** contenedor foto persona ***/
.info-asistente__wrap-pic-perfil {
    background-color: #CCC;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: solid 2px #FFF;
    border-radius: 50%;
    display: block;
    float: left;
    height: 40px;
	margin-right: 15px;
    overflow: hidden;
    width: 40px;
}

/*** foto persona ***/
.info-asistente__wrap-pic-perfil img {
	display: block;
	float: left;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
}

/*** nombre persona ***/
.info-asistente__nombre {
	color: #FFF;
	display: block;
	float: left;
	font-family: 'RB-bold';
	font-size: 112.5%;
	height: 20px;
	line-height: 20px;
	padding-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 75%;
}

/*** dni persona ***/
.info-asistente__dni {
	color: #FFF;
	display: block;
	float: left;
	font-size: 87.5%;
	height: 20px;
	line-height: 20px;
	padding-top: 2px;
	width: 75%;
}

/*** estado del asistente ***/
.wrap-info-asistente__estado-asistente {
    display: block;
    float: left;
    height: auto;
	margin-top: 20px;
    width: 100%;
}

/*** estado del asistente ***/
.wrap-info-asistente__estado-asistente span {
	color: #FFF;
    display: block;
    float: left;
	font-size: 93.8%;
    height: 25px;
	line-height: 25px;
	padding-left: 35px;
    width: 100%;
}

/*** estado pendiente ***/
.wrap-info-asistente__estado-asistente span.estado-pendiente {
	background: url("../img/icon-reloj.png") no-repeat left center;
}

/*** estado confirmado ***/
.wrap-info-asistente__estado-asistente span.estado-confirmado {
	background: url("../img/icon-ok-entrada.png") no-repeat left center;
}

/*** contenedor selector de ubicacion ***/
.wrap-entrada__wrap-select-ubicacion {
	background-color: #F1F1F1;
	border-bottom: dotted 2px #FFF;
	display: block;
	float: left;
	height: auto;
	padding: 40px 20px 0 20px;
	width: 100%;
}

/*** titulo selector de ubicacion ***/
.wrap-entrada__wrap-select-ubicacion h2 {
	display: block;
	float: left;
	font-family: 'RB-bold';
	margin-bottom: 10px;
	text-transform: uppercase;
	width: 100%;
}

/*** subtitulo selector de ubicacion ***/
.wrap-entrada__wrap-select-ubicacion p {
	display: block;
	float: left;
	font-family: 'RB-regular-italic';
	font-size: 81.3%;
	line-height: 1rem;
	margin-bottom: 20px;
	width: 100%;
}

/*** ubicacion ***/
.wrap-select-ubicacion__ubicacion {
	border-bottom: solid 1px #CCC;
	display: block;
	float: left;
	margin-bottom: 12px;
	min-height: 60px;
	width: 100%;
}

/*** ultima ubicacion ***/
.wrap-select-ubicacion__ubicacion:last-of-type {
	border-bottom: none;
}

/*** lugar ubicacion ***/
.wrap-select-ubicacion__ubicacion label {
	display: block;
	float: left;
	font-family: 'RB-light';
	font-size: 106.3%;
	height: 25px;
	line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	width: 55%;
}

/*** valor ubicacion ***/
.wrap-select-ubicacion__ubicacion span {
	display: block;
	float: left;
	font-family: 'RB-bold';
	font-size: 112.5%;
	height: 20px;
	line-height: 20px;
	width: 55%;
}

/*** radio ubicacion ***/
.wrap-select-ubicacion__ubicacion input {
    display: block;
    height: 25px;
	margin: 11px 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
}

/*** nombre invitado ***/
.wrap-personas label {
	font-family: 'RB-bold';
	font-size: 112.5%;
}

/*** dni invitado ***/
.wrap-personas span {
	font-family: 'RB-light';
	font-size: 106.3%;
}

/*** eliminar invitado ***/
.wrap-personas__eliminar {
	background: url("../img/icon-eliminar-personas.png") no-repeat center center;
	border: none;
	display: block;
    height: 27px;
	margin: 10px 0 0 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
}

/*** pie de entrada ***/
.wrap-entrada__pie-entrada {
	align-items: center;
	background: url(../img/fondo-troquel-sup-entrada.png) no-repeat center 106%;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	flex-flow: column nowrap;
	float: left;
	justify-content: space-between;
	min-height: 50px;
	padding: 25px 20px 20px 20px;
	width: 100%;
}

/*** partido assitido historico ***/
.wrap-entrada__pie-entrada--partido-asistido {
	background-position: center 109%;
}

/*** texto asistido ***/
.wrap-entrada__pie-entrada--partido-asistido span {
	font-family: 'RB-bold';
	font-size: 93.8%;
	height: 30px;
    line-height: 35px;
    margin: -5px 0 20px 0;
	padding-left: 30px;
}

/*** icono asistio ***/
.wrap-entrada__pie-entrada--partido-asistido span.asististe {
	background: url("../img/icon-pulgar-arriba.png") no-repeat left center;
	color: #14BA6B; 
}

/*** icono no asistio ***/
.wrap-entrada__pie-entrada--partido-asistido span.no-asististe {
	background: url("../img/icon-pulgar-abajo.png") no-repeat left 8px;
	color: #ca0040; 
}

/*** info asistente historico ***/
.wrap-info-asistente--asistio .wrap-info-asistente__info-asistente {
	border-bottom: none;
	padding-bottom: 0;
}

/*** texto pie de entrada ***/
.pie-entrada__texto-pie {
	font-size: 81.3%;
	line-height: 1rem;
	text-align: center;
	margin: 15px 0 0 0;
	width: 80%;
}

/*** texto pie entrada trasnferir platea ***/
.pie-entrada__texto-pie--transferir-platea {
    margin: 0 0 20px 0;
}

/*** ubicacion confirmada ***/
.estado-asistente__ubicacion-confirmada {
	background: url("../img/img-ticket-ubi-confirmada.png") no-repeat 35px center;
	border-top: dotted 1px #77d3ae;
	display: block;
	float: left;
	min-height: 55px;
	margin: 20px 0 0 0;
	padding-left: 73px;
    width: 100%;
}

/*** nombre ubicacion ***/
.estado-asistente__ubicacion-confirmada label {
	color: #FFF;
	display: block;
	float: left;
	font-family: 'RB-light';
	font-size: 93.8%;
	height: auto;
	line-height: 1.2rem;
	max-width: 150px;
	padding-top: 20px;
	width: auto;
}

/*** nombre palco ***/
.estado-asistente__ubicacion-confirmada label.ubicacion-confirmada__nombre-palco {
	max-width: inherit;
}

/*** precio ubicacion ***/
.estado-asistente__ubicacion-confirmada span {
	color: #FFF;
	display: block;
	float: right;
	font-family: 'RB-bold';
	font-size: 93.8%;
	height: 55px;
	line-height: 55px;
	max-width: 70px;
	padding-left: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
	width: auto;
}

/*** contenedor historico entradas ***/
.wrap-historico-entradas {
	display: block;
	float: left;
	height: auto;
	width: 100%;
}

/*** texto principal sub pagina entradas ***/
.entradas__texto-ppal {
	display: block;
	float: left;
	font-size: 110%;
	line-height: 1.4rem;
}

/*** formulario sub pagina entradas ***/
.cpo-app--entradas .form-pass {
    margin: 70% 0 5% 0;
}

/*** cabecera subpagina ***/
.header--subpagina {
   	background: rgba(228,24,21,1);
	background: -moz-linear-gradient(left, rgba(228,24,21,1) 0%, rgba(148,12,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228,24,21,1)), color-stop(100%, rgba(148,12,0,1)));
	background: -webkit-linear-gradient(left, rgba(228,24,21,1) 0%, rgba(148,12,0,1) 100%);
	background: -o-linear-gradient(left, rgba(228,24,21,1) 0%, rgba(148,12,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(228,24,21,1) 0%, rgba(148,12,0,1) 100%);
	background: linear-gradient(to right, rgba(228,24,21,1) 0%, rgba(148,12,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e41815', endColorstr='#940c00', GradientType=1 );
	height: 50px;
    padding: 0;
}

.header--subpagina .header__back {
	top: 12%;
}

.header--subpagina .header__logo-uno--perfil {
	transform: scale(.5,.5);
    top: -11px;
    right: 0;
}

.cpo-app--subpagina {
	margin-top: 0;
}

.wrap-resultado-persona {
	background-color: #F5F5F5;
	-moz-border-radius: 20px;
	-wenkit-border-radius: 20px;
	border-radius: 20px;
	display: block;
	float: left;
	min-height: 50px;
	padding: 30px;
	width: 100%;
}

.wrap-persona-encontrada,
.wrap-persona-no-encontrada {
	align-items: center;
	display: flex;
	flex-flow: column nowrap;
	float: left;
	height: auto;
	justify-content: space-between;
	width: 100%;
}

.wrap-persona-encontrada__info {
	background: url("../img/icon-ok-persona.png") no-repeat left top;
	margin-bottom: 20px;
	padding-left: 40px;
}

.info__nyap {
	display: block;
	font-family: 'RB-bold';
	font-size: 118.8%;
	height: 20px;
	line-height: 20px;
	margin-bottom: 3px;
}

.info__dni {
	display: block;
	height: 20px;
	line-height: 20px;
}

.wrap-persona-no-encontrada__info {
	background: url("../img/icon-no-persona.png") no-repeat left top;
	margin-bottom: 20px;
	padding-left: 40px;
}

.wrap-persona-no-encontrada__info p {
	line-height: 1.3rem;
}
/* FIN ENTRADAS */

/* POLITICAS */
.main--politicas {
    height: auto;
    float: left;
    width: 100%;
}

.main--politicas .cpo-app {
    padding: 60px 30% 8% 30%;
}

.cpo-app__texto-politica {
    font-size: 95%;
    line-height: 1.3rem;
    isplay: block;
    float: left;
}

.cpo-app__texto-politica b {
    font-family: 'RB-bold';
}
/* POLITICAS */

/* PLANO */
.main--plano {
	align-items: center;
	background-color: #CCC;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	float: left;
	height: 100%;
	width: 100%;
}

.main--plano img {
	width: 100%;
	height: auto;
}
/* FIN PLANO */