/*||||||||||||||||||||||||||||||||||||||||||||||FONTS||||||||||||||||||||||||||||||||||||||||||||||*/
@font-face {
    font-family: 'VodafoneExtraBold';
    src: url('../fonts/vodafoneexbd-webfont.woff2') format('woff2'),
         url('../fonts/vodafoneexbd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VodafoneLight';
    src: url('../fonts/vodafonelt-webfont.woff2') format('woff2'),
         url('../fonts/vodafonelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VodafoneRegular';
    src: url('../fonts/vodafonerg-webfont.woff2') format('woff2'),
         url('../fonts/vodafonerg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VodafoneBold';
    src: url('../fonts/vodafonerg-bd-webfont.woff2') format('woff2'),
         url('../fonts/vodafonerg-bd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*||||||||||||||||||||||||||||||||||||||||||||||/FONTS||||||||||||||||||||||||||||||||||||||||||||||*/


/*||||||||||||||||||||||||||||||||||||||||||||||GENERICOS||||||||||||||||||||||||||||||||||||||||||||||*/
html{
    box-sizing: border-box;
}
*, *:before, *:after{
    box-sizing:inherit;
}
body{
    margin:0;
    padding:0;
    background:/*#444242*/ #ffffff;
    font-family: VodafoneRegular, sans-serif;
    font-size:16px;
    line-height:1.2;
}
.container-global-bg{/*Para pisar el footer fixed con un color de fondo*/
    background: rgb(255 255 255);
    background: linear-gradient(3deg, rgb(255 255 255) 0%, rgb(225 225 225) 100%);
    padding-right: var(--bs-gutter-x,0rem);
    padding-left: var(--bs-gutter-x,0rem);
    margin-bottom:140px;
    padding-bottom: 40px;
}
@media (max-width: 991.5px){
    .container-global-bg{ margin-bottom:175px; }
}
@media (max-width: 575.5px) {
    .container-global-bg{ margin-bottom:200px; }
}
@media (min-width: 1400px){
    .container-global-bg{ margin-bottom:160px; }
}
@media (min-height: 600px) and (orientation: portrait) { 
    .container-global-bg{ min-height:100vh; }
}
.container-vodafone{
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1400px){
    .container-vodafone{
	width: 1370px;
    }
}

sup {
    top: -.3em;
    padding: .2em;
}
a, .btn, button, input, select, i, span {
    transition: all .3s ease;
}
a, a:hover{ text-decoration: none; }
a, .btn, button{ border: none !important; } 
button:focus, 
button:active, 
.btn:focus, 
.btn:active, 
a:focus, 
a:active, 
input:focus, 
input:active, 
select:focus, 
select:active {     
    outline: none !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}
.focused:active, .focused:focus {     
    outline: none !important;
    box-shadow: 0px 0px 0px 4px rgb(0 0 0 / 30%);
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {	
    -webkit-box-shadow:0px 0px 0px 2px rgb(0 0 0 / 10%), 0 0 0 30px white inset !important;
}
input:-webkit-autofill, 
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s !important;
}
.picture { width: 100%; }
/*+++++++++++++++++++++++++++++++++++BUTTONS*/
.btn {
    padding: .375rem .75rem;
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1.1em;
    border-radius: 0;
    border:none !important;
}
.btn:focus, .btn:active{ box-shadow: 0px 0px 0px 3px rgb(0 0 0 / 15%); }
.btn-light {
    color: #222;
    background-color: #fff;
}
.btn-light:hover, .btn-light:focus, .btn-light:active{
    color: #000;
    background-color: #eaeaea !important;
}
.btn-light:focus, .btn-light:active{ box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%); }
.btn-light.disabled{
    opacity: .2;
}
.btn-primary {
    color: #fff !important;
    background-color: #e60000;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #000000 !important;
}
.btn-primary:focus, .btn-primary:active{ box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%); }	
.btn-primary.disabled{
    background-color: #cccccc !important;
    color: #989898 !important;
}
.btn-dark, .btn-dark span {
    color: #fff !important;
    background-color: #000;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
    background-color: rgb(0 0 0 / 31%) !important;
}
.btn-dark:focus, .btn-dark:active{ box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%); }
.btn-dark-grey {
    color: #fff !important;
    background-color: #363636;
}
.btn-dark-grey:hover, .btn-dark-grey:focus, .btn-dark-grey:active {
    background-color: #4f4f4f !important;
}
.btn-dark-grey:focus, .btn-dark-grey:active{ box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%); }
.btn-success {
    color: #fff !important;
    background-color: #16ac94;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #108d79 !important;
}
.btn-success:focus, .btn-success:active{ box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%); }

.basic-btn-dark{
    color: #7f7f7f  !important;
}
.basic-btn-dark:hover, .basic-btn-dark:focus, .basic-btn-dark:active {
    color: #e60000 !important;
}
.basic-btn-dark:focus, .basic-btn-dark:active {
    -webkit-text-stroke: .01em currentcolor; 
    background-color:rgba(0,0,0,0) !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}
.btn-basic-nobg{
    color: #444 ;    
    background: none;
    padding: 0;
    margin: 0;
    border: none !important;
    -webkit-text-stroke: .02em rgba(0,0,0,0); 
    transition: all .3s ease;
}
.btn-basic-nobg:hover{
    color: #000;
    -webkit-text-stroke: .02em currentcolor; 
}	
.btn-basic-nobg:focus, .btn-basic-nobg:active{
    color: #000;
    -webkit-text-stroke: .02em currentcolor;  
    box-shadow: 0 0 0 0rem rgb(255 255 255 / 0%); 
}
/*+++++++++++++++++++++++++++++++++++/BUTTONS*/

/*+++++++++++++++++++++++++++++++++++FONTELLO (elimina los márgenes laterales en los elementos con clase de Fontello*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-right: 0em;
    margin-left: 0em;
}
/*+++++++++++++++++++++++++++++++++++/FONTELLO (elimina los márgenes laterales en los elementos con clase de Fontello*/

/*+++++++++++++++++++++++++++++++++++SCROLLBAR*/
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(0,0,0,.3) rgba(0,0,0,.2);
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 15px;
}

*::-webkit-scrollbar-track {/*FONDO*/
    background: rgb(255 255 255);
}

*::-webkit-scrollbar-thumb {/*BARRA*/
    background-color: rgb(28 28 28 / 48%);
    border-radius: 0px;
    border: 0px solid rgb(28 28 28 / 48%);
}
/*+++++++++++++++++++++++++++++++++++/SCROLLBAR*/

/*+++++++++++++++++++++++++++++++++++BOOTSTRAP FORMS*/
.form-select {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #222;
    background-position: right .3rem center;
}
.form-select:focus {
    border-color: #ffffff00;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(113 113 113 / 25%);
}
.form-control {
    color:#222;
    -webkit-text-stroke: .01em currentcolor; 
    border:1px solid #c1c1c1;
    border-radius: 0;
}
.form-control:focus {
    color: #000;
    background-color: #f6f6f6;
    border-color: rgba(0,0,0,.1);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(152 152 152 / 25%);
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(0,0,0,.3);
    font-size:.8em;
    opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(0,0,0,.3);
    font-size:.8em;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(0,0,0,.3);
    font-size:.8em;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #ebebeb;
    opacity: .6;
}
.form-control:disabled:focus, .form-control[readonly]:focus {
    border: 1px solid #c1c1c1;
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}
.form-label {
    margin-bottom: .3em;
    font-size: .9em;
    color: #383838;
    -webkit-text-stroke: .02em currentcolor;
}
.campo-opcional {
    font-weight:normal;
    text-transform: uppercase;
    font-size: .7em;
    color: #e60000;
    letter-spacing: .03em;
}
.disclaimer{
    margin-top: .5em;
    font-size: .8em;
    color: #888;
    font-style: italic;
    text-align: right;
}
.disclaimer a { color: #e60000; }
.disclaimer a:hover, .disclaimer a:focus, .disclaimer a:active { color: #4f0000 !important; }
.campo-obligatorio label{
    display:flex;    
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.campo-obligatorio .campo-obligatorio-warning{
    background: #dd5c5c;
    color: white;
    font-size: .65em;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    padding: 0.3em 0.3em 0.2em 0.3em;
    margin-left: 0.6em;
    text-align: center;
    -webkit-text-stroke: 0em currentcolor;
    border-radius: 0.4em;
}
.campo-obligatorio .form-control, .campo-obligatorio .select2-container--default .select2-selection--single {
    border:1px solid #dcaaaa;
}
/*+++++++++++++++++++++++++++++++++++/BOOTSTRAP FORMS*/

/*+++++++++++++++++++++++++++++++++++SELECT2 DEFAULT STYLES*/
.form-select{
    padding: .3em .6em;
    font-size: 1.2em;
    margin: .3em 0;
    border: 1px solid rgba(0,0,0,0);
    background-color: #515151;
    color: #fff;
}
@media (min-width: 992px){
    .form-select{
	padding: .2em 1.8em .2em .3em;
	font-size: 1em;
	margin:0;
    }
}
.select-container-outer .selection{
}
span.select2.select2-container.select2-container--default {
    max-width: 100% !important;
    width:100% !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #c1c1c1 !important;
    border-radius: 0;
    background-color: #fff;
    font-weight: 400;
    color: #222;
    display: block;
    width: 100%;
}
.select-container-outer .select2-container--default .select2-selection--single {
    height:auto;
    min-height:38px;
    display: block;
    padding: .375rem .75rem;
    padding-right: 2em;
}
.select2-container--default .select2-selection--single:focus {
    outline: 0;
    border-color: rgba(0,0,0,.1);
    box-shadow: 0 0 0 0.25rem rgb(152 152 152 / 25%);
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    opacity: .6;
}
.select2-container--default.select2-container--disabled .select2-selection--single:focus,  
.select2-container--default.select2-container--disabled .select2-selection--single:active{
    border: 1px solid #c1c1c1 !important;
    box-shadow: 0 0 0 0rem rgb(0 0 0 / 0%);
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;	
    color: #222;
    -webkit-text-stroke: .02em currentcolor; 
    line-height: 1.5;
}
.select2-selection__rendered {
    font-weight: normal !important; 
}
.select-container-outer{
    position:relative;
}
.select-container-outer .select-arrow{
    position: absolute;
    top: 50%;
    right: .6em;
    transform: translate(0%, -50%);
    width: auto;
    height: auto; 
    background-image: none; 
    pointer-events: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    display: none !important;
}
/*BUSCADOR*/
.select2-search--dropdown {
    display: block;
    padding: .5em .4em .5em .4em;
    position:relative;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.3);
    width: 100%;
    box-sizing: border-box;
    padding: .5em 2em .3em .2em;
    font-family: 'VodafoneLight', sans-serif;
    color: #222;
}
.select2-container--default .select2-search--dropdown:focus-within .select2-search__field {
    box-shadow:0px 1px 0px 0px rgb(0 0 0 / 100%);
}
.select2-search--dropdown:after {
    position: absolute;
    top: 50%;
    right: .8em;
    transform: translate(0%, -50%);
    font-family: "fontello";
    font-weight: 900;
    content: "\e809";
    font-size: 1em;
    color: #999;
    pointer-events: none;
}
.select2-search--dropdown:focus-within:after {
    color:#222;
    -webkit-text-stroke: 1px currentcolor; 
    transition: all .3s ease;
}
/*/BUSCADOR*/
/*DROPDOWN*/
.select2-container--default .select2-results>.select2-results__options {
    max-height: 280px;
}
.select2-dropdown {
    background-color: #fafafa;
    border: none;
    border-radius: 0px;
    box-shadow: 0px 26px 20px -12px rgb(0 0 0 / 60%), inset 0px 0px 1px 1px rgba(0,0,0,.2);
    top: -4px;
}
@media (min-width: 992px){
    .select2-dropdown { top: 0px; }
}
.select2-results__option[aria-selected] {
    font-size: .9em;
    padding: .6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: rgba(0,0,0,.1);
    color: #212529;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover{
    background-color: #484848 !important;
    color: white !important;	    
}
/*/DROPDOWN*/
/*+++++++++++++++++++++++++++++++++++/SELECT2 DEFAULT STYLES*/

/*+++++++++++++++++++++++++++++++++++BOOTSTRAP ALERTS*/
.alert { 
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .3em 0;
    margin-bottom:.2em;
}
.alert div{ 
    font-size: 2em; 
    flex-basis:calc(20% - 0em);
    text-align:center;
}
.alert ul{
    flex-basis:calc(80% - .5em);
    font-family: VodafoneLight, sans-serif;
    padding: 0;
    margin: 0;
}
.alert ul li{
    list-style-type: none;
    border-top: 1px solid rgba(255,255,255,.4);
    padding: .3em 0;
    margin: .2em 0 0 .2em;
    font-size: .9em;
}
.alert ul li:first-child{
    border-top:1px solid rgba(255,255,255,0);
}
.alert-danger {
    color: #ffffff;
    background-color: #e60000;
}
/*+++++++++++++++++++++++++++++++++++/BOOTSTRAP ALERTS*/

/*+++++++++++++++++++++++++++++++++++BOOTSTRAP CAROUSEL*/
.carousel-indicators {
    position: absolute;
    right: 1em;
    bottom: auto;
    top: 1em;
    left: auto;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 0%;
    margin-bottom: 0rem;
    margin-left: 0%;
    list-style: none;
}
.carousel-control-next, 
.carousel-control-prev, 
.carousel-control-next:focus, 
.carousel-control-prev:focus{
    position: absolute;
    top: -35%;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 100px;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: 0;
    transition: opacity .15s ease;
}
@media (min-width: 920px){
    .carousel-control-next, 
    .carousel-control-prev, 
    .carousel-control-next:focus, 
    .carousel-control-prev:focus{
    	width: 8%;
    }
}
.carousel:hover .carousel-control-next, 
.carousel:hover .carousel-control-prev, 
.carousel:hover .carousel-control-next:focus, 
.carousel:hover .carousel-control-prev:focus{
    opacity:.5;
}
.carousel:hover .carousel-control-next:hover, 
.carousel:hover .carousel-control-prev:hover{
    opacity:.7;
}
.carousel-control-next-icon, 
.carousel-control-prev-icon {
    position: relative;
    display: inline-block;
    width: 3.5em;
    height: 3.5em;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 70% 70%;
    background-image: none;
    background-color: rgba(0,0,0,.5);
    border-radius: 10em;
}
.carousel-control-next-icon i, 
.carousel-control-prev-icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size:2em;
}

/*MULTIPLE ITEMS*/
.carrusel-terminales-container{
    width:100%;
    margin: 3em 0;
}
.carrusel-terminales{

}
.carrusel-terminales .carousel-inner{
    overflow-y: visible;
}
.carrusel-terminales .carousel-item .col-12  {

}
.carrusel-terminales-item{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 282px;
    margin-top: 1em;
    padding: 0;
    text-align: center;
}
@media (min-width: 768px){
    .carrusel-terminales-item{
        margin-top: 1.5em;
        height: 230px;
    }
}

.carrusel-terminales-item img {height:250px;}
@media (min-width: 768px){
    .carrusel-terminales-item img {height:175px;}
}
.carrusel-terminales-item p {
    margin:1em 0 .5em 0;
    text-align:center;
    font-family:'VodafoneRegular', sans-serif;
    font-size:.9em;
}
/*+++++++++++++++++++++++++++++++++++/BOOTSTRAP CAROUSEL*/

/*+++++++++++++++++++++++++++++++++++BOOSTRAP MODAL*/
@media (min-width: 576px) and (max-width: 991.5px){
    .modal-dialog {
	max-width: 600px;
    }
}
.modal-content {
    background-color: #fff;
    border: none;
    border-radius: 0rem;
    box-shadow: 0px 0px 12px 10px rgb(0 0 0 / 17%);
}
.modal-header {
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: rgb(172 19 19 / 100%);
    background: linear-gradient(149deg, rgb(189 34 34 / 100%) 0%, rgb(89 2 2 / 100%) 100%);
    color: #fff;
}
.modal-header .btn-close {
    width: 2em;
    height: 2em;
    padding: 0 !important;
    font-size: 1.5em;
    color: #fff;
    background: none;
    border: 0;
    border-radius: 0;
    opacity: .6;
}
.modal-header .btn-close:hover {
    color: #fff;
    opacity: 1;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: .01em currentcolor;
}
.modal-body p{
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1.1em;
    -webkit-text-stroke: .02em currentcolor;	
}
.modal-body .modal-blq-datos{
    width: 80%;
    max-width: 500px;
    margin: .5em auto 1em auto;
    padding: 1em;
    border-radius: .3em;
    background: rgba(0,0,0,.1);
    text-align: center;
}
.modal-body .modal-blq-datos span{
    margin-bottom:.6em;
    font-size:.9em;		
    -webkit-text-stroke: .01em currentcolor;
    color:rgb(172 19 19 / 100%);		
}
.modal-body .modal-blq-datos strong{
    font-size:1.2em;
}
.modal-body ul{
    margin: .5em;
    padding: 0;
}
.modal-body ul li{
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: .5em .2em;
    font-size: 1.05em;
    line-height: 1.2;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: 0.02em currentColor;
}	
.modal-body ul li:last-child{
    border-bottom: none;
}
.modal-body .big-i{
    margin:.7em 0;
    font-size:5em;
    color:rgba(0,0,0,.2);
}
.modal-footer{
    padding: .3rem .75rem .75rem .75rem;
    background: #f1f1f1;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-footer form{
    width:100%;
    margin:0;
    text-align:right;
}
.modal-footer button, 
.modal-footer a, 
.modal-footer input{
    display:block;
    width:100%;
    margin-top:.7em;
    -webkit-text-stroke: .01em currentcolor;
}
@media (min-width: 600px){
    .modal-footer{
	padding: .75rem;
    }
    .modal-footer button, 
    .modal-footer a, 
    .modal-footer input{
	display:inline-block;
	width:auto;
	min-width:100px;
	margin-top:0em;
    }
}
/*SCROLLBAR MODAL*/
.modal {
    scrollbar-width: thin;
    scrollbar-color: rgb(155 27 27 / 100%) #d0d0d0;
}
.modal::-webkit-scrollbar {
    width: 15px;
}
.modal::-webkit-scrollbar-track {
    background: #d0d0d0;
}
.modal::-webkit-scrollbar-thumb {	  
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.7);
    border-radius: 0px;
    border: 0px solid #d0d0d0;
    background: rgb(155,27,27);
}
/*+++++++++++++++++++++++++++++++++++/BOOSTRAP MODAL*/

/*+++++++++++++++++++++++++++++++++++PAGINATION*/
.pagination{
    margin:1em 0;
}
.pagination li {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    margin: .5em;
    text-align: center;
    border: 1px solid rgba(0,0,0,.1);
    background-color: rgba(255,255,255,.25);
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: .01em currentColor;
    font-size: 1.3em;
    color: #222;
    line-height: 1;
}
.pagination li a {
    display:block;
    color: #222;
    transition: all .3s ease;
}
.pagination li a:hover {
    background-color: rgba(255,255,255,.5);
    color: #000;
    -webkit-text-stroke: .03em currentColor;
}
.pagination li.disabled {
    background: rgba(255,255,255,.05);
    color: #6a6a6a !important;
    border: 1px solid rgba(0,0,0,0);
}
.pagination li.active {
    background: rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,1);
}
.pagination li a, 
.pagination li.disabled, 
.pagination li.active {
    padding: .5em .7em !important;	
}

@media (min-width: 600px){	
    .pagination li {
    	margin: 0;
	font-size: 1em;
    }
    .pagination li a, 
    .pagination li.disabled, 
    .pagination li.active {
        padding: .8em 1em !important;   
    }
}

/*+++++++++++++++++++++++++++++++++++PAGINATION*/

/*+++++++++++++++++++++++++++++++++++TOOLTIP*/
@media (max-width: 991.5px){  
    .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
        transform: translate(0px, 10px) !important;
    }
}
/*+++++++++++++++++++++++++++++++++++/TOOLTIP*/
/*||||||||||||||||||||||||||||||||||||||||||||||/GENERICOS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||HEADER||||||||||||||||||||||||||||||||||||||||||||||*/
header{
    position: fixed;
    top:0;
    width: 100%;
    box-shadow: 0px 5px 24px -10px rgb(0 0 0 / 50%);
}
header nav{
    background:#fff;
}
.navbar{
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.navbar-expand-lg .navbar-nav { display: block; }
header .navbar-nav{ margin: 0; }
@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
	display: block!important;
    }
    .navbar-nav li{ display:inline-block; }
}

/*+++++++++++++++++++++++++++++++++++HEADER COLLAPSED*/
header .navbar>.container-fluid{
    justify-content: flex-end;
}
.navbar-toggler {
    position: relative;
    width: 2.2em;
    height: 2.2em;
    margin: .4em;
    padding: 0em;
    line-height: 1;
    background-color: rgba(1,1,1,.05);
    color:rgba(0,0,0,.3);
    border: none;
    border-radius: 8em;
    transition: all .3s ease;
}
.navbar-toggler:hover, .navbar-toggler:focus {
    background-color: rgba(1,1,1,.1);
    box-shadow: 0px 0px 0px 3px rgb(0 0 0 / 20%);
}
.navbar-toggler i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2em;
    color:rgba(0,0,0,.3);
}
.navbar-toggler:hover i, .navbar-toggler:focus i {
    color:rgba(0,0,0,.8);
}

.navbar-collapse.collapse.show{ /*Para hacer scroll en el menú en pantallas de poca altura*/
    max-height:calc(100vh - 60px);
    overflow-y:auto;
}
/*+++++++++++++++++++++++++++++++++++/HEADER COLLAPSED*/

/*+++++++++++++++++++++++++++++++++++HEADER ESTRUCTURA FLEX*/
.navbar .container-fluid{
    padding:0;
}
.navbar-options{
    display:block;
    min-height:1em;
    font-family: VodafoneRegular, sans-serif;
    padding: 0;   
}
.navbar-options-dark{
    /*background: #222;*/
    background: #d4d4d4; 
    /*color:#e4e4e4;*/color:#000;
    padding:1em 0 .5em 0;
}
.navbar-options-light{
    background:#fff;
    color: #222; 
    padding: .2em 0 0 0;
}
@media (min-width: 992px){
    .navbar-options-dark{
	padding: .4em 0;
	font-family: VodafoneLight, sans-serif; 
    }
}
.navbar-options-inner{
    display:flex;
    justify-content:space-between;	
    align-items: center; 
    flex-direction: column;
}
.navbar-options-content{
    padding:0 .3em;
    flex-basis:calc(100% - .6em);
    width: 100%;
}
.navbar-options-content-left{
    display:block; 
    text-align: center;
}

.navbar-options-content-right{
    display:flex;
    flex-direction:column;
    text-align: center;
    padding:0;
    flex-basis:100%;
}
.navbar-options-content-left .navbar-options-content-inner, 
.navbar-options-content-right .navbar-options-content-inner{
    padding:0 .3em;
    flex-basis:calc(100% - .6em);
    text-align: left;
}
.header-select-with-button{ position:relative; }
@media (min-width: 992px){
    .navbar-options-inner{ 
	display: flex;
	flex-direction: row;
    }
    .navbar-options-light .navbar-options-inner{ 
	padding:.4em 0 .6em 0;
    }
    .navbar-options-content{
	padding:0 .6em;
	flex-basis:auto;
	width: auto;
    }
    .navbar-options-content-left{
	display:flex;	
	justify-content: flex-start;
	align-items: center; 
    }		
    .navbar-options-content-right{
	order: 0;
	display:flex;	
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
    }
    .navbar-options-content-left .navbar-options-content-inner{ 
	padding: 0 .5em; 
	text-align: left;
	flex-basis:auto;
    }
    .navbar-options-content-right .navbar-options-content-inner{
	padding: 0 0 0 1em; 
	text-align: right;
	flex-basis:auto;
    }
    .header-select-with-button{
	display:flex;
	justify-content:space-between;	
	align-items: center; 
    }
}
@media (min-width: 1600px){
    .navbar-options-light .navbar-options-inner{ 
	padding:.5em 0;
    }
}
/*/+++++++++++++++++++++++++++++++++++HEADER ESTRUCTURA FLEX*/

/*+++++++++++++++++++++++++++++++++++ICONOS/BOTONES BARRA SUPERIOR*/
/*Boton y txt admin*/
.navbar-options-content-inner.header-perfil-admin{
    display:flex;	
    justify-content: flex-start;
    align-items: center;
}
.header-perfil-admin{			
    position: absolute;
    top: .8em;
    left: .3em;
}
.header-perfil-admin-txt{ display:none; }
.header-perfil-admin-txt span{
    font-size: .7em;
    text-transform: uppercase;
    font-family: VodafoneLight, sans-serif;
    /*color: #eaeaea;*/color: #000;
}
@media (min-width: 992px){
    .header-perfil-admin-txt{ display:block; }
    .header-perfil-admin{			
	position: static;
	top: 0;
	left: 0;
    }
}
.enlace-preproduccion {
    position: relative;
    display: block;
    min-width: 1em;
    line-height: 1; 
    font-size:2em;
    width: 1em;
    height: 1em;
}	
.enlace-preproduccion i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.enlace-preproduccion i{ color: #777; }
.enlace-preproduccion:hover i{ color: #555; }		
.enlace-preproduccion-activo i{ 
    color: #17bb9d !important; 
    -webkit-text-stroke: 1px currentcolor; 
}
.enlace-preproduccion-activo:hover i{ 
    color: #329885 !important; 
    -webkit-text-stroke: 1px currentcolor; 
}
@media (min-width: 992px){
    .enlace-preproduccion{
    	font-size: 1.5em;
    	width:auto;
    	height:auto;
    	text-align: center;
    	margin-top:0;
    }	
    .enlace-preproduccion i{ /*color:#dcdcdc;*/color:#555; }
    .enlace-preproduccion:hover i{ /*color:#fff;*/color:#000; }
    .enlace-preproduccion-activo i{ color:#65f9de; }
    .enlace-preproduccion-activo:hover i{ color:#329885; }
}

/*SELECT SFIDS: SFID sin combo y boton de suplantar */
.sfid-block.no-combo {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:85%;
    max-width: 970px;
    padding: .5em .5em;
    margin: .5em 0;
    font-size: 1.1em;
    border-radius: .3em;
    background-color: #44c9b0;
    font-family: 'VodafoneRegular';
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
}
@media (max-width: 350px){
    .sfid-block.no-combo { max-width: 250px; }
} 
@media (min-width: 992px){
    .sfid-block.no-combo { 
	max-width: 260px;
	margin: 0;
	padding: .3em .5em;
	font-size: .9em;
    }
}
.enlace-suplantar {
    display: block;
    float:right;
    min-width: 1em;
    line-height: 1; 
    font-size:2em;
    width: 1em;
    height: 1em;
    text-align:right;
    margin-top:0em;
}
.enlace-suplantar i{ color: #eaeaea !important; }
.enlace-suplantar:hover i{ color: #fff !important; }	
.enlace-suplantar-activo {
    display: block;
    float:none;
    position: absolute;
    top: 50%;
    right: .2em;
    transform: translate(0%, -50%);
    min-width: 1em;
    line-height: 1; 
    font-size:2em;
    width: 1em;
    height: 1em;
    text-align:right;
    margin-top:.07em;
}	
.enlace-suplantar-activo i{ color: #17bb9d !important; }
.enlace-suplantar-activo:hover i{ color: #329885 !important; }
@media (min-width: 992px){ 
    .enlace-suplantar, 
    .enlace-suplantar-activo {
    	float:none;
	position: static;
	top: 0;
	right: 0;
	transform: translate(0%, 0%);
    	font-size: 1.5em;
    	width:auto;
    	height:auto;
    	text-align: center;
    	margin-top:.05em;
    	margin-left:.3em;
    }	
    .enlace-suplantar i{ color:#dcdcdc; }
    .enlace-suplantar:hover i{ color:#fff; }
    .enlace-suplantar-activo i{ color:#65f9de; }
    .enlace-suplantar-activo:hover i{ color:#329885; }
}
/*+++++++++++++++++++++++++++++++++++/ICONOS/BOTONES BARRA SUPERIOR*/

/*+++++++++++++++++++++++++++++++++++HEADER FORM*/
.header-select-sfid .label-for-select{
    line-height: 1;
    font-size: .7em;
    text-transform: uppercase;
    padding-top: .6em;
}
.header-select-sfid form{
    position:relative;
    margin-bottom: .5em;
}
.header-select-sfid .form-select{
    padding: .3em .6em;
    font-size: 1.2em;
    margin: .3em 0;
    border: 1px solid rgba(0,0,0,0);
    background-color: #515151;
    color: #fff;
}
@media (min-width: 992px){
    .header-select-sfid form {
	margin-bottom: 0;
    }
    .header-select-sfid .form-select{
	padding: .2em 1.8em .2em .3em;
	font-size: 1em;
	margin:0;
    }
}
/*SELECTS HEADER*/
header span.select2.select2-container.select2-container--default {
    max-height: 100% !important;
}
.header-select-sfid span.select2.select2-container.select2-container--default {
    max-width: 100% !important;
    min-width: 250px;
    width:100% !important;
}
@media (min-width: 992px){
    .header-select-sfid span.select2.select2-container.select2-container--default {
	max-width:990px !important;
    }
}
.header-select-sfid .select2-container--default .select2-selection--single {
    margin: .3em 0; 
    height: 45px;	
    font-size: .9em;
    border: 1px solid rgba(0,0,0,0) !important;
    /*border-radius: .25em;*/border-radius: 0em;
    /*background-color: #515151;*/background-color: #f3f3f3;    
    font-weight: 400;
    /*color: #fff;*/color: #000;    
    display: block;
    width: 100%;
}
@media (min-width: 992px){
    .header-select-sfid .select2-container--default .select2-selection--single{ 
	margin: 0; 
	height: 25px; 
    }
}
.header-select-sfid .select2-container--default .select2-selection--single:focus {
    border-color: #ffffff00;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 30%);
}
.header-select-sfid .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
}
.header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
    display: block;
    max-width:200px;
    padding: .6em 0 .3em 0 ;
    margin:0 1.8em 0 .6em;
    font-size: 1.2em;
    /*color: #fff;*/color: #000;
    line-height: 1.5;
}
@media (min-width: 1px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:230px;
    }
}
@media (min-width: 380px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:300px;
    }
}
@media (min-width: 567px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:500px;
    }
}
@media (min-width: 650px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:550px;
    }
}
@media (min-width: 768px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:650px;
    }
}
@media (min-width: 992px){
    .header-select-sfid .select2-container--default .select2-selection--single .select2-selection__rendered {
	max-width:400px;
    	padding: .15em 2em .3em .4em;
	margin:0;
	font-size: 1em;
    }
}
.header-select-sfid .select2-selection__rendered {
    font-weight: normal !important; 
}
.header-select-sfid{
    position:relative;
}
.header-select-sfid .header-select-arrow{
    position: absolute;
    top: 50%;
    right: .6em;
    transform: translate(0%, -50%);
    width: auto;
    height: auto; 
    background-image: none; 
    pointer-events: none;
}
@media (min-width: 992px){
    .header-select-sfid .header-select-arrow { 
	right: .5em;
    	font-size: .8em;
    }
}
/*SELECTS HEADER*/
/*+++++++++++++++++++++++++++++++++++/HEADER FORM*/

/*+++++++++++++++++++++++++++++++++++MENU*/
.navbar-nav{
    padding: 0em;
}
@media (min-width: 992px){
    .navbar-nav{
	padding: 0 .3em;
    }
}

@media (max-width: 991.5px){
    .logo-menu img{ display:none; }
    .logo-menu span{  }
}
@media (min-width: 992px){
    #belt2{ 
	position:relative; 
    }
    .logo-menu img{ 
	position: absolute;
	top: -16px; /* -4px; */
	left: 0;
	max-width: 65px; /* 120px; */
    }
    .logo-menu span{ visibility:hidden; }
}
.nav-item{ 
    text-align: left;
    border-radius:0em;
    background: rgba(0,0,0,.05);
    border-bottom: 1px solid rgb(0 0 0 / 12%);
    transition: all .1s ease;
}
.nav-item:last-child{ 
    text-align: left;
    border-bottom:none;
}
.nav-item .nav-link{
    padding:.5em 0em !important;
    font-size: 1em;
    font-family: VodafoneLight, sans-serif;
    color: rgb(0 0 0 / 75%) !important;
    -webkit-text-stroke: .03em rgba(0,0,0,0);
    transition: all .3s ease;
}
.nav-item .nav-link:hover{
    -webkit-text-stroke: .03em currentcolor;
    /*background: rgba(0,0,0,.1);
	    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);*/
}
.nav-item.active, .nav-item.active:hover{
    color: rgb(230 0 0) !important;
    -webkit-text-stroke: .03em currentcolor;
}	
.nav-item.active  .nav-link, .nav-item.active:hover .nav-link{
    color: rgb(230 0 0) !important;	
    -webkit-text-stroke: .05em currentColor;	     
}
@media (max-width: 991.5px){	
    .nav-item .nav-link{

	font-size: 1.2em;
	padding:.6em .5em !important;
    }
}
@media (min-width: 992px){	
    .nav-item{ 
	text-align: center;
	margin:0 .3em;
	background:none;
	border-bottom:none;
	-webkit-text-stroke: .03em currentcolor; 
	position:relative;
    }
    .nav-item:hover{		
	background: rgba(0,0,0,0);
	color: rgb(0 0 0 / 100%) !important;
	-webkit-text-stroke:  .03em currentcolor; 
    }
    .nav-item .nav-link.logo-menu{		
	padding:0em 0em 0em .6em !important;
	font-size: 2em;
    }	
}

@media (min-width: 1200px){  
    .nav-item{ 
        margin:0 .5em;
    }
    .nav-item .nav-link{
	font-size: 1em;
    }
}
@media (min-width: 1600px){  
    .nav-item .nav-link{
	padding:.5em .3em !important;
	font-size: 1.4em;
    }
}
@media (min-width: 1920px){  
    .nav-item .nav-link{
	padding:.5em .6em !important;
    }
}
/*+++++++++++++++++++++++++++++++++++/MENU*/

/*+++++++++++++++++++++++++++++++++++DATOS USUARIO*/
.navbar-options-user{
    order: -1;
    flex-direction: column;
    flex-basis:100%;
    width: 100%;
}
@media (min-width: 576px){
    .navbar-options-user{
	flex-direction: row; 
	align-items: center; 
	justify-content:center;
	margin: .3em 0 0 0; 
	zoom: 1.3;
    	-moz-transform: scale(1.3);
    }	
}
@media (min-width: 992px){
    .navbar-options-user{ 
	order: 0;
	justify-content:flex-end; 
	flex-basis:auto;
	width: auto;
	margin: 0; 
	padding: 0;
	zoom: 1;
    	-moz-transform: scale(1);
    }	
}
@-moz-document url-prefix() {
    .navbar-options-user{ margin: 1em 0 .5em 0; }
    @media (min-width: 992px){
	.navbar-options-user{ margin: 0; }
    }
}
/*BLQ HOLA*/
.hola-user{
    width:auto;
}
.hola-user p{
    margin: .6em 0 0 0;
    font-family: VodafoneRegular, sans-serif;
    font-size: 1.6em;
    text-align: center;
}
@media (min-width: 576px){
    .hola-user{ 
	max-width:300px; 
	width:auto; 
    }
    .hola-user, 
    .numero-saldo, 
    .user-boton{
	flex-basis:auto !important;
	padding: 0 0 0 .5em !important;
    }		
    .hola-user p{
	margin:0 .5em 0 0;
	font-family: VodafoneRegular, sans-serif;
	font-size:1.1em;
        text-align: left;
    }
}

/*/BLQ HOLA*/
/*BLQ SALDO*/	
.numero-saldo {
    display: flex;    	
    align-items: center; 
    justify-content: center;
    margin: .8em auto;
    padding: 0em !important;
    width: 90%;
    max-width: 300px;
    font-size: 1.2em;
}
.saldo {
    display: flex;    	
    align-items: center; 
    justify-content: center;
    background: #e60000;
    padding: .8em .4em !important;
    width: 100%;
    border-radius: .5em;
}
.saldo:hover { background: #4f0000; }
.saldo i {
    color: #fafafa;
    font-size: 1.8em;
}
.saldo:hover i{ color:#fff; }
.saldo .saldo-cantidad {
    color: #fafafa;
    font-size:1.5em;    
    line-height: 1;
    font-family: 'VodafoneBold', sans-serif;
    display: flex;    	
    align-items: center; 
    justify-content: center;
}	
.saldo .saldo-cantidad span{
    font-size:.7em;
    margin-left: .2em;
}
.saldo:hover .saldo-cantidad{ color:#fff; }
.saldo .saldo-texto {
    /*color: #fafafa;
	line-height: 1;
	font-size:1em;*/
    display:none;
}
.saldo:hover .saldo-texto{ color:#fff; }
@media (min-width: 576px){
    .numero-saldo {
	order:0;
	margin: 0 .2em;
	padding:0 !important;
	width:auto;
    }
    .saldo{
	background: none !important;
	padding: 0em !important;
	width: auto;
	border-radius: 0;
	margin-top: 0.1em;
    }
    .saldo i {
	color: #e60000;
	font-size: 1.5em;
	margin:0;
	padding-bottom: .2em;
    }
    .saldo:hover i{ color:#000; }
    .saldo .saldo-cantidad {    
	margin-bottom: .1em;
	color: #e60000;
	font-size:1.4em;    
	line-height: 1;
	font-family: 'VodafoneBold', sans-serif;
    }	
    .saldo:hover .saldo-cantidad{ color:#000; }
    .saldo .saldo-cantidad span{
	font-size:.6em;
	margin: .4em .2em .2em .2em;
    }
    .saldo .saldo-texto {
	color: rgba(0,0,0,.5);
	line-height: 1;
	font-size:.8em;
	margin:0 .5em 0 .2em;
    }
    .saldo:hover .saldo-texto{ color:#000; }
}
/* 
 * @media (min-width: 992px) and (max-width: 1280px){
    .numero-saldo {
        display: none;
    }
} 
*/
@media (min-width: 1200px){
    .saldo .saldo-texto {
        display:block;
        color: rgba(0,0,0,.5);
        line-height: 1;
        font-size:.8em;
        margin:0 .3em 0 .2em;
    }
}
/*/BLQ SALDO*/
/*BLQ BOTONES USER Y LOGOUT*/
.user-boton{ 
    padding: 0 !important;
    margin: 0;
    width: 100%;
}
.user-boton a {
    text-align: center;
    display: flex;
    padding: .7em 0;
    width: 100%;
    margin: 0em 0;
    color: #eaeaea;
    background: rgb(0 0 0 / 42%);
    border-bottom: 1px solid rgba(0,0,0,.2) !important;
    justify-content: center;
    align-items: center; 
}
.user-boton a:hover {
    color: #fff;
    background: rgb(0 0 0 / 67%);
}
.user-boton a span, .user-boton a i { 
    line-height:1; 
    padding:0 .3em; 
}
.user-boton a span { font-size:1.4em; }
.user-boton a i { font-size:1.8em; }
@media (min-width: 576px){
    .user-boton{
	width: auto; 
    }
    .user-boton a { 
	color: #222;
	font-size: 1em;
	margin: 0 .2em;
	padding: 0;
	width: auto;
	border-bottom:none !important;
	background: none !important;
    }
    .user-boton a i{ 
	padding: 0 .1em;
	font-size: 1.5em;
	-webkit-text-stroke:  .02em rgba(0,0,0,0); 
    }
    .user-boton a:hover { color: rgba(0,0,0,1); }	
    .user-boton a:hover i{ -webkit-text-stroke:  .02em currentcolor; }
}
/*/BLQ BOTONES USER Y LOGOUT*/
/*+++++++++++++++++++++++++++++++++++/DATOS USUARIO*/
/*||||||||||||||||||||||||||||||||||||||||||||||/HEADER||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||LOGIN||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++ESTRUCTURA LOGIN*/
.acceder-outer{
    width:100%;
    height:100vh;
    position:relative;
    background-color:#000000;
    /*background: url(../img/login/login.jpg);*/
    background: url(../img/login/login2023.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media (max-height: 767.5px){  
    .acceder-outer{         
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 100%;
    }
}
@media (max-width: 599.5px){  
    .acceder-outer{         
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: 140%;
    }
}
.acceder-inner{	
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 100vh !important;
    color: #000000 !important;
    /*background: rgb(255 255 255 / 85%);*/
}
@media (min-width: 600px){ 	
    .acceder-inner{		    
	max-width: 450px;
	background: rgb(255 255 255 / 0%);
    }
}
@media (max-height: 480px){  
    .acceder-inner{         
        max-width: 100%;
        background: rgb(255 255 255 / 85%);
    }
}  
@media (max-height: 767.5px) and (orientation: landscape){  
    .acceder-inner{         
        max-width: 100%;
        background: rgb(255 255 255 / 85%);
    }
}   
@media (min-width: 1280px){ 	
    .acceder-inner{	
	max-width: 500px;
    }
}
@media (min-width: 1920px){ 	
    .acceder-inner{	
	max-width: 800px;
    }
}
@media (min-width: 2560px){ 	
    .acceder-inner{	
	max-width: 1000px;
    }
}
.acceder-header {	
    padding:0;	
    font-family: VodafoneBold, sans-serif;
    text-align: center;
    margin-bottom: 0px;
    position:relative;
}
.img-login{  
    max-width: 240px;
    margin-bottom: 0.3em;
}

.acceder-body { 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width:100%;
    padding:0 2em;

    /*ESTILOS TEMPORALES*/
    /*background: rgb(255 255 255);*/
    border-radius: .5em;
    padding: 2em;
}
/*Controlamos posición de formulario login en vertical*/
@media (max-width: 599.5px){
    .acceder-body{
        width: 90%;
    }
}
@media (min-height: 1px){
    .acceder-body { 
	top: 50%;
	transform: translate(-50%, -50%); 
    } 
}
@media (max-height: 767.5px){  
    .acceder-body { 
        max-width: 450px;
        margin: 0 auto;
    } 
}
@media (min-height: 720px){
    .acceder-body { 
	top: 2em;
	transform: translate(-50%, 0%); 
    } 
}
@media (min-height: 900px){
    .acceder-body { 
	top: 8em;
    } 
}
@media (min-height: 1080px){
    .acceder-body { 
	top: 12em; 
    } 
}
@media (min-height: 1600px){
    .acceder-body { 
	top: 30em; 
    } 
}
@media (min-height: 2048px){
    .acceder-body { 
	top: 40em; 
    } 
}
/*/Controlamos posición de formulario login en vertical*/

@media (min-width: 1920px){ .acceder-body{ width: 75%; } }
@media (min-width: 2560px){ .acceder-body{ width: 65%; transform: translate(-50%, -50%) scale(1.3); } }
.acceder-body h1 {			
    color:#e60000 !important;
    font-family: VodafoneBold, sans-serif;
    font-size: 3.5em;
    text-align:center;
    margin: 0  !important;
    padding: 0 0 .2em 0 !important;
    width:100%;
}
.acceder-body h1 span {
    font-family: VodafoneRegular, sans-serif;
}
.acceder-body h2 {			
    color: #000000 !important;
    font-family: VodafoneRegular, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    margin: 0 !important;
    padding: .6em 0 .2em 0 !important;
    width: 100%;
}	
.acceder-body p {			
    font-size: .9em;
    font-family: VodafoneLight, sans-serif;
}
.acceder-body input {			
    font-size: 1.3em;
    padding: 1.2em 1em;
    margin: .4em 0;
}

@media (max-width: 551px){
    .acceder-body{padding:0 1.5em 1em 1.5em;}
    .acceder-body h1 {font-size: 2.5em;}
}
/*+++++++++++++++++++++++++++++++++++/ESTRUCTURA LOGIN*/

/*+++++++++++++++++++++++++++++++++++FORM LOGIN DEFAULT (con fondo blanco)*/
.acceder-inner .form__input--floating {
    position:relative;
}
.acceder-inner .form__input--floating input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(255,255,255,0%);
    outline: 0;
    font-size: 1.3em;
    line-height: 1.42857;
    font-weight: normal;
    font-family: VodafoneRegular, sans-serif;
    border: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,.6);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    width: 100%;
    color: rgba(0,0,0,0.9);
    height: 45px;
    padding: 20px 0px 6px 0px;
    transition: all .3s ease;
}
.acceder-inner .form__input--floating input:focus, 
.acceder-inner .form__input--floating input:active,
.acceder-inner .form__input--floating input:-webkit-autofill,
.acceder-inner .form__input--floating input:-webkit-autofill:hover, 
.acceder-inner .form__input--floating input:-webkit-autofill:focus, 
.acceder-inner .form__input--floating input:-webkit-autofill:active{        
    outline: none !important;		
    border: 1px solid rgba(0,0,0,0);
    border-top: 1px solid rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 10px #ffffff00 inset !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 10px #ffffff00 inset !important;
}
.acceder-inner .form__label--floating {
    font-size: .8em;
    line-height: 1.33333;
    font-family: 'VodafoneBold', sans-serif;
    color: rgb(0 0 0);
    position: absolute;
    top: 0em;
    left: 0;
    padding: 0;
    padding: 14px 0 0 0px;
    margin: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .2s all;
    transition: .2s all;
}
.acceder-inner .form__label--floating.transform {
    transform: translateY(-3px);
    font-size: 0.7em;
    font-family: 'VodafoneRegular', sans-serif;
    color: rgba(0,0,0,0.6);
}
.acceder-inner .form__input--floating i {
    position: absolute;
    right: 0.5em;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 1.6em;
    color: #686868;
    -webkit-text-stroke: .01em currentcolor;
}
/*+++++++++++++++++++++++++++++++++++/FORM LOGIN*/

/*+++++++++++++++++++++++++++++++++++FOOTER LOGIN*/
@media (max-width: 599.5px){ 
    .login-buttons{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction:column-reverse;
    }
    .login-buttons-inner{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
    }
}
@media (min-width: 600px){ 
    .login-buttons{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center /* space-between*/;
	align-items: center;
    }
    .login-buttons-inner{
        display:flex;
        flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
        margin-top: 15px;
    }
}
.acceder-inner a {
    color: #555 !important;
    display: inline-block;
    font-size: .75em;
    margin:0 .2em;
}
.acceder-inner a:hover { color: #000 !important; }
.acceder-inner .separador { display: inline-block; }
@media (max-width: 599px){ 
    .acceder-inner a {
	display: block;
	margin: .5em 0em;
    	font-size: .9em;
    }
    .acceder-inner .separador { display: none; }
}

.acceder-inner button, .acceder-inner .btn-primary{
    margin: 0;
    width:100%;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    max-width: 100% /*100px*/;
    padding: 0.2rem 0.5rem;
    font-family: 'VodafoneBold', sans-serif;
    color: #fff !important;
    font-size:1.1em !important;
    background-color: #54575a;
}
.acceder-inner button:hover, .acceder-inner .btn-primary:hover{
    color: #fff !important;
}
.acceder-inner button:focus, .acceder-inner .btn-primary:focus{
    outline: none !important;  
    box-shadow: 0px 0px 0px 3px rgb(0 0 0 / 30%);
}   
@media (max-width: 599.5px){ 
    .acceder-inner button, .acceder-inner .btn-primary{margin-bottom:1em;}
}
/*+++++++++++++++++++++++++++++++++++/FOOTER LOGIN*/
.acceder-outer.proximamente .acceder-body{
    background: none;
    top: 1em;
    transform: translate(-50%, 0%);
}
.acceder-outer.proximamente h2{
    text-align: center;
    color: rgb(255 255 255) !important;
    font-size: 2em;
    font-family: VodafoneBold, sans-serif;
    -webkit-text-stroke: 0.03em currentcolor;
    letter-spacing: .08em;
    padding: .5em 1em 1em 1em !important;
}
@media (max-width: 599.5px){ 
    .acceder-outer.proximamente h2{
        font-size: 1.5em;
    }
}
.acceder-outer.proximamente .acceder-inner {
    color: #000000 !important;
    background: rgb(255 255 255 / 0%);
}

/*||||||||||||||||||||||||||||||||||||||||||||||/LOGIN||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++CONTENEDOR BODY con margen superior para ir por debajo del header fixed: común a todas las secciones*/
.container-body{
    margin-top:60px;	
    padding-right: 0;
    padding-left: 0;
    position:relative;
}
@media (min-width: 992px){	
    .container-body{
	margin-top:94px;
    }
}
/*+++++++++++++++++++++++++++++++++++/CONTENEDOR BODY*/

/*+++++++++++++++++++++++++++++++++++HOME: Bloques posicion absoluta, debajo del fondo degradado: BANNERS HOME*/
.blq-tras-bg-container{/*Contenedor para el elemento que va detrás del bg degradado*/
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
.blq-tras-bg:after{/*clase para el elemento que va detrás del bg degradado. El before genera el degradado*/
    content:'';
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%, 0%);
    height:100%;
    width:100%;
    pointer-events: none;
    /*background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0.5) 38%, rgba(238,238,238,0) 73%, rgba(238,238,238,0.006337569207370497) 100%);*/
    background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0.5) 38%, rgba(238,238,238,0) 73%, rgba(238,238,238,0.006337569207370497) 100%);
}
@media (min-width: 1400px){
    .blq-tras-bg .carousel {
	width:calc(100% - 1px);
    }
    .blq-tras-bg:after{
	width: 1380px;
    }
}
.blq-post-bg{
    margin-top: 500px;
    padding: 0 .5em;
}
@media (min-width: 1px){ .blq-post-bg{ margin-top: 108px; } }
@media (min-width: 391px){ .blq-post-bg{ margin-top: 130px; } }
@media (min-width: 481px){ .blq-post-bg{ margin-top: 160px; } }
@media (min-width: 571px){ .blq-post-bg{ margin-top: 190px; } }
@media (min-width: 661px){ .blq-post-bg{ margin-top: 220px; } }
@media (min-width: 751px){ .blq-post-bg{ margin-top: 250px; } }
@media (min-width: 841px){ .blq-post-bg{ margin-top: 280px; } }
@media (min-width: 931px){ .blq-post-bg{ margin-top: 332px; } }
@media (min-width: 1111px){ .blq-post-bg{ margin-top: 360px; } }
@media (min-width: 1201px){ .blq-post-bg{ margin-top: 420px; } }
@media (min-width: 1400px){ .blq-post-bg{ margin-top: 430px; } }

@media (min-width: 992px){ .blq-post-bg{ padding: 0 .5em;	} }
/*+++++++++++++++++++++++++++++++++++/HOME: Bloques posicion absoluta*/

/*+++++++++++++++++++++++++++++++++++CONTENEDOR SECCIONES Y FONDO SECCIONES*/
.seccion-contents-container{
    width:100%;
    position:relative;
}
.seccion-bg-inner{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    height: 20em;
    background: rgb(184 19 19);
    /*background: linear-gradient(154deg, rgb(184 19 19) 50%, rgb(155 27 27 ) 100%);*/
}
.seccion-bg-inner:after{
    content:'';
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, 0%);
    height:20em;
    width:100%;
    pointer-events: none;
    background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0.5) 38%, rgba(238,238,238,0) 73%, rgba(238,238,238,0.006337569207370497) 100%);
}	
.seccion-contents-inner{
    position:relative;
    padding:1em;
}
.seccion-contents-premios{ padding:1em 0; }
@media only screen and (min-width:992px) {
    .seccion-contents-inner{
	padding:1em 2em;
    }
    .seccion-contents-premios{ padding:1em 0; }
}
/*+++++++++++++++++++++++++++++++++++/CONTENEDOR SECCIONES Y FONDO SECCIONES*/

/*+++++++++++++++++++++++++++++++++++STICKY NOTES - heredado de MyRedPlace y reestilado*/
.stickyNote-cnt {	
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translate(-50%, 0%);
    width:90%;
    max-width:350px;
    height:270px;
}
@media only screen and (min-width:992px) {
    .stickyNote-cnt { top: 94px; }
}
.stickyNote-cnt .fa { display:none; } /*OCULTA EL ICONO DE LA MAQUETA ORIGINAL*/
.stickyNote {	
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: .5em;
    background: rgb(55 55 55);
    -webkit-border-bottom-right-radius: .8em;
    -webkit-border-bottom-left-radius: .8em;
    -moz-border-radius-bottomright: .8em;
    -moz-border-radius-bottomleft: .8em;
    border-bottom-right-radius: .8em;
    border-bottom-left-radius: .8em;
    -moz-box-shadow: 0px 20px 17px -14px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 20px 17px -14px rgb(0 0 0 / 50%);
    box-shadow: 0px 20px 17px -14px rgb(0 0 0 / 50%);
    -webkit-animation:stickyNote-anim 1s;
    animation:stickyNote-anim 1s ease-out forwards;
}
@keyframes stickyNote-anim{ 
    from {top:-200px; opacity: 0;}
    to {top:0px; opacity: 1}
}
.stickyNote p {	
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 1.4em);
    padding:.7em;
    color:#fff;
    font-size: 1.2em;		
    font-family: VodafoneLight, sans-serif;
    font-weight: normal;
}
.stickyNote p strong{
    display: block;	
    font-size: 1.4em;
    font-family: VodafoneRegular, sans-serif;
    font-weight: normal;
    line-height:1.1;
    margin-bottom:.4em;
}
.stickyNote button{
    position: absolute;
    bottom: -1.5em;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 4em;
    height: 4em;
    border: 9px solid rgb(55 55 55);
    border-radius: 10em;
    background: #fff;
    color: rgb(55 55 55);
}
.stickyNote button i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9em;
    color: #e60000;
}
.stickyNote button:hover{ background: #e60000; }
.stickyNote button:hover i{ color: #fff; }
/*+++++++++++++++++++++++++++++++++++/STICKY NOTES - heredado de MyRedPlace y reestilado*/

/*+++++++++++++++++++++++++++++++++++INCENTIVOS HOME*/
.home-incentivo-container-list, 
.home-incentivo-container-list-void{
    display:flex;
    flex-direction: column; 
    align-items: flex-start; 
    justify-content:center;
    flex-wrap:wrap;
    margin-top:1em;
    width:100%;
}
.home-incentivo-container{
    flex-basis:100%;
    width:calc(100% - 1em);
    padding: .6em;
    display:block;
    background:#b81313;
    margin: 0 .5em 1.5em .5em;
    position:relative;
}
@media (min-width: 992px) {
    .home-incentivo-container-list,  
    .home-incentivo-container-list-void{
	flex-direction: row; 
	justify-content:space-between;
    }
    .home-incentivo-container{
	flex-basis:calc(50% - 2em);
	padding: 1em;
	margin:0 1em 1.5em 1em;
    }
    .home-incentivo-container-100{
	flex-basis:100%;
	width:calc(100% - 1em);
	margin: 0 .5em 1.5em .5em 0;
    }
}
.home-incentivo-container-link{
    display:block;
}
.home-incentivo-contents{
    position:relative;
}
/*Los bloques de incentivos de la home a dos columnas tienen altura fija y scroll vertical*/
@media (min-width: 992px) {
    .home-incentivo-contents{
	height:30em;
    }
    .home-incentivo-contents-2row{
	height:36em;
    }
    .home-incentivo-container-100 .home-incentivo-contents {
	height:auto;
    }
    .home-incentivo-container-100 .home-incentivo-contents-2row {
	height:auto;
    }
}
/*/Los bloques de incentivos de la home a dos columnas tienen altura fija y scroll vertical*/

/*NOMBRE Y FECHA*/
.home-incentivo-header{
    position:relative;
    margin: 0 0 .5em 0;
    padding: .2em 5em .2em 0em;
    line-height: 1;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: 1.5em;
    color: rgb(255 255 255);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.home-incentivo-header .home-incentivo-fecha{
    position: absolute;
    top: 50%;
    right: 0em;
    transform: translate(0%, -50%);
    color: #fff;
    font-family: 'VodafoneRegular', sans-serif;
    font-weight:bold;
    font-size: .7em;
    text-transform: uppercase;
    text-align: center;
}
.home-incentivo-header .home-incentivo-fecha span{
    display:block;
    color: #fff;
    font-family: 'VodafoneLight', sans-serif;
    font-weight:normal;
    font-size: .55em;
    text-transform: uppercase;
}
/*/NOMBRE Y FECHA*/

/*IMAGEN DE FONDO*/
.home-incentivo-imagen{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
}
.home-incentivo-imagen div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 185%;
    background-position: -600px 130px;
    background-size: cover;
    background-repeat: no-repeat;
    /**/-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media (min-width: 400px) { .home-incentivo-imagen div{ background-position: -550px 130px;width: 150%; } }
@media (min-width: 450px) { .home-incentivo-imagen div{ background-position: -450px 130px;width: 150%; } }
@media (min-width: 500px) { .home-incentivo-imagen div{ background-position: -470px 130px; width: 110%; } }
@media (min-width: 600px) { 
    .home-incentivo-imagen div{ 
        width: 245%; 
        background-position: -100px 130px; 
    } 
}
@media (min-width: 680px) { 
    .home-incentivo-imagen div{ 
	width: 240%;
	height: 205%;
	background-position: -125px 135px;
    } 
}
@media (min-width: 730px) { .home-incentivo-imagen div{ width: 215%; } }
@media (min-width: 768px) { .home-incentivo-imagen div{ width: 205%; } }
@media (min-width: 820px) { .home-incentivo-imagen div{ height:200%; } }
@media (min-width: 900px) {
    .home-incentivo-imagen div{ 
	width: 235%;
	height: 130%;
	background-position: -250px -25px;
    }
}
@media (min-width: 992px) {
    .home-incentivo-imagen div{ 
	width: 350%;
	height: 100%;
	background-position: -300px top;
    }
    .home-incentivo-container-100 .home-incentivo-imagen div{ 
	width: 205%;
	height: 130%;
	background-position: -307px -52px;
    }
}
@media (min-width: 1100px) {
    .home-incentivo-imagen div{ 
	width: 280%;
	height: 100%;
	background-position: -300px top;
    }
    .home-incentivo-container-100 .home-incentivo-imagen div{ 
	width: 160%;
	height: 128%;
	background-position: -185px -25px;
    }
}
.home-incentivo-imagen:after {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background:rgb(255 255 255 / 80%);
}
.home-incentivo-container-100 .home-incentivo-imagen:after {
    background: rgb(255 255 255 / 80%);
    z-index: 2;
}
.home-incentivo-container-100 .home-incentivo-imagen:before {        
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 40%);
    z-index: 1;
}
@media (min-width: 500px) {
    .home-incentivo-container-100 .home-incentivo-imagen:before { 
        background: rgb(255 255 255);
        background: linear-gradient(90deg, rgb(255 255 255) 20%, rgb(255 255 255 / 10%) 100%);
    }
}
/*/IMAGEN DE FONDO*/

/*DATOS INCENTIVO HEADER*/
.home-incentivo-datos{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    /*min-height:25em;*/
    z-index: 4;
}
/*Los bloques de incentivos de la home a dos columnas tienen altura fija y scroll vertical*/
@media (min-width: 992px) {
    .home-incentivo-contents .home-incentivo-datos{
	height:100%;
	overflow-y:auto;
    }
    .home-incentivo-container-100 .home-incentivo-contents .home-incentivo-datos{
	height:auto;			
	overflow-y:visible;
    }
}
.home-incentivo-contents .home-incentivo-datos {
    scrollbar-width: thin;
    scrollbar-color: rgb(155 27 27 / 100%) #d0d0d0;
}
.home-incentivo-contents .home-incentivo-datos::-webkit-scrollbar {
    width: 15px;
}
.home-incentivo-contents .home-incentivo-datos::-webkit-scrollbar-track {
    background: #d0d0d0;
}
.home-incentivo-contents .home-incentivo-datos::-webkit-scrollbar-thumb {	  
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.7);
    border-radius: 0px;
    border: 0px solid #d0d0d0;
    background: rgb(155,27,27);
}
/*Los bloques de incentivos de la home a dos columnas tienen altura fija y scroll vertical*/

.home-incentivo-datos-header{
    position:relative;
}
.datos-rib{
    position:relative;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
    padding: .7em .3em;	
}
@media (max-width: 480px) {
    .datos-rib{
	flex-direction: column;
	align-items: flex-end;
	padding: .5em .2em;	
    }
}
.datos-fecha-rib{ padding: .4em; }
@media (max-width: 480px) { .datos-fecha-rib{ width:100%; text-align:center; } }
.home-incentivo-datos h4{
    margin: 0;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: 1.2em;
    color:#f00;
}
.datos-posicion-rib{
    position: relative;
    display:flex;
    justify-content:flex-end;
    align-items: center;	
    color:#f00;
}
@media (max-width: 480px) { .datos-posicion-rib{ width:100%; justify-content:center; } }
.datos-posicion-rib div {
    text-align:center;
    padding:0 .25em;
}
.datos-posicion-rib span {
    display:block;
    text-align:center;
    font-family: 'VodafoneLight', sans-serif;
    font-weight:normal;
    font-size: .7em;
    line-height: 1;
    text-transform: uppercase;
}
.datos-posicion-rib strong{
    display:block;
    font-family: 'VodafoneBold', sans-serif;
    font-weight:bold;
    font-size:2em;
    line-height: 1;
}
.candado {
    position:relative;
    display: block;
    margin: .6em .5em 0 0;
    width:2em;
    height:2em;
    border-radius:10em;
    background-color: rgb(255 0 0);
}
.candado i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.2em;
    color: rgb(255 255 255);
}
.datos-posicion-rib-on span, .datos-posicion-rib-on strong{
    text-shadow: 0 0 6px #ff0000, 0 0 7px #ea0e0e, 1px 0px 1px rgb(206 89 55 / 0%);
    text-shadow: 0 0 6px #ffffff, 0 0 7px #ffffff, 1px 0px 1px rgb(206 89 55 / 0%);
}
.datos-posicion-rib-on .candado {
    background-color: #e60000;
}

.home-incentivo-datos-border{
    position:relative;
    display:flex;
    justify-content:space-between;
}	
.home-incentivo-datos-border i {
    position: absolute;
    bottom: -17px;
    left: 50%;
    transform: translate(-50%, 0%);
    color:rgb(255 0 0 / 60%);
    font-size: 20px;
}
.home-incentivo-datos-border:before, .home-incentivo-datos-border:after {
    content:'';
    flex-basis:calc(50% - 10px);
    width:calc(50% - 10px);
    height:1px;
    background-color:rgb(255 0 0 / 60%);
}
.home-incentivo-datos-resultado{
    text-align: center;
    margin: 1em 0;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: 1.3em;
    color: rgb(255 0 0);
}
.home-incentivo-datos-resultado-on{
    font-weight:bold;
    color:/* #fff*/#000;
}
/*/DATOS INCENTIVO HEADER*/

/*DATOS INCENTIVO GRAFICAS*/
.datos-graficas-rib{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
@media (min-width: 450px) { 
    .datos-graficas-rib{ 
	flex-direction:row; 
    	justify-content: center;
    } 
}
.info-completado{
    position:relative;
    margin: 0 .5em .5em .5em;
}
@media (max-width: 480px) { 
    .info-completado{ 
	margin: 0 0 .8em 0;
    } 
    .info-completado:last-child{ 
	margin: 0;
    }
}
.info-completado-resumen{
    z-index: 2;
    cursor:default;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 1.2em .8em;
    min-width: 150px;
    max-width: 250px;
    border-radius: .3em;
    text-align: center;
    background: rgba(255,255,255,1);
    color: #222;
    font-family: 'VodafoneLight', sans-serif;
    font-size: .8em;
    visibility: hidden;
    opacity:0;
    transition: all .3s ease;
}
.info-completado-resumen:before {
    content: "";    
    position:absolute;  
    top: -9px; 
    left: 50%;
    transform: translate(-50%, 0%); 
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 10px 9px;
    border-color: transparent transparent #fff transparent;
}
.info-completado:hover .info-completado-resumen{
    visibility: visible;
    opacity:1;
}
/*DOUGHNUT CHART*/
.doughnutChart {
    position: relative;
    width: 150px;
    height: 150px;
    top: 0%; 
    left: 0%; 
    margin: 0; 
}
.doughnutSummary {
    position:absolute;  
    top: 0%; 
    left: 0%;
    transform: translate(0%, 0%); 
    text-shadow: none;
    width: 100% !important;
    height: 100% !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}
.doughnutSummaryTitle {
    display:none;
}
.doughnutSummaryNumber {
    position:absolute;  
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%); 
    margin: 0;
    text-align: center; 
    font-size:2em;
    line-height: 1;
    color:#e60000; 
}
.doughnutSummaryNumber span {
    display:block;		
    font-family: 'VodafoneLight', sans-serif;
    font-size:.65em;
}
.doughnutSummaryNumber strong {
    display:block;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: 1.4em;
}
/*/DOUGHNUT CHART*/
/*/DATOS INCENTIVO GRAFICAS*/

/*-------------------DATOS INCENTIVO FOOTER*/
.datos-incentivo-home-footer{
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
    align-items:center;
    padding:.7em;
}
@media (min-width: 600px){ .datos-incentivo-home-footer{ flex-direction: row; align-items:flex-end; } }

.datos-incentivo-home-premio{
    font-family: 'VodafoneRegular', sans-serif;
    font-size: .9em;
    padding: 0;
    margin-bottom:.5em;
    width:100%;
    color:#e60000;
}
@media (min-width: 600px){ 
    .datos-incentivo-home-premio{ 
	width:auto; 
	margin-bottom:0;
	max-width: 60%; 
    } 
}
@media (min-width: 700px){ .datos-incentivo-home-premio{ max-width: 68%; } }
@media (min-width: 800px){ .datos-incentivo-home-premio{ max-width: 72%; } }
@media (min-width: 900px){ .datos-incentivo-home-premio{ max-width: 76%; } }
@media (min-width: 992px){ .datos-incentivo-home-premio{ max-width: 50%; } }
@media (min-width: 1024px){ .datos-incentivo-home-premio{ max-width: 54%; } }
@media (min-width: 1280px){ .datos-incentivo-home-premio{ max-width: 44%; } }
@media (min-width: 1366px){ .datos-incentivo-home-premio{ max-width: 48%; } }

.datos-incentivo-home-premio li{
    display: flex;
    align-content: center;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: row;
    margin: .4em 0 0 0;
    font-size: 1em;
    line-height: 1;
}
li.datos-incentivo-home-premio-li-premiado{
}
li.datos-incentivo-home-premio-li-premio{
    margin: 0;
    /*border-top: 1px solid rgb(0 0 0 / 44%);*/
}
.datos-incentivo-home-premio span{
    display: inline-block;
    margin: 0;
    padding: 1.1em .5em 0em .5em;
    text-transform: uppercase;
    font-size: .7em;
    font-family: 'VodafoneLight';
    color:#f00;
    text-align: center;
    letter-spacing: .03em;
    min-width: 62px;
}
.datos-incentivo-home-premio strong{
    margin: .6em .5em;
    display: inline-block;
    font-size: 1em;
    font-family: 'VodafoneLight';
    font-weight: normal;
    color:#f00;
    letter-spacing: .01em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
li.datos-incentivo-home-premio-li-premiado span{  }
li.datos-incentivo-home-premio-li-premiado strong{ font-family: 'VodafoneBold'; font-size: 1.05em; }
li.datos-incentivo-home-premio-li-premio span{  }
li.datos-incentivo-home-premio-li-premio strong{ font-size:.9em; }

.datos-incentivo-home-footer-botones{
    display:flex;
    flex-direction: column;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    margin-top:1.5em;
}
@media (min-width: 600px){ .datos-incentivo-home-footer-botones{ margin-top:0; width:auto; } }
@media (min-width: 992px){ 
    .datos-incentivo-home-footer-botones{ flex-direction: column; } 
}
@media (min-width: 840px){ /*Comportamiento en bloques incentivos al 100% width*/
    .home-incentivo-container-100 .datos-incentivo-home-footer-botones{
	flex-direction: row;
    }
}
@media (min-width: 1280px){ .datos-incentivo-home-footer-botones{ flex-direction: row; } }

.datos-incentivo-home-footer-botones a{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:.3em .5em;
    color:#fff !important;
    background-color:rgba(255,255,255,.4);
    width:100%;
}
.datos-incentivo-home-footer-botones a:last-child{
    margin-top: .5em;
}
@media (min-width: 992px){ 
    .datos-incentivo-home-footer-botones a{ 
	width:100%; 
	margin-right:0; 
    } 
    .datos-incentivo-home-footer-botones a:last-child{ 
	margin-top:.5em; 
    }	
}
@media (min-width: 840px){ /*Comportamiento en bloques incentivos al 100% width*/
    .home-incentivo-container-100 .datos-incentivo-home-footer-botones a{ 
	width:auto; 
	margin-left:.5em; 
	margin-right:0;
    } 
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a{ 
	margin-left:0em; 
    } 
    .home-incentivo-container-100 .datos-incentivo-home-footer-botones a:last-child{ 
	margin-top:0em; 
    }
}
@media (min-width: 1280px){ 
    .datos-incentivo-home-footer-botones a{ 
	width:auto; 
	margin-right:.5em; 
    } 
    .datos-incentivo-home-footer-botones a:last-child{ 
	margin-top:0; 
	margin-right:0;
    }
}
.datos-incentivo-home-footer-botones a span{	
    font-family: 'VodafoneLight', sans-serif;
    font-size:1em;
}
.datos-incentivo-home-footer-botones a i{
    font-size:1.4em;
    margin-left:.4em;
}
.datos-incentivo-home-footer-botones a:hover, 
.datos-incentivo-home-footer-botones a:focus, 
.datos-incentivo-home-footer-botones a:active{
    color: #fff;
}
.datos-incentivo-home-footer-botones a:first-child:hover, 
.datos-incentivo-home-footer-botones a:first-child:focus, 
.datos-incentivo-home-footer-botones a:first-child:active{
    color: #222;
    background-color:rgba(255,255,255,.5);
}
.datos-incentivo-home-footer-botones a.btn-primary{ background-color: #e60000; }
.datos-incentivo-home-footer-botones a.btn-primary:hover{ background-color: #4f0000; }

/* DATOS INCENTIVO PREMIOS Cuando hay más de 1 premio la ul ocupa el 100%*/
/*Comportamiento en bloques de incentivos normales (1 col mobile/ 2 col desktop)*/
.datos-incentivo-home-footer-column{ flex-direction: column; }
.datos-incentivo-home-footer-column .datos-incentivo-home-premio{ 
    margin-bottom:1em;
    max-width:100% !important; 
    width:100%; 
}
.datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    align-content: center;
    margin-top:0.5em;
}
.datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a {
    width: 100%; 
}
.datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a:last-child {
    margin-top: .5em; 
}
@media (min-width: 576px){			
    .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones{
	flex-direction: row;
	width: 100%;
    }
    .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a {
	width: calc(50% - .4em); 
    }
    .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a:first-child {
	margin-right:.4em;
    }
    .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a:last-child {
	margin-top: 0em; 
	margin-left:.4em;
    }
}
/*Comportamiento en bloques de incentivos a 1 columna home-incentivo-container-100*/
@media (min-width: 992px){	
    .home-incentivo-container-100 .datos-incentivo-home-footer-column{ flex-direction: row; }
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-premio{ 
	margin-bottom:0em;
	max-width:70% !important; 
	width:100%; 
    }
    
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones{
	flex-direction: column;
	width: auto;
	margin-top:0;
    }
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a {
	width: 100%; 
    }
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a:first-child {
	margin-right:0em;
    }
    .home-incentivo-container-100 .datos-incentivo-home-footer-column .datos-incentivo-home-footer-botones a:last-child {
	margin-top: .5em; 
	margin-left:0em;
    }
}
/*-------------------/DATOS INCENTIVO FOOTER*/

/*DESPLEGABLE DETALLES VENTA*/
.home-incentivo-container a.boton-tabla, .home-incentivo-container a.boton-tabla-desplegado{
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: calc(100% - 0em);
    padding: .6em 0;
    text-align: center;
    color: #e60000 !important;
    background-color: #efefef;
    z-index: 2;
    visibility:hidden;
    opacity:0;
}
.home-incentivo-container a.boton-tabla span, .home-incentivo-container a.boton-tabla-desplegado span{
    font-family: 'VodafoneRegular', sans-serif;
    font-size:1.3em;
}
.home-incentivo-container a.boton-tabla i, .home-incentivo-container a.boton-tabla-desplegado i{
    margin-left: .4em;
}
@media (min-width: 992px) {
    .home-incentivo-container a.boton-tabla, .home-incentivo-container a.boton-tabla-desplegado{
	width: calc(100% - 0em);
	padding: .8em 0;
    }
}
.home-incentivo-container a.boton-tabla-desplegado{
    bottom: -35px;
    visibility:visible;
    opacity:1;
}
/*/DESPLEGABLE DETALLES VENTA*/
/*INCENTIVOS HOME GERENTE*/
.home-incentivo-container-list-gerente .datos-graficas-rib{
    padding:3em 0;
}
@media (max-width: 767.5px) {
    .home-incentivo-container-list-gerente .home-incentivo-container-100  .datos-graficas-rib{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
    }
}
.home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente{
    border-radius:.3em;
    color:rgb(255 255 255 / 100%);
    padding:.5em;
    margin-left:1.5em;
    text-align:center;
    font-size:1em;
    min-width:230px;
}	
.home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente-destacado{
    background:#e60000;
    box-shadow:0px 15px 8px -6px rgb(0 0 0 / 40%);
    margin-left:0;
    margin-right:1.5em;
}
.home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente strong{
    font-size:5em;
    display:block;
}
.home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente i{
    font-style:normal;
}
.datos-graficas-rib-gerente-gpcoins{
    margin:.5em auto;
    background:rgb(255 255 255 / 100%);
    border-radius:100%;
    padding:.5em;
    width:90px;
}
.datos-graficas-rib-gerente-gpcoins img{
    width:75px;
}
@media (max-width: 767.5px) {
    .home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente{
	margin-left:0em;
	margin-top:1em;
    }
    .home-incentivo-container-list-gerente .home-incentivo-container-100 .datos-graficas-rib-gerente-destacado{
	margin-top:0em;
	margin-right:0em;
	margin-bottom:2em;
    }	
}

.home-incentivo-container-list-gerente .home-incentivo-contents-2row {
    height:auto !important;
}
.home-incentivo-container-list-gerente .datos-posicion-rib strong{
    font-size: 1em;
}
.home-incentivo-container-list-gerente .datos-incentivo-home-premio span {
    padding-top: 0.3em;
    font-size: 1.5em;
    font-family: 'VodafoneRegular';
    font-weight:bold;
    position:relative;
}
.home-incentivo-container-list-gerente .datos-incentivo-home-premio span b {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index: 3;
}
/*ANIMACION PARA BG BLINK Nº GPCOINS*/
@keyframes gpcoinsanim {
    /*
  0%   { background: #630606; }
  30%  { background: #630606; }  
  50%  { background: #830606; }
  70%  { background: #630606; }
  100% { background: #630606; }
   */
    0%   { background: #630606; }
    91.666%  { background: #630606; }  
    91.667%  { background: #830606; }
}
.home-incentivo-container-list-gerente .datos-incentivo-home-premio span i {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background: #630606;
    z-index: 1;
}
.gp-coins-anim {
    background: #630606; /* Fallback */
    animation: gpcoinsanim 1s infinite linear;
}
/*ANIMACIÓN BLINK PARA Nº GPCOINS
@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
.blink {
  animation: blink .5s step-start 0s infinite;
}*/
/*/INCENTIVOS HOME GERENTE*/
/*SELLO DEFINITIVO*/
.home-incentivo-gerente-sello{
    position: absolute;
    top: -1.5em;
    right: 0.5em;
    background: url(../img/icons/stamp_definitivo.png) no-repeat center center;
    background-size: 40px;
    width: 40px;
    height: 40px;
    transform: rotate(46deg);
}
/*+++++++++++++++++++++++++++++++++++/INCENTIVOS HOME*/

/*+++++++++++++++++++++++++++++++++++HEADER SECCIONES*/
.seccion-contents-header{
    /* display:flex; */
    justify-content: flex-start;
    align-items: center;
    margin:1em 0 1.5em 0;
    font-family: 'VodafoneLight', sans-serif;
    color:#fff;
}
.seccion-contents-premios .seccion-contents-header{ padding:1em 1em 2em 1em; }
@media (min-width: 992px) {
    .seccion-contents-header{margin:2em 0 1.5em 0;}
    .seccion-contents-premios .seccion-contents-header{ padding:3em 1em 3em 1em; }
}
@media (max-width: 767.5px) {
    .section-contents-comunicacion .seccion-contents-header{
        display:flex !important;
        flex-direction:column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media (min-width: 768px) {
    .section-contents-comunicacion .seccion-contents-header{
        display:flex !important;
        flex-direction:row;
        align-items: flex-end;
    }
}
.seccion-contents-blq-tit, .seccion-contents-blq-subtit{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.seccion-contents-blq-subtit{
    font-size:.7em;    
    background: rgb(0 0 0 / 30%);
    padding: 0.2em 0.8em;
    border-radius: 0.5em;
}
@media (max-width: 767.5px) {
    .seccion-contents-blq-subtit{
        font-size: .7em;
        margin-top: 1.5em;
    }
}
@media (max-width: 500px) {
    .seccion-contents-blq-tit{
        font-size: .8em !important;
    }
    .seccion-contents-blq-subtit .dropdown-menu{            
        font-size: 2m !important;
    }   
}
@media (max-width: 400px) {
    .seccion-contents-blq-tit{
        font-size: .6em !important;
    }
    .seccion-contents-blq-subtit{
        font-size: .55em;
        margin-top: 1em;
    } 
    .seccion-contents-blq-tit .dropdown-menu, .seccion-contents-blq-subtit .dropdown-menu{            
        font-size: 2em !important;
    }   
}
@media (min-width: 768px) {
    .seccion-contents-blq-subtit{
        margin-left:2em;
    }
}
.seccion-contents-header h1{
    margin:0;
    font-size: 2.2em;
    font-family: 'VodafoneLight', sans-serif;
    font-weight:normal;
    color:#fff;
}
.seccion-contents-header.seccion-contents-con-menu h1 span{
    font-size: .7em;
    text-transform: uppercase;
    -webkit-text-stroke: 0.02em currentColor;
    letter-spacing: 1px;
    color: rgba(255,255,255,.6);
}
.seccion-contents-header .dropdown{
    margin-left:.5em;
}
.seccion-contents-header .dropdown button{
    background:none !important;
    padding-top: .4em;
}
.seccion-contents-header .dropdown button::after { display:none !important; }
.seccion-contents-header .dropdown button i{
    font-size: 1.6em;
    color:#fff;
}
.seccion-contents-header .dropdown button i{
    display:inline-block;
    transition: transform .2s ease-in-out;
}
.seccion-contents-header .dropdown button.show i{
    transform: rotate(-180deg);
}


.seccion-contents-header .dropdown-menu {
    min-width: 200px;
    padding: 0;
    margin: 0;
    margin-top: .2em !important;
    background-color: #efefef;
    border: none;
    border-radius: 0;
    font-size: 1.3em;
    color: #222;
    box-shadow: 0px 14px 12px -9px rgb(0 0 0 / 40%);
}
.seccion-contents-header .dropdown-menu{    
    display:block;
    pointer-events: none;
    position: absolute; 
    top: -30px !important;
    right:0px !important;
    inset: auto !important;
    transform: translate(-160px, -10px) !important;
    max-height:1px;
    opacity:0;	
    transition:all .35s ease;
}
.seccion-contents-header .dropdown-menu.show {  
    max-height: 460px;
    pointer-events: auto;
    transform: translate(-160px, 0px) !important;
    opacity:1;
}
/* ADHOC PEPSI */
.seccion-contents-header .dropdown-menu.show-adhoc {    
    display:block;
    pointer-events: none;
    position: absolute; 
    top: -30px !important;
    right:0px !important;
    inset: auto !important;
    transform: translate(-10px, 0px) !important;
    max-height:1px;
    opacity:0;	
    transition:all .35s ease;    
}

.seccion-contents-header .dropdown-menu.show.show-adhoc {  
    max-height: 460px;
    pointer-events: auto;
    transform: translate(-10px, 0px) !important;
    opacity:1;
    border-radius: 10px;
    text-align: center;
}
/* FIN ADHOC PEPSI */


.seccion-contents-header .dropdown-menu li{ border-bottom: .003em solid rgba(0,0,0,.2) !important; }
.seccion-contents-header .dropdown-menu li:last-child{ border-bottom: none !important; }
.seccion-contents-header .dropdown-menu .dropdown-item {
    padding: .3em .5em;
    font-weight: 300;
    color: #222;
    border-radius: 10px; /* ADHOC PEPSI */
}
.seccion-contents-header .dropdown-menu .dropdown-item:focus, .seccion-contents-header .dropdown-menu .dropdown-item:hover {
    color: #000;
    background-color: #dddddd;
}
.seccion-contents-header .dropdown-menu .dropdown-item.active {
    background-color: #ffffff;
    font-family: 'VodafoneRegular', sans-serif;
    color: #e60000;
}
/*+++++++++++++++++++++++++++++++++++/HEADER SECCIONES*/

/*+++++++++++++++++++++++++++++++++++INCENTIVOS MECANICA*/
.incentivos-list-incentivo{
    background:rgb(255 255 255);
    width:100%;
    margin: 0 0 2em 0;
    padding:1em;
}
.mecanica{
    width:100%;
}
@media (max-width: 991.5px) {
    .mecanica-inner{
	position:relative;
    }
    .mecanica-bg{
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
    }
}
.mecanica-img{
    position:relative;
    width:100%;
    height:100%;
    min-height: 450px;
    overflow:hidden;
}
.mecanica-img:after {
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background:rgb(255 255 255 / 80%);
}
@media (min-width: 1px)   { .mecanica-img:after { background: rgb(255 255 255 / 80%); } }
@media (min-width: 992px) { .mecanica-img:after { background: rgb(255 255 255 / 0%); } }
.mecanica-img img {
    position: absolute;
    top: -45px;
    right: -100px;
    transform: translate(0%, 0%);
    width: 320%;
    height: auto;
    display:none;
}

@media (max-width: 991.5px) { 
    .mecanica-img img { 
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    } 
}

@media (min-width: 576px) { .mecanica-img img { right: -390px; width: 420%; display:block; } }
@media (min-width: 700px) { .mecanica-img img { right: -420px; width: 400%; } }
@media (min-width: 800px) { .mecanica-img img { right: -330px; width: 330%; } }
@media (min-width: 992px) { .mecanica-img img { right: -336px; width: 440%; } }
@media (min-width: 1280px) { .mecanica-img img { right: -304px; width: 400%; } }
@media (min-width: 1366px) { .mecanica-img img { right: -320px; width: 400%; } }

.mecanica-txt {
    position:relative;
    min-height: 450px;
    padding:0;
}
@media (min-width: 992px) {
    .mecanica-txt {
	padding:1em 1em 0 1em;
	margin-left: 1em;
    }
}
.mecanica-txt h2{    
    margin-bottom: .7em;
    font-size:1.6em;
    font-weight: bold;
    background: #b91010;
    padding: .5em;
    color: #fff;
}
@media (min-width: 992px) {
    .mecanica-txt h2{ 
	background: none; 
	padding:0;  
	color:rgb(251 0 1);
    }
}
.mecanica-txt-resumen{ padding: 0 .5em; }	
.mecanica-txt-resumen p{
    margin-bottom:1em;
    font-size: 1em;
    /*color:#fff;*/color:#222;
}	
.mecanica-txt-resumen p strong{
    font-weight: normal;
    font-size: 1.2em;
    -webkit-text-stroke-width: .01em;
    -webkit-text-stroke-color: currentcolor;
}
@media (min-width: 992px) {
    .mecanica-txt-resumen{ padding: 0em; }
    .mecanica-txt-resumen p{ color:#222; }
}
.mecanica-txt .incentivo-datos{
    padding:0 .5em;
}
@media (min-width: 992px) {
    .mecanica-txt .incentivo-datos{ padding:0em; }
}

.incentivo-datos-premios{
    margin: .5em 0;
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: center;
}
@media (min-width: 600px) { 
    .incentivo-datos-premios{
    	flex-direction:row;
    }
}
.datos-premiados, .datos-premio{
    flex-basis:100%;
    width:100%;
    text-align:center;
    flex:1;
    padding:.5em;
}	
@media (min-width: 600px) { 
    .datos-premiados{
	flex-basis:45%;
	width:auto;
    }
    .datos-premio{
        flex-basis:55%;
        width:auto;
    }
}
.datos-premiados{
    background: rgb(251 0 1);
    color: #fff;
}
.info-premiados{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: .5em;
}
.info-premiados span{
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    margin: .4em 0;
}
.info-premiados strong{
    font-family: 'VodafoneRegular', sans-serif;
    font-weight:bold;
    font-size: 1.2em;
    margin: .4em 0;
}
.info-premiados-posicion{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    padding: .8em .5em;
    background: rgba(0,0,0,.5);
    font-size: .7em;
    text-transform: uppercase;
    line-height: 1;
}
.info-premiados-posicion strong{	
    position:relative;
    width:3em;
    height:3em;	
    padding:.3em;	
    margin-left:.5em;
    background:#fff;
    color:#e60000;
    font-weight:normal;
    border-radius:10em;
}
.info-premiados-posicion span.numero-animado{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.4em;
    color: #e60000;
    font-family: 'VodafoneRegular', sans-serif !important;
    font-weight: bold;
}
.datos-premio{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: rgb(243 243 243);
}	
/*@media (min-width: 600px) { 
		.datos-premio{
		    flex-direction: column;
		}
	}*/
.datos-premio span, .datos-premio strong{
    margin:0 .3em;
}
/*@media (min-width: 600px) { 		
		.datos-premio span, .datos-premio strong{
			margin:0;
		}
	}*/
.datos-premio span{
    margin-bottom:.7em;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: .8em;
    text-transform:uppercase;
    color: rgb(251 0 1);
    margin-right: 1em;
}
.datos-premio i{
    display: block;
    font-size: 4.5em;
}
.datos-premio em{display:none;}
@media (min-width: 600px) { 
    .datos-premio em{
        display:block; 
        font-style: normal;
        font-weight: bold;
    } 
}
.datos-premio strong{
    font-family: 'VodafoneRegular', sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #e60000;
    text-align: center;
}

.mecanica-buttons{
    display:flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.mecanica-buttons a{ 
    width:100%;
    margin:0 .5em .5em .5em;
}
@media (min-width: 576px) { 
    .mecanica-buttons a{ 
	width:auto; 
    } 
}
@media (min-width: 992px) {
    .mecanica-buttons a{ 
	margin:0 0 0 .5em; 
    } 
}

/*DATOS INCENTIVO GRAFICAS EN SECCION INCENTIVOS*/
.incentivo-llave {
    margin: .5em 0 0 0;
    background:rgb(0 0 0 / 22%);
}
.incentivo-llave .info-completado-llave{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    padding:.5em;
    border-bottom:1px solid rgba(0,0,0,.1);
}
.incentivo-llave .info-completado-llave:last-child{
    border-bottom:none;
}
.incentivo-llave .info-completado-resumen-incentivos{
    display:block;    
    text-align: center;
    color: #fff;
    font-family: 'VodafoneLight', sans-serif;
    font-size: .9em;
    transition: all .3s ease;
    flex-grow:1;
}
.incentivo-llave .info-completado-resumen-incentivos strong{
    display: block;
    margin-bottom: .3em;
    font-size:1.1;
}
.incentivo-llave .doughnutChart {
    position: relative;
    width: 100px;
    min-width:100px;
    max-width:100px;
    height: 100px;
    flex-basis: 110px;
}
.incentivo-llave .doughnutChart  svg{
    position: absolute;
    width: 100px !important;
    height: 100px !important;
    top: 0%; 
    left: 0%; 
    margin: 0; 
}
.incentivo-llave .doughnutSummary {
    position:absolute;  
    text-shadow: none;
    width: 100px !important;
    height: 100px !important;
}
.incentivo-llave .doughnutSummaryNumber { font-size:1.2em;}
.incentivo-llave .doughnutSummaryNumber span {
    display:block;		
    font-family: 'VodafoneLight', sans-serif;
    font-size:.65em;
}
.incentivo-llave .doughnutSummaryNumber strong {
    display:block;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: 1.4em;
}
@media (min-width: 600px) {		
    .incentivo-llave .info-completado-llave{
	flex-direction: row;
    }
    .incentivo-llave .info-completado-resumen-incentivos {
	margin-left:1em;
	text-align: left;
	font-size: 1.15em;
    }
}
@media (min-width: 992px) { 
    .incentivo-llave {
	background:rgba(255,255,255,.5);
    }
    .incentivo-llave .info-completado-llave{
	border-bottom:1px solid rgba(0,0,0,.1);
    }
    .incentivo-llave .doughnutSummaryNumber { color:#e60000;}		
    .incentivo-llave .doughnutChart svg path{ fill: rgba(0,0,0,.1); }
    .incentivo-llave .doughnutChart svg g path{ fill: #e60000; }
    .incentivo-llave .info-completado-resumen-incentivos{
	background:none;
	color: #222;
	font-family: 'VodafoneRegular', sans-serif;
	font-size: 1em;
    }
    .incentivo-llave .info-completado-resumen-incentivos strong{
	color: #e60000;
	font-family: 'VodafoneRegular', sans-serif;
	font-weight:bold;
    }
}
/*/DATOS INCENTIVO GRAFICAS EN SECCION INCENTIVOS*/
/*+++++++++++++++++++++++++++++++++++/INCENTIVOS MECANICA*/

/*+++++++++++++++++++++++++++++++++++OBEJTIVOS (en home incentivo y en seccion incentivos*/
/*SECCION INCENTIVOS*/
.seccion-incentivo-objetivo{
    margin: 1em .5em 0 .5em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
}
.objetivo-tit{
    width: 100%;
    padding: .6em .5em .5em .5em;
    background: rgb(155 27 27 / 62%);
    color: #fff;
    font-size: .9em;
    line-height: 1;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.objetivo-tit span{
    margin-right: .4em;
}
.objetivo-tit span small{
    font-weight: normal;
    font-size: .8em;
}
.objetivo-tit strong{
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'VodafoneLight', sans-serif;
    text-transform: capitalize;
}
.objetivo-txt{
    width: 100%;
    padding: .5em .6em;
    background: rgb(226 226 226 / 88%);
    border-bottom: 1px solid rgb(0 0 0 / 25%);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}	
.objetivo-txt:last-child{
    border-bottom:none;
}
.objetivo-txt span{
    font-size:.9em;
}
.objetivo-txt i{
    margin: 0 .7em;
    font-size: .8em;
    line-height: 1;
    color: #222;
    -webkit-text-stroke: .03em currentColor;
}
.objetivo-txt strong{
    color: #e60000;
}

@media (min-width: 992px) {
    .seccion-incentivo-objetivo{
	margin: 1em 0 0 0;
    }
    .objetivo-tit{
	background: #8b8b8b;
    }
    .objetivo-txt{
	background: #e2e2e2;
	border-bottom: 1px solid rgba(0,0,0,.1);
    }	
}
/*HOME INCENTIVO*/
.home-incentivo-objetivos-container{ }
.home-incentivo-objetivos-container .seccion-incentivo-objetivo{
    margin: 0em .5em 1.5em .5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
@media (min-width: 600px) {
    .home-incentivo-objetivos-container .seccion-incentivo-objetivo {
	margin: 0em auto 1.5em auto;
	width: 70%;
    }
    .home-incentivo-container-100 .home-incentivo-objetivos-container .seccion-incentivo-objetivo {
	margin: 0em auto 1.5em auto;
	max-width:550px;
    }
}
@media (min-width: 992px) {
    .home-incentivo-objetivos-container .seccion-incentivo-objetivo {
	margin: 0em .5em 1.5em .5em;
	width: calc(100% - 1em);
    }
}
@media (min-width: 1280px) {
    .home-incentivo-objetivos-container .seccion-incentivo-objetivo {
	margin: 0em auto 1.5em auto;
	width: 70%;
    }
}
.home-incentivo-objetivos-container .objetivo-tit{
    width: 100%;
    padding: .6em .5em .5em .5em;
    background: rgb(155 27 27 / 62%);
    font-size: .8em;
}
.home-incentivo-objetivos-container .objetivo-txt{
    padding: .3em .4em;
    background: rgb(239 239 239 / 47%);
    border-bottom: 1px solid rgb(0 0 0 / 39%);
}	
.objetivo-txt:last-child{
    border-bottom:none;
}
.home-incentivo-objetivos-container .objetivo-txt span{
    font-size:.9em;
    color:#fff;
}
.home-incentivo-objetivos-container .objetivo-txt i{
    margin: 0 .4em;
    color: rgb(255 255 255 / 65%);
    -webkit-text-stroke: .01em currentColor;
}
.home-incentivo-objetivos-container .objetivo-txt strong{
    color: #ffffff;
    font-size: .9em;
}
/*+++++++++++++++++++++++++++++++++++/OBJETIVOS (en home incentivo y en seccion incentivos)*/

/*+++++++++++++++++++++++++++++++++++RANKINGS*/
.ranking-no-disponible{
    text-align: center;
    margin: .5em 1.5em;
}
.ranking-tabla-container{
    background: #b81313;
    width: 100%;
    margin: 0 0 2em 0;
    padding: 1em;
}
.ranking-tabla-header{
    position:relative;
    background: #000;
}
.ranking-tabla-header-bg{
    position:absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}
.ranking-tabla-header-bg img{
    position: absolute;
    top: -30px;
    right: -125px;
    transform: translate(0%, 0%);
    width: 300%;
    height: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
@media (min-width: 500px) {
    .ranking-tabla-header-bg img{
        top: -60px;
        right: -115px;
        width: 200%;
    }  
}
@media (min-width: 700px) {
    .ranking-tabla-header-bg img{
        top: -60px;
        right: -214px;
        width: 170%;
    }  
}
@media (min-width: 1000px) {
    .ranking-tabla-header-bg img{
        top: -140px;
    }  
}
.ranking-tabla-header-bg:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 80%);
}

.ranking-tabla-header-bg:before {        
    content:'';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 40%);
    z-index: 1;
}
@media (min-width: 500px) {
    .ranking-tabla-header-bg:before { 
        background: rgb(255 255 255);
        background: linear-gradient(90deg, rgb(255 255 255) 20%, rgb(255 255 255 / 10%) 100%);
    }
}
.ranking-tabla-header-txt{
    position:relative;
    z-index: 1;
    padding: 1.5em 1em;
}
.ranking-tabla-header-txt h2{
    color:#e70200;
    font-weight: normal;
    margin: 0 0 .3em 0;
}
.ranking-tabla-header-txt h2 span{
    font-size: .6em;
    font-family: 'VodafoneLight', sans-serif;
    text-transform: uppercase;
}
.ranking-tabla-header-txt .ranking-resumen{
    color:#e70200;
    letter-spacing: .01em;
    font-size: .95em;
}
.ranking-tabla-header-txt a{
    width:100%;
    margin-top:.5em;
    font-size:.9em;
}
.ranking-tabla-header-txt a.btn-primary.disabled{
    background-color: #cccccc !important;
    color: #989898 !important;
    opacity: 1;
}
@media (min-width: 700px) { 
    .ranking-tabla-header-txt div{
	text-align:right;
	padding-right: 1em;
    }
    .ranking-tabla-header-txt a{
	width:auto;
	font-size:1em;
    }
}
@media (min-width: 992px) { 
    .ranking-tabla-header-txt div{
	text-align:right;
	padding-right: 0em;
    }
    .ranking-tabla-header-txt a{
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translate(0%, -50%);
	margin-top:0;
	float:none;
    }
}

/*+++++++++++++++++++++++++++++++++++/RANKINGS*/

/*+++++++++++++++++++++++++++++++++++TABLAS: incentivos home, rankings, mi jerarquia, saldo, premios, encuestas*/
.table>:not(caption)>*>* {
    padding: .5em 0;
    border-bottom: 1px solid rgba(0,0,0,.3);
    box-shadow: none;
}
.table>:not(:last-child)>:last-child>*, .tabla-ranking tr:first-child th{
    border-bottom: 2px solid rgba(0,0,0,.6);
}
.tabla-historico-header-tr td{
    border-bottom: 1.5px solid rgba(0,0,0,.6);
    min-width:80px;
}
.tabla-detalle-ventas, 
.tabla-detalle-ranking, 
.tabla-detalle-jerarquia, 
.tabla-detalle-saldo, 
.tabla-detalle-pedidos{
    width:calc(100% - 1em);
    margin: 0 .5em 1.5em .5em;
    display:block;
    background: rgb(239,239,239);
    background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(208,208,208,1) 100%);
    z-index: 3;
}
.tabla-detalle-ranking, 
.tabla-detalle-jerarquia, 
.tabla-detalle-saldo, 
.tabla-detalle-pedidos{ 
    width:100%; 
    margin: 1em 0 1.5em 0;
    background: rgb(239,239,239);
}
.tabla-detalle-ventas-inner, 
.tabla-detalle-ranking-inner, 
.tabla-detalle-jerarquia-inner,
.tabla-detalle-saldo-inner, 
.tabla-detalle-pedidos-inner{	
    width:100%;
    padding: 2em .6em .6em .6em;
}
.tabla-detalle-ranking-inner{padding: 1em ;}
.tabla-detalle-saldo-inner{padding: .6em;}	
@media (min-width: 992px) {
    .tabla-detalle-ventas{ 
	width:calc(100% - 2em);
	margin:0 1em 1.5em 1em; 
    }
    .tabla-detalle-ventas-inner{
	width: 100%;
    	padding: 2em 1em 1em 1em;		
    }
    .tabla-detalle-jerarquia-inner,
    .tabla-detalle-saldo-inner, 
    .tabla-detalle-pedidos-inner{
	padding: 2em;
    }
}
table.tabla-ventas th, 
table.tabla-ranking th, 
table.tabla-jerarquia th,
table.tabla-historico tr.tabla-historico-header-tr td{
    font-size:.9em;
    padding-bottom:.3em;
    text-transform:uppercase;
}
table.tabla-ventas tr:last-child td, 
table.tabla-ranking tr:last-child td,  
table.tabla-jerarquia tr:last-child td,
table.tabla-historico tbody tr:last-child td{
    border-bottom:none !important;
}
.tabla-ventas-terminal-header, 
.tabla-ranking-posicion-header{
    vertical-align:bottom;	
    min-width:200px;
}
.tabla-ranking-posicion-header{
    vertical-align:bottom;	
    min-width:20px;
}
.tabla-ventas-terminal, 
.tabla-ranking-posicion{

}
.tabla-ventas-terminal div, 
.tabla-ranking-posicion div,
.tabla-jerarquias div,
.tabla-totales-cantidad div, 
.tabla-pedidos div{
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.tabla-jerarquias.text-center div,
.tabla-totales-cantidad.text-center div{
    justify-content: center;
}
.tabla-ventas-puntos-terminal, 
.tabla-ranking-posicion-numero{
    position: relative;
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    border-radius: 10em;
    padding: .2em;
    margin-right: .6em;
    background: #222;
}
.tabla-ranking-posicion-numero {
    background: #8a8a8a;
    margin-left: .4em;
}
.tabla-ventas-puntos-terminal span, 
.tabla-ranking-posicion-numero span{
    position:absolute;
    left: 50%;  
    top: 50%; 
    transform: translate(-50%, -50%); 
    font-weight:bold;
    color: #fff;
    font-size: .8em;
    line-height: 1; 
}
.tabla-ranking-posicion i{
    font-size: 1.2em;
    color: #e60000;
    visibility: hidden;
}

.top .tabla-ranking-posicion i{	    
    visibility: visible;
}
.tabla-ventas-sap-header, 
.tabla-ranking-sfid-header{
    vertical-align:bottom;
    text-align: center;
    min-width:80px;
}
.tabla-ventas-sap, 
.tabla-ranking-sfid{
    text-align: center;
}
.tabla-ventas-sap span, 
.tabla-ranking-sfid span, 
.tabla-sfids-sfid span{
    background: rgb(255 255 255 /60%);
    padding: .1em .2em;
    font-size: .8em;
}
.tabla-ventas-brutas-header{
    vertical-align:bottom;
    background:#808080 !important;
    box-shadow: 0px 3px 5px rgb(128 128 128) !important;
    border-bottom-color:#808080 !important;
    color:#fff;
    min-width:120px;
}
.tabla-ventas-brutas{	
    background:#dfdede !important;	
    box-shadow: 0px 3px 5px rgb(128 128 128) !important;
    color:#808080;
}	
table.tabla-ventas tr:last-child td.tabla-ventas-brutas {
    background: rgb(201 201 201) !important;
    color: #000;
}
.tabla-ventas-dato-sm{
    font-size:.9em;
}
.tabla-ventas-dato-md{
    font-size:1.2em;
}
.tabla-ventas-netas-header, 
.tabla-ranking-puntos-header, 
.tabla-historico-header{	
    vertical-align:bottom;
    background:#e60000 !important;
    box-shadow: 0px 3px 5px rgb(128 72 72) !important;
    border-bottom-color:#e60000 !important;
    color:#fff;
    min-width:180px;
}
.tabla-historico-header{	
    background:#808080 !important;
    border-bottom-color:#808080 !important;
}
.tabla-ventas-netas, 
.tabla-ranking-puntos, 
.tabla-historico .tabla-historico-numero{
    background:#f3f3f3 !important;
    box-shadow: 0px 3px 5px rgb(128 72 72) !important;
    color:#e60000 !important;
}	
.tabla-ranking-puntos{ color:#222 !important; }
table.tabla-ventas tr:last-child td.tabla-ventas-netas{
    background: rgb(228 208 208) !important;
    color: #8c0000 !important;
}
.tabla-ranking-llaves-header, 
.tabla-ranking-llaves{
    text-align:center;
    min-width:80px;
}	
.tabla-ranking-llaves-header i{
    font-size:1.8em;
}
.tabla-ranking-llaves i{
    font-size:1.4em;
    color:#e60000;
}
.tabla-ranking-tienda-header{ vertical-align:bottom; }
.tabla-ranking-tienda{ font-size: .9em; }

.tabla-ventas .tabla-flex-center, 
.tabla-ranking .tabla-flex-center{
    display: flex;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}
.tabla-ventas th .tabla-flex-center/*, 
.tabla-ranking th .tabla-flex-center*/{
    align-items: flex-end;
}
.tabla-ventas .tabla-flex-center */*, 
.tabla-ranking .tabla-flex-center * */{
    flex-basis:50%;
    width:50%;
    text-align: center;
}
.tabla-ranking .tabla-flex-center *{
    text-align: center;
}
.tabla-ventas-spacer, 
.tabla-ranking-spacer{
    min-width:1em;
}
.tabla-ventas-header-sm, 
.tabla-ranking-header-sm{
    font-size:.85em;
    line-height: 1.5;
}
.tabla-ventas-brutas-header i{ font-size:1.6em; }
.tabla-ventas-netas-header i{ font-size:2em; }	
.tabla-ventas-dato-sm, 
.tabla-ranking-dato-sm{
    text-transform:uppercase;
    font-size:.9em;
    font-weight:normal;
}
.tabla-ranking-dato-sm{ font-size:.6em; }
.tabla-ventas-dato-md{
    font-size:1.2em;
    font-weight:bold;
}
.tabla-ranking-dato-md{
    font-size:1em;
    font-weight:normal;
}
/*AJUSTE PANTALLAS PEQUEÑAS TABLA TOTALMENTE VISIBLE*/

@media (max-width: 767.5px) { 
    .tabla-detalle-ranking-inner .table-responsive-md {
        overflow-x: hidden;
    }
    .tabla-ranking{
        max-width: 99.5%;
    }
    .tabla-ventas-netas-header, 
    .tabla-ranking-puntos-header, 
    .tabla-historico-header{
        min-width:96px;
    }
}
@media (max-width: 499.5px) { 
    .tabla-ventas-netas-header, 
    .tabla-ranking-puntos-header, 
    .tabla-historico-header {
        min-width: auto;
    }
    .tabla-detalle-ranking-inner {
        padding: 0.5em;
    }
    .tabla-ranking-llaves-header, .tabla-ranking-llaves {
        min-width: 50px;
    }
    .tabla-ranking tr.top .tabla-ranking-dato-md, .tabla-historico .tabla-historico-numero span {
        font-size: 1em;
    }
    .tabla-ranking-header-sm {
        font-size: .75em;
        padding: 0 0.4em;
    }
    table.tabla-ranking th{
        font-size: .7em;
    }
    .tabla-ranking-llaves i {
        font-size: .8em;
    }
    .tabla-ranking-llaves-header i {
        font-size: 1.4em;
    }
    .tabla-ranking-tienda{
        font-size: .7em;
    }
    .tabla-ranking-posicion i {
        font-size: 1em;
    }
    .tabla-ventas-puntos-terminal, .tabla-ranking-posicion-numero {
        width: 1.4em;
        height: 1.4em;
    }
    .tabla-ventas-puntos-terminal span, .tabla-ranking-posicion-numero span {
        font-size: .6em;
    }
}
/*AJUSTE PANTALLAS PEQUEÑAS TABLA TOTALMENTE VISIBLE*/

/*----------------RANKINGS - Highlights y primeras posiciones*/
/*TOP*/
.tabla-ranking tr.top { color: #e60000 !important; }
.tabla-ranking tr.top .tabla-ranking-puntos, 
.tabla-historico .tabla-historico-numero{ color:#e60000 !important; }
.tabla-ranking tr.top .tabla-ranking-posicion-numero { background: #e60000; }
.tabla-ranking tr.top .tabla-ranking-dato-md,
.tabla-historico .tabla-historico-numero span{
    font-size:1.2em;
    font-weight:bold;
}

/*HIGHLIGHT*/
.tabla-ranking tr.highlight { background-color: #bababa !important; }
.tabla-ranking tr.highlight .tabla-ranking-puntos{ background-color: #cbcbcb  !important; }
.tabla-ranking tr.highlight .tabla-ranking-dato-md{
    font-size:1.2em;
    font-weight:bold;
}
.tabla-ranking tr.highlight td { color: #000; }
.tabla-ranking tr.highlight .tabla-ranking-posicion-numero { background: #444; }

/*TOP+HIGHLIGHT*/
.tabla-ranking tr.top.highlight { background-color: #f0b8b8 !important; }
.tabla-ranking tr.top.highlight .tabla-ranking-puntos{ color:#e60000 !important; background-color: #f2d0d0  !important;  }
.tabla-ranking tr.top.highlight .tabla-ranking-posicion-numero { background: #e60000; }
.tabla-ranking tr.top.highlight td { color: #e60000 !important; }
.tabla-ranking tr.top.highlight .tabla-ranking-posicion-numero { background: #e60000; }
.tabla-ranking tr.top.highlight .tabla-ranking-puntos a{ 
    color:#fff !important; 
    background-color:#e60000; 
    padding: .2em .5em;
    border-radius: .3em; 
}
.tabla-ranking tr.highlight .tabla-ranking-puntos a{ 
    color:#fff !important; 
    background-color:#5d5d5d; 
    padding: .2em .5em;
    border-radius: .3em; 
}

/*ICONS*/
.tabla-ranking .icon-error-circle{ color:#979797; }
.tabla-ranking tr.highlight .icon-error-circle{ 
    color:#333; 		
    -webkit-text-stroke-width: .02em;
    -webkit-text-stroke-color: currentcolor;
}
.tabla-ranking .icon-check-circle{
    color: #e60000;
    -webkit-text-stroke-width: .02em;
    -webkit-text-stroke-color: currentcolor;
}
/*----------------/RANKINGS - Highlights y primeras posiciones*/

/*MI JERARQUIA*/
.tabla-jerarquias-agente-icon {
    position:relative;
    width:1.55em;	
    min-width: 1.55em;
    height:1.55em;
    line-height: 1;
    border-radius:10em;
    margin-right:.5em;
}
.agente-icon-headphones{ background:rgb(255 255 255 / 69%); }
.agente-icon-gear{ background: rgb(0 0 0 / 26%);}
.agente-icon-mouse{ background:rgb(0 0 0 / 10%); }
/*@media (min-width: 1920px) {
	.agente-icon-headphones, 
	.agente-icon-gear, 
	.agente-icon-mouse{ background:none; }
}*/
.tabla-jerarquias-agente-icon i {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:1.3em;
    line-height: 1;
}
.tabla-jerarquias-agente-icon.agente-icon-gear i {
    color:#000;
}

.tabla-jerarquias-agente-header strong{
    margin:0 .8em 0 0em;
}

.tabla-jerarquias-agente-header i{
    font-size:1.1em;
}
.tabla-jerarquias-agente .agente-dni{
    padding: .3em .5em;
    margin-right: .7em;
    background:rgb(0 0 0 / 4%);
    border-radius: .2em;
    font-size: .75em;
    color: #000;
    text-transform:uppercase;
    line-height: 1;
}
.tabla-jerarquias-agente .agente-nombre{
    margin-right: .4em;
    font-size: 1.1em;
    line-height: 1;
}
.tabla-jerarquias-agente .agente-login{
    font-size: .8em;
    font-weight: bold;
    color:#e60000;
    line-height: 1;
}
/*/MI JERARQUIA*/

/*HOME INCENTIVOS - visibilidad de tablas según mediaquery*/
@media (min-width: 1px) { 
    .tablaventas-sm{ display:block; } 
    .tablaventas-lg{ display:none; } 
}
@media (min-width: 992px) { 
    .tablaventas-sm{ display:none; } 
    .tablaventas-lg{ display:block; } 
}
/*/HOME INCENTIVOS - visibilidad de tablas según mediaquery*/
/*SALDO*/
.tabla-historico-mes{
    border-bottom:none !important;
    padding:0 !important;
}
.tabla-historico-mes div{
    margin-top: 1em;
    margin-bottom: .7em;
    padding: .4em.6em;
    padding: .6em;
    text-align: center;
    background: #676767;
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1.6em;
    text-transform: CAPITALIZE;
    color: #fff;
    -webkit-text-stroke: .01em currentColor;
}
.tabla-detalle-saldo-cantidad-width{
    width:350px;
    text-align:center;
}
.tabla-historico-header span{	
    font-size:1.2em;
    font-weight:bold;
}
.tabla-historico-incentivo{
    font-size: 1.1em;
    line-height: 1;
    -webkit-text-stroke: .02em currentColor;
}
.tabla-historico-codigo{
    text-align: center;
}
.tabla-historico-codigo span{
    display:inline-block;
    padding: .3em .5em;
    background: rgb(0 0 0 / 4%);
    border-radius: .2em;
    font-size: .9em;
    color: #222;
    text-transform: uppercase;
    line-height: 1;
    transition: all .3s ease;
}
.tabla-historico-codigo a:hover span{
    background: rgb(0 0 0 / 10%);		
    -webkit-text-stroke: .02em currentColor;
}

.tabla-historico tfoot{

}
.tabla-historico tfoot td{
    border-bottom:none !important;
    padding:0 !important;
}
.tabla-totales-tit{
    text-align:center;
}
.tabla-totales-tit span{
    display: block;
    margin-top: 1.5em;
    padding: .5em 0;
    background: rgb(230 0 0);
    color: #fff;
    -webkit-text-stroke: .02em currentColor;
    font-size: 1.2em;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 31%) !important;
}
.tabla-totales-cantidad div{
    text-align:center;
    padding: .8em .3em;
    background: #f3f3f3 !important;
    box-shadow: 0px 3px 5px rgb(56 56 56 / 48%) !important;
    color: #e60000 !important;
}
.tabla-totales-cantidad span{
    text-align: right;
    font-family: 'VodafoneBold', sans-serif;
    font-size: 1.8em;
    margin-right: .3em;
}
.tabla-coin{
    max-width:70px;
}
/*/SALDO*/
/*PEDIDOS*/
@media (max-width: 767px) { 
    .tabla-pedidos{
	min-width:900px;
    }
}
.tabla-pedidos th, 
.tabla-pedidos td{
    padding: .5em;
}
.tabla-pedidos-stock th, 
.tabla-pedidos-stock td{
    padding: 1em .5em;
}
.tabla-pedidos-referencia span{
    padding: .3em .5em;
    margin-right: .7em;
    background: rgb(0 0 0 / 4%);
    border-radius: .2em;
    font-size: .75em;
    color: #000;
    text-transform: uppercase;
    line-height: 1;
}
.tabla-pedidos-referencia span.span-id-ref {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    min-width: 6.5em;
}
.tabla-pedidos-referencia em{
    font-style:normal;
}
.tabla-pedidos-referencia strong, 
.tabla-pedidos-proveedor strong{
    color: #e60000;
}
.tabla-pedidos-categoria span{
    font-size:.9em;
    font-weight:bold;
}
.tabla-pedidos-fecha{
    font-size:.83em;
}

.tabla-pedidos-codigo strong{
    color: #e60000;
}
/*PEDIDOS*/
/*+++++++++++++++++++++++++++++++++++/TABLAS*/


/*+++++++++++++++++++++++++++++++++++JERARQUIA*/
.seccion-contents-jerarquia .seccion-contents-header h1{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.seccion-contents-jerarquia .seccion-contents-header h1 span{
    margin-right:14px;
    margin-bottom:.2em;
}
.seccion-contents-jerarquia .seccion-contents-header span.jerarquia-header-tienda{
    display: block;
    border-radius: 0.3em;
    padding: .4em 1em;
    font-size: .5em;
    font-family: 'VodafoneRegular', sans-serif;
    background: rgb(255 255 255 / 30%);
}
.seccion-contents-jerarquia .seccion-contents-header span.jerarquia-header-agentes{
    display: block;
    margin:0;
    font-size: .6em;
}
.seccion-contents-jerarquia .seccion-contents-header span.jerarquia-header-agentes em{
    font-size: .6em;
}
.jerarquia-header-opciones, 
.pedidos-header-opciones{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
@media (min-width: 600px) { 
    .jerarquia-header-opciones, 
    .pedidos-header-opciones{
	flex-direction: row;
	justify-content: flex-end;
    }
}
.jerarquia-header-opciones a, 
.jerarquia-header-opciones button, 
.pedidos-header-opciones a, 
.pedidos-header-opciones button {
    width:100%; 
}
.jerarquia-header-opciones button, 
.pedidos-header-opciones button {
    margin-bottom:.5em;
    -webkit-text-stroke: .01em currentColor;
}
@media (min-width: 600px) { 
    .jerarquia-header-opciones a, 
    .jerarquia-header-opciones button, 
    .pedidos-header-opciones a, 
    .pedidos-header-opciones button {
	width:auto;
	margin-left:.7em;
	margin-bottom:0;
    }
}
.jerarquia-header-opciones a i, 
.jerarquia-header-opciones button i, 
.pedidos-header-opciones a i, 
.pedidos-header-opciones button i{ 
    font-size:1.2em;
    -webkit-text-stroke: .01em currentcolor;
    margin-right:.4em;
}
@media (max-width: 599.5px) {
    .pedidos-header-opciones form{
        width:100%;
    }
}
/*AVATARES CON INICIALES*/
.card-div-top{
    display:block;
    position: relative;
    width: 2em;
    height:2em;
    margin-right: .8em;
    overflow: hidden;
    border-radius:50%;
    background: #3e3e3e;
}
.card-div-top:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.card-div-top-inner{
    position:  absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;    
    color:#ffffff;
    font-family: 'VodafoneRegular', sans-serif;
    font-size: .8em;
    -webkit-text-stroke: .01em currentcolor;
    letter-spacing: .05em;
}
.card-div-top-empty{
    margin-right: 0;
    background-color:rgb(255 255 255 / 24%);
    border: 1px dashed rgb(0,0,0,.4);
    transition: all .3s ease;
}
.card-div-top-empty:hover{	    
    background-color: rgb(255 255 255);
    border: 1px solid rgb(163 19 19 / 54%);
}
.card-div-inner-empty{
    color: #e60000;
    -webkit-text-stroke: .04em currentcolor;
}
.card-div-top-empty:hover .card-div-inner-empty{
    -webkit-text-stroke: .08em currentcolor;
}
.tabla-jerarquias i.icon-edit{	
    -webkit-text-stroke: .02em rgba(0,0,0,0);
    transition: all .3s ease;
}
.tabla-jerarquias i.icon-edit:hover{	
    -webkit-text-stroke: .02em currentcolor;
}
.tabla-jerarquias span.disabled i{	
    -webkit-text-stroke: .02em rgba(0,0,0,0) !important;
    color:rgba(0,0,0,.3);
}
.tabla-jerarquias .estado-agente{
    padding: 0 .5em;
    text-transform: uppercase;
    font-size: .65em;
    font-weight: bold;
}
.button-change-coordinador, 
.button-change-supervisor{
    cursor:pointer;
    transition: all .3s ease;
}
/*/AVATARES CON INICIALES*/
/*+++++++++++++++++++++++++++++++++++/JERARQUIA*/

/*+++++++++++++++++++++++++++++++++++PREMIOS*/
/*BLQ SALDO*/	
.premios-saldo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: .3em .5em;
    margin-left: 1.5em;
    border-radius: .5em;
    background: #fff;
    box-shadow: 0px 14px 11px -10px rgb(0 0 0 / 36%);
    color: #e60000;
    font-size: 1em;
}	
@media (min-width: 768px){
    .premios-saldo {
	padding: .15em .5em;
	font-size: 1.2em;
    }	
}
.premios-saldo .premios-saldo-txt {
    margin-right: .3em;
    margin-left:.2em;
    line-height: 1;
    font-family: 'VodafoneRegular';
    font-size: 1.2em;
}
.premios-saldo .premios-saldo-txt-right {
    margin-right:0;
    margin-left: .3em;
}
.premios-saldo i {
    margin:  0 0 .2em 0;
    font-size: 1.5em;
    margin-bottom: .2em;
    -webkit-text-stroke-width: .005em;
    -webkit-text-stroke-color: currentcolor;
}
.premios-saldo .premios-saldo-numero {
    margin: 0;
    font-size: 1.5em;
    line-height: 1;
    font-family: VodafoneBold, sans-serif;
}
.premios-saldo .premios-saldo-numero span {
    margin: 0 .4em 0 .1em;
    font-size: .7em;
}
@media (min-width: 576px){
    .premios-saldo i {
	margin: 0 .2em .2em 0;
	font-size: 1.8em;
    }
    .premios-saldo .premios-saldo-numero {
	margin: /*0 0 0 .2em*/ 0 0 .1em .2em;
	font-size: 1.8em;
    }
}
/*/BLQ SALDO*/

/*----------------------PREMIOS HEADER FILTRO*/
.premios-header-filtros form {
    width: 100%;
    padding: 0em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: .2em 0;
}
.premios-header-filtros-left{	
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width:100%;
}
.premios-header-filtros h2 {
    margin: 0 1em 0 0;
    font-size: 1.3em;
    font-weight: normal;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: .01em currentColor;
    display:none;
}
@media (min-width: 768px){
    .premios-header-filtros form {
	flex-direction: row;
    }
    .premios-header-filtros-left{	
	flex-direction: row;
    	width:auto;
    }
}
@media (min-width: 992px){
    .premios-header-filtros h2 {
	display:block;
    }
}


/*PREMIOS BUSCADOR*/
.premios-buscador.form__input--floating {
    position:relative;  
    min-width: 100%;
    margin: 1em 0;
}
@media (min-width: 600px){
    .premios-buscador.form__input--floating { 
    }
}
@media (min-width: 768px){
    .premios-buscador.form__input--floating {  
        min-width: 250px;
        margin: 0 1em 0 0;  
    }
}
.premios-buscador.form__input--floating input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    width: 100%;
    height: 30px;
    padding: .2em 2em .2em .1em;
    border: none;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
    background-color: rgba(0,0,0,0);
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1.1em;
    line-height: 1;
    border-radius:0;
    font-weight: normal;
    -webkit-text-stroke: .01em currentColor;
    color: rgb(255 255 255 / 90%);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: all .3s ease;
}
.premios-buscador.form__input--floating input:focus, 
.premios-buscador.form__input--floating input:active{        
    outline: none !important;
    border: none;
    color:#fff;
    border-bottom: 1px solid rgb(255 255 255 / 84%);
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
}
.premios-buscador.form__input--floating input:-webkit-autofill,
.premios-buscador.form__input--floating input:-webkit-autofill:hover, 
.premios-buscador.form__input--floating input:-webkit-autofill:focus, 
.premios-buscador.form__input--floating input:-webkit-autofill:active{        
    outline: none !important;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.8) !important;
    color:#fff;
    -webkit-text-fill-color:#fff !important;
    -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 30px rgb(44 20 20) inset !important;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 30px rgb(44 20 20) inset !important;
}
.premios-buscador.form__input--floating .form__label--floating {
    font-size: 1em;
    line-height: 1.33333;
    font-family: 'VodafoneLight', sans-serif;
    color: rgb(201 201 201);
    position: absolute;
    top: 0em;
    left: 0;
    padding: .2em 0 .2em .1em;
    margin: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .2s all;
    transition: .2s all;
}
.premios-buscador.form__input--floating .form__label--floating.transform {
    transform: translateY(-15px);
    font-size: 0.75em;
    font-family: 'VodafoneRegular', sans-serif;
    color: rgb(255 255 255 / 70%);
}
.premios-buscador.form__input--floating button, 
.premios-buscador.form__input--floating button:hover,
.premios-buscador.form__input--floating button:focus {
    position: absolute;
    right: 0.3em;
    top: 45%;
    transform: translate(0%, -50%);
    font-size: 1.2em;
    color: rgba(255,255,255,.6);
    background:none;
    border:none;
    -webkit-text-stroke: .01em currentcolor;
}

.easy-autocomplete{
    width:100% !important;
}
.easy-autocomplete-container {
    color: #222;
}
.easy-autocomplete-container ul {
    padding:0;
    margin-bottom:0;
    box-shadow: 0px 9px 11px -4px rgb(0 0 0 / 50%);
}
.easy-autocomplete-container ul li {
    padding:.5em;
    border-bottom:1px solid rgba(0,0,0,.1);
    transition: all .3s ease;
}
.easy-autocomplete-container ul li:last-child{ 
    border-bottom:none;
}
.easy-autocomplete-container ul li:hover, 
.easy-autocomplete-container ul li.selected, 
.easy-autocomplete-container ul li.selected:hover{
    background: rgba(0,0,0,.1);
    color: #222;
}
/*/PREMIOS BUSCADOR*/

/*PREMIOS FILTRO*/
.premios-filtro-container{
    width:100%;
    margin:0 0 1em 0;
}
@media (min-width: 768px){
    .premios-filtro-container{
	width:auto;
	margin:0 1em 0 0;
    }
}
.premios-filtro-container .dropdown-toggle{
    display:flex;    
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width:100%;
}
@media (min-width: 768px){
    .premios-filtro-container .dropdown-toggle{
	width:auto;
    }
}
.premios-filtro-container .dropdown-toggle:focus, .premios-filtro-container .dropdown-toggle:active{
    box-shadow: 0 0 0 0 rgb(0 0 0 / 0%);
}
.premios-filtro-container .dropdown-toggle span {
    line-height:1;
}
.premios-filtro-container .dropdown-toggle i {
    margin:.2em 0 0 1em;
}
.premios-filtro-container .dropdown-toggle::after {
    display:none;
}

.premios-filtro-container .accordion-header {
    border-bottom: 1px solid rgba(0,0,0,.2);
}
.premios-filtro-container .dropdown-menu {  
    position:absolute;    
    top: 0 !important;
    left: 50% !important;
    transform: translate(-50%, 44px) !important;
    width: 100%;
    box-shadow: 0px 9px 11px -4px rgb(0 0 0 / 50%);
}
@media (min-width: 768px){
    .premios-filtro-container .dropdown-menu { 
	position:absolute; 
	left: 0% !important;
	transform: translate(0px, 44px) !important;
	min-width: 250px; 
    }
}
.premios-filtro-container .dropdown-menu-dark {
    padding: 0;
    color: #fff;
    background-color: #595959;
    border:none;
}
.premios-filtro-container .accordion-item {
    background-color: #474747;
    border-bottom:none;
}
.premios-filtro-container .accordion-button, 
.premios-filtro-container .accordion-button:not(.collapsed)  {
    color: #ffffff;
    background-color: #595959;
    font-family:'VodafoneLight', sans-serif;
    font-size: .8em;
    -webkit-text-stroke: .005em currentcolor;
}
.premios-filtro-container .accordion-button:focus {
    box-shadow: 0 0 0 2px rgb(255 255 255 / 20%) inset;
    border-top: none;
}
.premios-filtro-container .accordion-button::after {
    width: 1.25rem;
    height: 1.25rem;
    font-family:'Fontello';
    content: "\e814";
    color:#fff;
    background-image: none;
    background-size: 1.25rem;
}
.premios-filtro-container .accordion-button:not(.collapsed)::after {		
    font-family:'Fontello';
    content: "\e814";
    background-image:none;
    transform: rotate(-180deg);
}
.premios-filtro-container .dropdown-menu .accordion-body {
    padding:0;
    max-height: 200px;
    overflow-y: auto;
}
@media (min-height: 700px){
    .premios-filtro-container .dropdown-menu .accordion-body {
        max-height: 250px !important;
        overflow-y: auto;
    }
}
@media (min-height: 1024px){
    .premios-filtro-container .dropdown-menu .accordion-body {
        max-height: 350px !important;
        overflow-y: auto;
    }
}
.premios-filtro-container .dropdown-menu .accordion-body {
    scrollbar-width: thin;
    scrollbar-color: rgb(155 27 27 / 100%) #d0d0d0;
}
.premios-filtro-container .dropdown-menu .accordion-body::-webkit-scrollbar {
    width: 15px;
}
.premios-filtro-container .dropdown-menu .accordion-body::-webkit-scrollbar-track {
    background: #d0d0d0;
}
.premios-filtro-container .dropdown-menu .accordion-body::-webkit-scrollbar-thumb {     
    border-radius: 0px;
    border: 0px solid #d0d0d0;
    background: rgb(155,27,27);
}
.premios-filtro-container .dropdown-menu .accordion-body ul{
    padding:0;
    padding-left:0;
    margin:0;
}
.premios-filtro-container .dropdown-menu .accordion-body ul li{
    border-bottom:1px solid rgba(0,0,0,.5);
    transition: all .2s ease; 
}

.premios-filtro-container .dropdown-menu .accordion-body ul li:first-child{
    background: rgb(255 255 255 / 28%);
    -webkit-text-stroke: .01em currentColor;
    text-transform: uppercase;
}
.premios-filtro-container .dropdown-menu .form-check {
    margin-bottom: 0;
    padding-left:0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.premios-filtro-container .dropdown-menu .form-check label{		
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width:100%;
    padding: .8em;
}
.premios-filtro-container .dropdown-menu .form-check label span{
    display:block;
    flex:1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 80%;
    font-size: .9em;
    pointer-events: none;
}	
@media (min-width: 768px){
    .premios-filtro-container .dropdown-menu .form-check label span{ max-width: 190px; }
}
.premios-filtro-container .dropdown-menu .form-check .form-check-input {
    position:relative;
    width: 1.2em;
    height: 1.2em;
    background-color: rgb(255 255 255 / 16%);
    border: 1px solid rgb(255 255 255 / 30%);
    float: none;
    margin-left:.8em;
    background-image: none !important;
}
.premios-filtro-container .dropdown-menu .form-check-input[type=checkbox] {/*hace falta, si no, no elimina el border-radius del checkbox*/
    border-radius: 0em;
}
.premios-filtro-container .dropdown-menu .form-check-input:checked {
    background-color: rgb(255 255 255 / 51%);
    border-color: rgb(255 255 255 / 48%);
    background-image: none;
}
.premios-filtro-container .dropdown-menu .form-check .form-check-input::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: 'Fontello';
    content: "\e818";
    font-size: .7em;
    color: #fff;
    -webkit-text-stroke: .04em currentcolor;
    transition: all .2s ease; 
    display:none;
}
.premios-filtro-container .dropdown-menu .form-check-input:checked::after {
    display:block;
}
.premios-filtro-container .dropdown-menu .form-check .form-check-input:focus, 
.premios-filtro-container .dropdown-menu .form-check .form-check-input:active {
    box-shadow: 0 0 0 0em rgb(0 0 0 / 0%);
}
#premios-filtrar{
    margin:0;
    padding:.5em;
    background:rgb(255 255 255);
}
.accordion-button-filtrar{
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.accordion-button-filtrar i{
    margin:.2em 0 0 .4em;
}
/*/PREMIOS FILTRO*/

/*PREMIOS FILTROS SELECCIONADOS*/
.premios-filtros-seleccionados-container{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}
.premios-filtro-seleccionado{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-right: .5em;
    padding: .2em .4em;
    border-radius: 10em;
    background: #e60000;
    font-family: 'VodafoneLight', sans-serif;
    font-size: 1em;
    color:#fff;
    -webkit-text-stroke: 0em currentcolor;
}
@media (max-width: 767.5px){
    .premios-filtros-seleccionados-container{   
        position:relative;
        width:100%;
        height:3em;
    }
    .premios-filtro-seleccionado{
        position:absolute;
        top: -.3em;
        right: -.4em;
    }
}
.premios-filtro-seleccionado:hover{        
    background: #8b1313;
}
.premios-filtro-seleccionado i.icon-filtro-embudo{
    margin-right:.7em;
    font-size:1.4em;
    color:rgb(255 255 255 / 70%);
    -webkit-text-stroke: 0;
}
.premios-filtro-seleccionado:hover i.icon-filtro-embudo{
    color:rgb(255 255 255 / 100%);
}
.premios-filtro-seleccionado span{
    position: relative;
    width: 1.3em;
    height: 1.3em;
    border-radius: 10em;
    background: rgb(0 0 0 / 28%);
}
.premios-filtro-seleccionado:hover span{
    background:rgb(0 0 0 / 50%);
}
.premios-filtro-seleccionado span i{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    color:rgb(187 111 111 / 47%);
    font-size:.8em;
    -webkit-text-stroke:.08em currentcolor;
}
.premios-filtro-seleccionado:hover span i{
    color:rgb(163 96 96);
}
/*/PREMIOS FILTROS SELECCIONADOS*/

/*PREMIOS SELECT ORDEN RESULTADOS*/
.catalogo-buscador-ordenacion{
    position:relative;
    width:100%;
}
@media (min-width: 768px){
    .catalogo-buscador-ordenacion{
	width:auto;
    }
}
.catalogo-buscador-ordenacion .select2-container--default .select2-selection--single {
    border: none !important;
    border-bottom: 1px solid rgb(255 255 255 / 50%) !important;
    border-radius: 0;
    background-color: rgba(0,0,0,0);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    padding: .3em 2em .2em .1em;
}

.catalogo-buscador-ordenacion .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: 'VodafoneLight', sans-serif;
    font-size: .9em;
    line-height: 1;
    font-weight: normal;
    -webkit-text-stroke: .01em currentColor;
    color: rgb(255 255 255 / 90%) !important;
}

.catalogo-buscador-ordenacion i{
    position: absolute;
    top: 50%;
    right: .2em;
    transform: translate(0%, -50%);
    width: auto;
    height: auto;
    font-size: .85em;
    pointer-events: none;
}
/*/PREMIOS SELECT ORDEN RESULTADOS*/
/*----------------------/PREMIOS HEADER FILTRO*/	

/*--------------LISTADO PRODUCTOS CATALOGO*/
.premios_catalogo {
    width:100%;
}
.premios-catalogo-producto{
    height: 100%;
    background: #fff;
    padding: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: center;
}

.premios-catalogo-producto h5{
    text-align:center;
    font-family:'VodafoneRegular', sans-serif;
    font-weight:normal;
    margin-bottom:.5em;	
    font-size: 1em;
    line-height:1;
    -webkit-text-stroke: .02em currentColor;
}
.premios-catalogo-producto h5 span{	
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.premios-catalogo-producto h5 strong{	
    color: #e60000;
    display: inline-block;
    font-weight: normal;
    font-size: .8em;
}
.premios-catalogo-producto .picture{
    margin-bottom: .7em;
    margin: 0 auto .7em auto;
    width: auto;
    max-width: 100%;
    max-height: 200px;
}

/*BOTONES*/
.premios-catalogo-producto .btn-light{	
    width: 100%;
    margin-bottom: .7em;	
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 30%) inset;
}
.premios-catalogo-producto .btn-masinfo{
    position: relative;
    padding: .6em;
    font-size: 1.2em;
    line-height: 1;
    -webkit-text-stroke: .02em currentColor;
}
.premios-catalogo-producto .btn-masinfo:hover, 
.premios-catalogo-producto .btn-masinfo:focus, 
.premios-catalogo-producto .btn-masinfo:active{
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 50%) inset, 0 0 0 4px rgb(0 0 0 / 15%);
}
.premios-catalogo-producto .btn-masinfo::after{
    position: absolute;
    top: 50%;
    right: .4em;
    transform: translate(0%, -50%);
    font-family: 'Fontello';
    content: "\e816";
    font-size: .9em;
    color: #222;
    -webkit-text-stroke: .02em currentcolor;
    transition: all .2s ease; 
}

.premios-catalogo-producto .btn-canjear{
    position: relative;
    margin-bottom: 0;
    padding: 0;
    text-align: right;
    background: #e60000 !important;
    color: #fff !important;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 50%) inset;
}
.premios-catalogo-producto .btn-canjear:hover, 
.premios-catalogo-producto .btn-canjear:focus, 
.premios-catalogo-producto .btn-canjear:active{
    background: #4f0000 !important;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 50%) inset, 0 0 0 4px rgb(0 0 0 / 15%);
}
.premios-catalogo-producto .btn-canjear span{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    width: 62%;
    font-size: 1.1em;
    font-family: 'VodafoneRegular', sans-serif;
    font-weight: bold;
    -webkit-text-stroke: .02em currentColor;
    color: #e60000 !important;
    background: #fff !important;
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 30%) inset;
    clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%);
}
.premios-catalogo-producto .btn-canjear span em{
    font-style: normal;
    font-size: .6em;
    margin-left: .3em;
    padding-top: .4em;
}
.premios-catalogo-producto .btn-canjear:hover span, 
.premios-catalogo-producto .btn-canjear:focus span, 
.premios-catalogo-producto .btn-canjear:active span{
    box-shadow: 0 0 0px 1px rgb(0 0 0 / 50%) inset;
    background: #efefef !important;
}
.premios-catalogo-producto .btn-canjear span i{
    margin-left:.2em;
    -webkit-text-stroke: .03em currentColor;
    font-size: 1.1em;
    line-height: 1;
}
.premios-catalogo-producto .btn-canjear strong{
    display: block;
    padding: .4em .6em;
    font-weight: normal;
    -webkit-text-stroke: .01em currentColor;
    font-size: 1.1em;
}
.premios-catalogo-producto .btn-canjear.disabled{
    filter: grayscale(1);
    opacity: .45;
}
/*/BOTONES*/
/*/--------------LISTADO PRODUCTOS CATALOGO*/
/*--------------MODAL INFO PRODUCTO*/
#modal-producto-info{}
.producto-titulo{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5em;
    padding: 1.5em .5em;
    color: #bc2222;
    background: rgba(0,0,0,.06);
}
.producto-titulo h6{
    margin:0;
    font-size: 1.3em;
    font-family: 'VodafoneRegular', sans-serif;
    -webkit-text-stroke: .01em currentColor;
}
.info-coins{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}
.info-coins span{
    font-size: 1.4em;
    font-family: 'VodafoneRegular',sans-serif;
    -webkit-text-stroke: .06em currentColor;
    margin-right: .3em;
}
.info-coins img{
    max-width: 60px;
}
.producto-descripcion{
    font-size: 1em;
    margin-bottom: .8em;
    line-height: 1.1em;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: .02em currentcolor;
}
.producto-descripcion p{
    font-size: 1em;
    margin-bottom: .8em;
    line-height: 1.3em;
}
.producto-descripcion ul, .modal-body ul{
    margin: 0;
}
.producto-descripcion ul li, .modal-body ul li{
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: .5em 0em;
    font-size: .95em;
    line-height: 1.2;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: 0.01em currentColor;
    list-style: none;
}
.modal-body ul li{
    text-align:center;
}
/*--------------MODAL INFO PRODUCTO*/
/*+++++++++++++++++++++++++++++++++++/PREMIOS*/

/*+++++++++++++++++++++++++++++++++++/PEDIDOS*/
.tabla-pedidos button{
    min-width:8em;
}
/*MODALES PEDIDOS*/
@media (min-width: 992px) {
    .modal-pedido-container .modal-dialog{
	width: 700px;
	max-width: 100%;
    }
}
.modal-pedido-container .modales-pedidos-content{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1em;
}
.modal-pedido-container .modales-pedidos-content strong{
    font-weight: normal;
    font-size: .8em;
    display: block;
    margin-bottom: .2em;
}
.modal-pedido-container .modales-pedidos-content span{
    display: block;
    width: 100%;
    background: rgba(0,0,0,.06);
    padding: .4em;
    min-height: 2em;
    font-size: .9em;
    -webkit-text-stroke: 0.02em currentColor;
}
.modal-pedido-container hr {
    margin: .5em 0 1em 0;
    color: inherit;
    background-color: rgba(0,0,0,.4);
    border: 0;
    opacity: .25;
}
/*/MODALES PEDIDOS*/
/*+++++++++++++++++++++++++++++++++++/PEDIDOS*/

/*+++++++++++++++++++++++++++++++++++COMUNICACION*/
.section-contents-comunicacion h2{
    background:#fff;
    font-size:1.2em;
    margin-bottom:.3em;
}
.video-container-outer{
    padding:.8em;
    margin-bottom:1.5em;
    background:#fff;
}
@media (min-width: 992px){
    .video-container-outer-left{
        margin-right:.5em;
    }
    .video-container-outer-right{
        margin-left:.5em;
    }
}
/*VIDEO CONTAINER*/
@media (min-width: 1px){ .video-container, .blq-video { height:10em; }}
@media (min-width: 360px){ .video-container, .blq-video { height:13em;  } }
@media (min-width: 375px){ .video-container, .blq-video { height:14.3em; } }
@media (min-width: 384px){ .video-container, .blq-video { height:14.7em;} }
@media (min-width: 411px){ .video-container, .blq-video { height:16em; } }
@media (min-width: 480px){ .video-container, .blq-video { height:18.5em; } }
@media (min-width: 540px){ .video-container, .blq-video { height:21em; } }
@media (min-width: 600px){ .video-container, .blq-video { height:22em; } }
@media (min-width: 768px){.video-container, .blq-video { height:29em; }}
@media (min-width: 800px){ .video-container, .blq-video { height:30em; } }
@media (min-width: 910px){ .video-container, .blq-video { height:34em; } }
@media (min-width: 977px){ .video-container, .blq-video { height:33em; } }

@media (min-width: 992px){ .video-container, .blq-video { height:16em; } }
@media (min-width: 1200px){ .video-container, .blq-video{ height:17em; } }
@media (min-width: 1280px){ .video-container, .blq-video{ height:19.5em; } }
@media (min-width: 1366px){ .video-container, .blq-video{ height:19.8em; } }
@media (min-width: 1440px){ .video-container, .blq-video{ height:19.8em; } }
@media (min-width: 1600px){ .video-container, .blq-video{ height:18.8em; } }
@media (min-width: 1680px){ .video-container, .blq-video{ height:19.9em; } }
@media (min-width: 2560px){ .video-container, .blq-video{ height:19.9em; } }
@media (min-width: 3840px){ .video-container, .blq-video{ height:19.9em; } }


/*VIDEO CONTAINER OVERLAY*/
.blq-video, .video-container{
    position:relative;
}
/*.video-container{
  margin: 0em 0em 1.5em 0em;
}
@media (min-width: 977px){
   .video-container{ margin: 0em .5em 1.5em .5em; } 
}*/
.video-container-overlay, 
.overlay {
    position: absolute;
    width:100%;     
    height: 100%;   
    cursor:pointer;
    overflow:hidden;
    z-index: 1;
}
.video-container-overlay-play{
    width:auto;
    position: absolute;
    left: 50%; 
    top: 50%;
    transform: translate(-50%, -50%);
    background: #333;    
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em; 
    padding:.3em 1em;
    transition: all .5s ease;
    cursor:pointer;
}
.video-container-overlay:hover .video-container-overlay-play, 
.overlay:hover .video-container-overlay-play{
    background:#ff0000;
}
.video-container-overlay-play span{
    text-align:center;
    color:#fff;
    font-size:2.3em;
}
.video-container-overlay-poster, 
.poster{
    width:100%;
    height:100%;
    object-fit: cover;
}
.mejs__overlay-play {
    background: rgba(0,0,0,.4);
}
mediaelementwrapper iframe {
    pointer-events: none;
}
/*--------------DOCUMENTOS*/
.container-documento{
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
    align-items: left;
    width: calc(100% - 1em);
    height: 100%;
    max-width: 600px;
    margin: 0 .5em;
    padding: 1em;
    background: #fff;
    color: #222;
}
@media (max-width: 767.5px){ 
    .container-documento{
        max-width: 100%;
    }
}
.container-documento button{
    width:100%;
}
.container-documento p{
    font-size:.9em;
    color:#555;
}
.container-documento img{
    width: 100%;
    margin: .4em auto;
}
/*--------------/DOCUMENTOS*/

/*--------------IMAGENES*/
.container-foto{
    display:flex;
    flex-direction: column;
    justify-content: flext-start /*space-between*/;
    align-content: center;
    flex-wrap: nowrap;
    width: calc(100% - 1em);
    height: calc(100% - 1em);
    margin: 0 .5em 1em .5em;
    padding: 1em;
    background: #fff;
    color: #222;
}
.container-foto-inner{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
@media (max-width: 767.5px) { 
    .comunicacion-foto{
        width:100%;
        text-align:center;
    }
    .comunicacion-foto img{
        width:100%;
    } 
}
@media (min-width: 768px) { 
    .comunicacion-foto{
        width:100%;
        height:500px;
        overflow: hidden;
        position:relative;
    }
    .comunicacion-foto img{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        height:100%;
        width:auto;
    }    
}
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }



.container-foto p{
    margin: .5em 0 0 0;
}
.container-foto span{
    display:block;
    padding:.5em 0;
    border-bottom:1px solid rgb(0 0 0 / 14%);
    font-size:.9em;
}
.container-foto span:last-child{
    border-bottom:1px solid rgb(0 0 0 / 0%);
    padding:.5em 0 0 0;
}
.container-foto b{
    font-size: .7em;
    text-transform: uppercase;
    font-weight: normal;
    display: block;
    letter-spacing: .03em;
    color: #8e8e8e;
    margin: 0.2em 0;
}
/*--------------/IMAGENES*/
/*+++++++++++++++++++++++++++++++++++/COMUNICACION*/

/*+++++++++++++++++++++++++++++++++++ENCUESTAS*/
.encuesta-container{
    width: 100%;
    margin: 1em 0 1.5em 0;
    background: rgb(239,239,239);
    padding: 1.5em;
}
.encuesta-container h4 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-start;
    padding: 0 0 0.4em 0;
    color: #e60000;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: 0.01em currentColor;
}
.encuesta-container h4 i {
    font-size: .8em;
    margin-right: 0.3em;
}
.encuesta-container h4 span {
    font-size: 1em;
}
.encuesta-pregunta{
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid rgb(0 0 0 / 30%);
    position:relative;
}
.encuesta-pregunta h5{
    margin-bottom:.8em;
}
.encuesta-pregunta .encuesta-pregunta-numero-preguntas{
    position:absolute;
    top: 0.5em;
    right: 0em;
    font-size: .8em;
}
.encuesta-pregunta .form-check, 
.encuesta-pregunta textarea{
    margin-bottom:1em;
}
.encuesta-pregunta .form-check{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
}
.encuesta-pregunta .form-check input{
    flex-shrink: 0
}
.encuesta-pregunta .form-check label{
    margin: 0.2em 0 0 0.5em;
}
.encuesta-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top:.8em;
}
.encuesta-buttons a {
    width: 100%;
    margin: 0 0em 0.5em 0em;
}
@media (min-width: 576px){
    .encuesta-buttons a {
        width: auto;
        margin: 0 0 0 0.5em;
    }
}
.form-check-input:focus {
    border-color: #e60000;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(169 0 0 / 25%);
}
.form-check-input:checked {
    background-color: #000000 !important;
}
.encuesta-pregunta-fin{
    width:100%;
    margin:2em auto;
    padding:3em 1em;
    text-align:center;
    color:#222;
}
.encuesta-pregunta-fin i{
    font-size: 6em;
    color: #777;
}
.encuesta-pregunta-fin p{
    font-size: 1.6em;
    color: #222;
    font-family: 'VodafoneLight', sans-serif;
    margin: .5em 0 0 0;
}

.encuesta-pregunta .encuesta-pregunta-preguntas-horizontal{
    /*DIV CONTENEDOR DE LAS PREGUNTAS: para poder poner las preguntas en fila en vez de columna*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}
.encuesta-pregunta .encuesta-pregunta-preguntas-horizontal .form-check {
    margin-right: 1em;
}

.modal-respuesta-content{
    width:100%;
    background:rgb(0 0 0 / 5%);
    border-radius:.5em;
    padding:1em;
    font-size:1em;
    color:#222;
    font-family: 'VodafoneLight', sans-serif;
}
/*+++++++++++++++++++++++++++++++++++/ENCUESTAS*/

/*+++++++++++++++++++++++++++++++++++SALDO*/
.seccion-contents-saldo{

}
.seccion-contents-saldo h1{
    display:flex;    
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.seccion-contents-saldo .saldo-cantidad, 
.seccion-contents-premios .saldo-cantidad{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 .3em;
    padding: .3em .2em;
    border-radius: .3em;
    background: rgba(255,255,255,1);  
    box-shadow: 0px 14px 11px -10px rgb(0 0 0 / 36%);    
    line-height: 1;
    font-family: VodafoneBold, sans-serif;
    color: #e60000;
    font-size: .8em;
}
.seccion-contents-premios .saldo-cantidad{
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: rgba(255,255,255,1);  
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);    
    line-height: 1;
    font-size: 2em;
}
@media (min-width: 768px) {
    .seccion-contents-saldo .saldo-cantidad{
    	margin: 0 .5em;
	padding: .1em .5em;
	font-size: .9em;
    }
    .seccion-contents-premios .saldo-cantidad{
    	margin:0;
	padding: 0;
	font-size: 1.7em;
    }
}
.seccion-contents-saldo .saldo-cantidad span, 
.seccion-contents-premios .saldo-cantidad span{
    margin-right:.1em;
}
.seccion-contents-saldo .saldo-cantidad .saldo-gp, 
.seccion-contents-premios .saldo-cantidad .saldo-gp{
    font-size:.7em;
    padding-top: .1em;
}
.seccion-contents-saldo .saldo-cantidad img, 
.seccion-contents-premios .saldo-cantidad img{
    max-width:58px;
}
.seccion-contents-saldo .saldo-fecha{
    font-size: .55em;
    font-family: 'VodafoneRegular', sans-serif;
    color:rgba(255,255,255,.8);
}
.seccion-contents-saldo .saldo-fecha span{
    display: inline-block;
    font-size: 1em;
    margin-left: 0em;
    margin-top:.5em;
    -webkit-text-stroke: .03em currentColor;
    color:rgba(255,255,255,1);
}
@media (min-width: 430px) {
    .seccion-contents-saldo .saldo-fecha span{
	display: inline;
	font-size: 1.2em;
    	margin-top:0em;
	margin-left: .1em;
    }
}
/*+++++++++++++++++++++++++++++++++++/SALDO*/

/*+++++++++++++++++++++++++++++++++++MI PERFIL*/
/*MENSAJES HEADER*/
.mi-perfil-message{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 0.3em;
    margin-left:2em;
    padding: .4em 1em;
    font-size: .8em;
    font-family: 'VodafoneRegular', sans-serif;
    background: rgb(255 255 255 / 64%);
    color:#831111;
}
.mi-perfil-message-error{
    align-items: flex-start;
}
.mi-perfil-message i{
    margin-right: .3em;
    font-size: 2.8em;
    color: #831111;
    -webkit-text-stroke: .01em currentColor;
}
.mi-perfil-message-error i{
    margin-right: .4em;
}
.mi-perfil-message span{
    font-size: 1.5em;
    font-family:'VodafoneRegular', sans-serif;
}
.mi-perfil-message ul{
    font-family: 'VodafoneRegular', sans-serif;
    margin-bottom: 0;
    padding-left: 0;
}
.mi-perfil-message ul li{
    font-size: 1.2em;
    list-style: none;
    padding:.2em 0;
    border-bottom: 1px solid rgb(106 53 53 / 20%);
    color: #222;
}
.mi-perfil-message ul li:last-child{
    border-bottom:none;
}
/*/MENSAJES HEADER*/

/*CONTENTS */
.seccion-contents-perfil .seccion-contents-perfil-inner {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background: #efefef;
    width: 100%;
    margin: 0 0 2em 0;
}
@media (min-width: 600px) {
    .seccion-contents-perfil .seccion-contents-perfil-inner {
	flex-direction: row;
    	align-items: stretch;
    }
}
.seccion-contents-perfil .mi-perfil-datos, 
.seccion-contents-perfil .mi-perfil-contacto, 
.seccion-contents-perfil .mi-perfil-acceso {
    padding:1em;
    flex-basis:100%;
    width:100%;
}
.seccion-contents-perfil .mi-perfil-contacto{
    border-bottom:1px solid rgba(0,0,0,.1);
} 
.seccion-contents-perfil .mi-perfil-datos{
    background: #fff;
}
@media (min-width: 600px) {
    .seccion-contents-perfil .mi-perfil-datos{
    	padding:1.5em 2em 2em 2em;
	flex-basis:100%;
	width:100%;
    }
    .seccion-contents-perfil .mi-perfil-contacto, 
    .seccion-contents-perfil .mi-perfil-acceso {
	flex-basis:50%;
	width:50%;
    }
    .seccion-contents-perfil .mi-perfil-contacto{
	padding:1.5em 1em 2em 2em;
	border-bottom:none;
	border-right: 1px solid rgba(0,0,0,.1);
    } 
    .seccion-contents-perfil .mi-perfil-acceso {
	padding:1.5em 2em 2em 1em;
    }

}
@media (min-width: 992px) {
    .seccion-contents-perfil .mi-perfil-datos, 
    .seccion-contents-perfil .mi-perfil-contacto, 
    .seccion-contents-perfil .mi-perfil-acceso {
	padding:1.5em 2em 2em 2em;
	max-width:33.333%;
	width:auto;
    }
}
.seccion-contents-perfil h4, 
.seccion-contents-perfil-sfids h4{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 .4em 0;
    color: #e60000;
    font-family: 'VodafoneLight', sans-serif;
    -webkit-text-stroke: .01em currentColor;
}
.seccion-contents-perfil h4 i, 
.seccion-contents-perfil-sfids h4 i{
    font-size: 1.5em;
    margin-right: .3em;
}
.seccion-contents-perfil h4 span, 
.seccion-contents-perfil-sfids h4 span{
    font-size: 1.2em;
}
.seccion-contents-perfil ul{
    padding-left: .5em;
    margin-bottom: 0;
}	
.seccion-contents-perfil ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
    list-style: none;
    padding: .6em 0 .3em 0;
    border-bottom: 1px solid rgba(0,0,0,.1);
}	
.seccion-contents-perfil ul li:last-child{
    border-bottom: none;
}
.seccion-contents-perfil ul span{
    font-size: .9em;
    color: rgba(0,0,0,.6);
}
.seccion-contents-perfil ul strong{
    font-size: 1.1em;
    margin-left: .3em;
    font-family: 'VodafoneLight', sans-serif;
    font-weight: normal;
    -webkit-text-stroke: .03em currentColor;
    color: #000;
}
.seccion-contents-perfil .mi-perfil-contacto .btn, 
.seccion-contents-perfil .mi-perfil-acceso .btn{ width:100%; }
@media (min-width: 992px) {
    .seccion-contents-perfil .mi-perfil-contacto .btn, 
    .seccion-contents-perfil .mi-perfil-acceso .btn{ width:auto; }
}
.seccion-contents-perfil-sfids .mensaje-generico-informacion{
    max-width: 100%;
    margin: 0;
    padding: 0 1em 3em 1em;
    background: none;
}
/*/CONTENTS*/
/*saldo-cantidad*/
.mi-perfil-datos .saldo-cantidad{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.05);
    padding: .5em;
    margin: 1em 0 0 0;
}
.mi-perfil-datos .saldo-cantidad .saldo-cantidad-cantidad{
    font-size: 2em;
    font-family: 'VodafoneBold',sans-serif;
    color: #e60000;
}
.mi-perfil-datos .saldo-cantidad .saldo-gp{
}
.mi-perfil-datos .saldo-cantidad img{
    max-width: 90px;
}
.mi-perfil-datos .saldo-cantidad em{
    font-style: normal !important;
    font-size: .9em;
    margin-top: .6em;
    text-align: center;
}
.mi-perfil-datos .saldo-cantidad strong{
    font-size:1.1em;
}
/*/saldo-cantidad*/

/*PERFIL-sfids*/
.seccion-contents-perfil-sfids{
    background: #efefef;
}
.seccion-contents-perfil-sfids h4{
    margin:0;
    padding:1em;
}
@media (min-width: 992px) {    
    .seccion-contents-perfil-sfids h4{
        padding:1.5em;
    }
}
.tabla-detalle-sfids{
    width:100%;
    padding: 0 1em 1em 1em;
    z-index: 3;
}
@media (min-width: 992px) {
    .tabla-detalle-sfids{ 
        padding: 0 2em 2em 2em;
    }
}
.tabla-detalle-sfids-inner{ width:100%; }
.tabla-sfids th, .tabla-sfids td{ padding:.5em; } 
.tabla-sfids th:first-child, .tabla-sfids td:first-child{ padding:.5em .5em .5em 0; } 
.tabla-sfids-header {
    vertical-align: bottom;
    font-size: .8em;
    padding-bottom: .2em !important;
    text-transform: uppercase;
}
.tabla-sfids tbody tr:last-child td{
    border-bottom:none;
}
.tabla-sfids-small{
    font-size:.8em;
}
/*/PERFIL-sfids*/    
/*+++++++++++++++++++++++++++++++++++/MI PERFIL*/

/*+++++++++++++++++++++++++++++++++++ERROR PAGINAS*/
.error-container{
    position:fixed;
    width:100vw;
    height:100vh;
    background:#222;
}
.error-content{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    width:100%;
    padding:1em;
    text-align:center;
    color:#fff;
}
@media (min-width: 576px) { 
    .error-content{
	width:auto;
	max-width:400px;
    }
}
.logo-error{
    max-width:160px; /* 120 */
}
.error-content h2{
    margin:1.2em 0 .5em 0;
    color:#fff !important;
}
.error-content p{
    line-height: 1.3em;
}
.error-content a{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 1.5em 0 0 0;
}
.error-content a i{
    font-size:1.4em;
    margin-right:.5em;
}
.error-content a span{
    font-size:1.2em;
}

/*+++++++++++++++++++++++++++++++++++/ERROR PÄGINAS*/
/*||||||||||||||||||||||||||||||||||||||||||||||/CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||FOOTER||||||||||||||||||||||||||||||||||||||||||||||*/
footer{
    position: fixed;
    width: 100%;
    bottom: 0;
    background:#b81313;
    padding: 1.5em 0;
    color: rgb(255 255 255);
    line-height: 1;	
    text-align:center;
}
.footer-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}
.footer-inner-buttons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
}
.logo-footer{
    max-width: 160px;
}
.footer-small, .footer-copy{
    font-size: .9em;
    color:rgb(255 255 255) !important;
}
.footer-small{    
    border-bottom: 1px solid rgb(255 255 255 / 60%)!important;
    margin-top: .7em;
}
.footer-small:hover{ 
    border-bottom: 1px solid rgb(255 255 255)!important;
    color:rgb(255 255 255) !important; 
}
.footer-separador{
    display: none;
}
a.footer-logo{
    display:block;
    width:auto;
    margin:.3em 0;
    font-size: 1em;
    color:#fff;
}
a.footer-logo:hover{
    color:#fff;
}
.logo-footer{
    margin-top: .8em;
}
@media (min-width: 992px) { 
    .a.footer-logo{font-size: 1em;}
    .footer-small, .footer-copy{font-size: .8em;}
}
@media (min-width: 576px) {
    a.footer-logo{
        margin:.3em 0 .3em .5em;
        font-size: 1.8em;
    } 
    .logo-footer{
        margin-top: 0em;
    }
    .footer-inner-buttons{
        flex-direction: row;
        margin-right:.5em;
    }
    .footer-small{    
        margin-top: 0em;
    }
    .footer-separador{
        display: inline-block;
    }
}
/*||||||||||||||||||||||||||||||||||||||||||||||/FOOTER||||||||||||||||||||||||||||||||||||||||||||||*/


/*||||||||||||||||||||||||||||||||||||||||||||||UTILIDADES||||||||||||||||||||||||||||||||||||||||||||||*/
/*-----------------------MEDIA QUERY*/
@media (min-width: 576px) {  }
@media (min-width: 768px) {  }
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }
@media (min-width: 1400px) {  }
/*-----------------------/MEDIA QUERY*/

/*+++++++++++++++++++++++++++++++++++POSITIONS*/
.position-absolute-centered{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*+++++++++++++++++++++++++++++++++++/POSITIONS*/

/*+++++++++++++++++++++++++++++++++++SALTOS DE LINEA*/
@media (max-width: 991.5px) {
    .salto-md{ display:block; }
}
/*+++++++++++++++++++++++++++++++++++/SALTOS DE LINEA*/

/*+++++++++++++++++++++++++++++++++++VISIBILITY*/
@media (max-width: 575.5px) { .till-sm-none{ display:none; } }
/* MNL: @media (max-width: 767.5px) { .till-md-none{ display:none; } } */
@media (max-width: 991.5px) { .till-lg-none{ display:none; } }
@media (min-width: 576px) { .from-sm-none{ display:none; } }
/* MNL: @media (max-width: 768px) { .from-md-none{ display:none; } } */
@media (min-width: 992px) { .from-lg-none{ display:none; } }
.from-md-none{ display:none; }
.display-none{display:none !important;}
.display-none-soft{display:none;}
.display-block{display:block !important;}
.display-block-soft{display:block;}
.visibility-hidden{opacity:0 !important;}
.visibility-hidden-soft{opacity:0 ;}
.visibility-visible{ opacity:1  !important; }
.visibility-visible-soft{ opacity:1; }
/*+++++++++++++++++++++++++++++++++++/VISIBILITY*/

/*+++++++++++++++++++++++++++++++++++ALIGNS*/
.clear-both{ clear:both; }
.inline-block{display:inline-block;}
.v-align-middle{ vertical-align: middle !important; }
.float-left{float:left;}
.float-right{float:right;}
.text-right{ text-align:right !important; }
/*+++++++++++++++++++++++++++++++++++/ALIGNS*/

/*+++++++++++++++++++++++++++++++++++PADDINGs MARGINs*/
.no-padding-h{ padding-right:0 !important; padding-left:0 !important; }
.padding-w5{ padding:0 .5em !important; }
.padding-w5h5{ padding:.5em !important; }
.ml-05{margin-left:.5em;}
.mr-05{margin-right:.5em;}

/*Las secciones que tienen un belt con opciones (franja negra entre título y contenidos de sección),
 no tienen el padding horizontal genérico*/
.seccion-contents-no-padding-h{ padding:1em 0; }
@media (min-width: 992px) { 
    .seccion-contents-no-padding-h{ padding:1em 0; }
}
.seccion-contents-no-padding-h .seccion-contents-header,
.seccion-contents-no-padding-h .seccion-header-opciones, 
.seccion-contents-no-padding-h .seccion-contents-content{ padding:0em 1em; }
@media (min-width: 992px) { 
    .seccion-contents-no-padding-h .seccion-contents-header,
    .seccion-contents-no-padding-h .seccion-header-opciones,  		
    .seccion-contents-no-padding-h .seccion-contents-content{ padding:0em 2em; }
}
.seccion-header-opciones{
    width: 100%;
    padding-top: .7em !important;
    padding-bottom: .7em !important;
    margin-bottom: 2em;
    background: rgb(101 101 101);
    color: #fff;
}
/*+++++++++++++++++++++++++++++++++++/PADDINGs MARGINs*/

/*+++++++++++++++++++++++++++++++++++COLORS*/
.col-bg-white{
    background:#fff;
}
.red { color: #e60000 !important; }
.bg-danger { background-color: #e60000 !important; }
::-moz-selection { /* Code for Firefox */  
    color: #fff;
    background:rgba(0,0,0,.4);
}
::selection {
    color: #fff;
    background: rgba(0,0,0,.4);
}
/*+++++++++++++++++++++++++++++++++++/COLORS*/

/*+++++++++++++++++++++++++++++++++++MENSAJES GENERICOS INFORMACION*/
.mensaje-generico-informacion{
    width:100%;
    max-width:600px;
    margin:4em auto 2em auto;
    padding:3em 1em;
    text-align:center;
    background:#fff;
    color:#222;
    box-shadow: 0px 25px 18px -19px rgb(0 0 0 / 50%);
}
.mensaje-generico-informacion i{
    font-size: 6em;
    color: #777;
}
.mensaje-generico-informacion p{
    font-size: 1.6em;
    color: #222;
    font-family: 'VodafoneLight', sans-serif;
    margin: .5em 0 0 0;
}
.modal .mensaje-generico-informacion{
    max-width:100%;
    margin:0;
    padding:0;
    text-align:center;
    background:none;
    color:#222;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}
.modal .mensaje-generico-informacion i{
    font-size: 6em;
    color: #999;
}
.modal .mensaje-generico-informacion p{
    font-size: 1.1em;
    max-width: 400px;
    color: #222;
    font-family: 'VodafoneLight', sans-serif;
    margin: .5em auto 1em auto;
}
/*+++++++++++++++++++++++++++++++++++MENSAJES GENERICOS INFORMACION*/

/*+++++++++++++++++++++++++++++++++++CAJON DESASTRE*/
.btn-lg{ font-size:1.3em; }
.btn-sm, .btn-small{ font-size:.8em; }
.icon-big{
    font-size:1.3em;
}
.link-anchor{/*Para links a sitios concretos de la sección u otra sección, tomando margen por el header fixed*/
    display: block;
    position: relative;
    top: -68px;
    visibility: hidden;
}
@media (min-width: 992px) { .link-anchor{top: -98px;} }
.disabled{
    cursor:default !important;
}
/*+++++++++++++++++++++++++++++++++++/CAJON DESASTRE*/

/*+++++++++++++++++++++++++++++++++++FONTELLO (elimina los márgenes laterales en los elementos con clase de Fontello)*/
[class^="icon-"]:before, [class*=" icon-"]:before {
    margin-right: 0em;
    margin-left: 0em;
}
/*+++++++++++++++++++++++++++++++++++/FONTELLO*/
/*||||||||||||||||||||||||||||||||||||||||||||||/UTILIDADES||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||Z-INDEX||||||||||||||||||||||||||||||||||||||||||||||*/
/*HEADER FIXED encima de todo excepto dropdowns y modales*/
header { z-index: 99; }

/*STICKY NOTES justo debajo de Header*/
.stickyNote { z-index: 98; }
.stickyNote-cnt { z-index: 98;	}

/*Mini menú en cabecera de sección*/
.seccion-contents-header .dropdown-menu { z-index: 6; }

/*FONDO DEGRADADO EN SECCIONES*/
.seccion-bg-inner{ z-index: 1; }
.seccion-contents-inner{ z-index: 3; }
/*/FONDO DEGRADADO EN SECCIONES*/

/*MENSAJE NO HAY INCENTIVOS, EN LA HOME, para que se superponga al carrusel*/
.home-incentivo-container-list-void .mensaje-generico-informacion{ z-index: 1; }
/*MENSAJE NO HAY INCENTIVOS, EN LA HOME*/

/*MODAL*/
.modal { z-index: 999; }
.modal-backdrop { z-index: 998; }/*FONDO DE MODAL*/

/*DROPDOWN MENU*/
.dropdown-menu { z-index: 100; }

/*DROPDOWN MENU (en modal) Y SELECTS .select2 (siempre)*/
.select2-dropdown, .modal .dropdown-menu { z-index: 1000; }
.select2-search--dropdown:after { z-index: 1001; }

/*FOOTER FIXED debajo de todos los contenidos*/
footer{ z-index: -1; }
/*||||||||||||||||||||||||||||||||||||||||||||||/Z-INDEX||||||||||||||||||||||||||||||||||||||||||||||*/

/*---CAMBIOS ESTILOS FONDO BODY DD/MM/AAAA---*/
body.navidad .container-global-bg {
    background: url(../img/techadvisor/Fondo_Navidad_Plataforma_v1.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 40%;
}

body.navidad .blq-tras-bg:after {
    background: rgb(238,238,238); /*SE SUSTITUYEN LOS COLORES POR LOS QUE SE USEN EN LA IMAGEN DE FONDO*/
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0.5) 38%, rgba(238,238,238,0) 73%, rgba(238,238,238,0.006337569207370497) 100%); /*SE SUSTITUYEN LOS COLORES POR LOS QUE SE USEN EN LA IMAGEN DE FONDO*/
}
body.navidad .seccion-bg-inner:after {
    background: rgb(238,238,238); /*SE SUSTITUYEN LOS COLORES POR LOS QUE SE USEN EN LA IMAGEN DE FONDO*/
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(238,238,238,0.5) 38%, rgba(238,238,238,0) 73%, rgba(238,238,238,0.006337569207370497) 100%); /*SE SUSTITUYEN LOS COLORES POR LOS QUE SE USEN EN LA IMAGEN DE FONDO*/
}
/*---/CAMBIOS ESTILOS FONDO BODY DD/MM/AAAA---*/

select#selector-cliente option[value="Pepsi"] {
   background: url(http://176.58.14.129/~manuel/pruebas/telepizza_pepsi_showcase/public/assets/img/mitelepicoin_pepsi.png) no-repeat right;
   width: 22px;
   height: 22px;
}