/*||||||||||||||||||||||||||||||||||||||||||||||GENERICOS||||||||||||||||||||||||||||||||||||||||||||||*/
html{
    box-sizing: border-box;
}
*, *:before, *:after{
    box-sizing:inherit;
}
body{
    margin:0;
    padding:0;
    background:#66554e;
    font-family: 'Poppins', sans-serif;
    font-size:16px;
    font-weight: 200;
    line-height:1.2;
}

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;
}
.picture { width: 100%; }
/*+++++++++++++++++++++++++++++++++++BUTTONS*/
.btn {
    padding: .375rem .75rem;
    font-size: 1.1em;
    border-radius: .3em;
    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: #66554e;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: #382e2a !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: #9b1b1b !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: rgba(0,0,0,.2);
}

*::-webkit-scrollbar-thumb {/*BARRA*/
  background-color: rgba(0,0,0,.3);
  border-radius: 0px;
  border: 0px solid rgba(0,0,0,.2);
}
/*+++++++++++++++++++++++++++++++++++/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.input-change{
    display: inline-block;
    width: auto;
    max-width: 110px;

}
.form-control:focus {
    color: #000;
    background-color: #f6f6f6;
    border-color: rgba(0,0,0,.1);
    outline: 0;
    box-shadow: 0 0 0 0.15rem 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: #9b1b1b;
    letter-spacing: .03em;
}
.disclaimer{
    margin-top: .5em;
    font-size: .8em;
    color: #888;
    font-style: italic;
    text-align: right;
}
.disclaimer a { color: #9b1b1b; }
.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*/

/*+++++++++++++++++++++++++++++++++++BOOTSTRAP ALERTS*/
.alert { 
    border: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .5em 0;
}
.alert div{ 
    font-size: 2em; 
    flex-basis:calc(20% - 0em);
    text-align:center;
}
.alert ul{
    flex-basis:calc(80% - .5em);
    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;
}
.alert ul li:first-child{
    border-top:1px solid rgba(255,255,255,0);
}
.alert-danger {
    color: #ffffff;
    background-color: #e24747;
}
/*+++++++++++++++++++++++++++++++++++/BOOTSTRAP ALERTS*/

/*+++++++++++++++++++++++++++++++++++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;
    -webkit-text-stroke: .01em currentcolor;
}
.modal-body p{
    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;
        -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);
    -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||||||||||||||||||||||||||||||||||||||||||||||*/
.navbar{
    padding: 0px;
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 40%);
}
.navbar-brand{
    padding: 0px !important;
}
.navbar-brand img{
    max-width: 120px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||/HEADER||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||LOGIN||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++ESTRUCTURA LOGIN*/
.acceder-outer{
    width:100%;
    height:100vh;
    position:relative;
    background-color:#222;
    background: url(../img/login/login.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
.acceder-inner{ 
    position: absolute;
    right: 0%;
    top: 0%;
    transform: translate(0%, 0%);
    width: 100%;
    height: 100vh !important;
    color: #222 !important;
    background: rgb(255 255 255 / 76%);
}   
@media (min-width: 600px){  
    .acceder-inner{         
        right: 0%;
        transform: translate(0%, 0%);
        max-width: 400px;
    }
}
@media (min-width: 1280px){     
    .acceder-inner{ 
        max-width: 500px;
    }
}
@media (min-width: 1920px){     
    .acceder-inner{ 
        right: 0%;
        transform: translate(0%, 0%);
        max-width: 800px;
    }
}
@media (min-width: 2560px){     
    .acceder-inner{ 
        max-width: 1000px;
    }
}
.acceder-header {   
    padding:0;  
    text-align: center;
    margin-bottom: 0px;
    position:relative;
}
    .img-login{  
        max-width:150px;
    }

.acceder-body { 
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    width:100%;
    padding:0 2em;
}
@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:#9b1b1b !important;
        font-size: 3.5em;
        text-align:center;
        margin: 0  !important;
        padding: 0 0 .2em 0 !important;
        width:100%;
    }
    .acceder-body h1 span {
    }
    .acceder-body h2 {          
        color: #6a6a6a !important;
        font-weight: bold;
        font-size: 1.2em;
        margin: 0 !important;
        padding: .6em 0 .2em 0 !important;
        width: 100%;
    }   
    .acceder-body p {           
        font-size: 1em;
    }
    .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,50%);
    outline: 0;
    font-size: 1.3em;
    line-height: 1.42857;
    font-weight: normal;
    border: 1px solid rgba(0,0,0,.2);
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    width: 100%;
    color: rgba(0,0,0,0.9);
    height: 45px;
    padding: 20px 12px 6px;
    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,.5) !important;
        -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 30px white inset !important;
        box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%), 0 0 0 30px white inset !important;
    }
.acceder-inner .form__label--floating {
    font-size: 1.1em;
    line-height: 1.33333;
    color: rgb(0 0 0);
    position: absolute;
    top: 0em;
    left: 0;
    padding: 0;
    padding: 20px 0 0 12px;
    margin: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-transition: .2s all;
    transition: .2s all;
}
.acceder-inner .form__label--floating.transform {
    transform: translateY(-8px);
    font-size: 0.7em;
    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;
}
.acceder-inner button{
    margin: 1em 0 .5em 0;
    width:100%;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
}
.acceder-inner button:focus{
    outline: none !important;  
    box-shadow: 0px 0px 0px 3px rgb(0 0 0 / 30%);
}   
/*+++++++++++++++++++++++++++++++++++/FORM LOGIN*/

/*+++++++++++++++++++++++++++++++++++FOOTER LOGIN*/
.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: 1em 0em;
            font-size: .9em;
        }
        .acceder-inner .separador { display: none; }
    }
/*+++++++++++++++++++++++++++++++++++/FOOTER LOGIN*/
/*||||||||||||||||||||||||||||||||||||||||||||||/LOGIN||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/
/*+++++++++++++++++++++++++++++++++++CONTENEDOR BODY con margen superior para ir por debajo del header fixed: común a todas las secciones*/
.contenedor{  
        margin: 1.5em auto;
        background: #fff;
        padding: 1em;
        border-radius: .5em;
        box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 20%);
    }
/*+++++++++++++++++++++++++++++++++++/CONTENEDOR BODY*/
.table-dark {
    --bs-table-color: #fff;
    --bs-table-bg: #76b729;
    --bs-table-border-color: #76b729;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}
.btn-accion{
    background: #c2a99f;
    color: #fff;
    border-radius: 100%;
    padding: .2em .4em;
    width: 1.5em;
    height: 1.5em;
    margin-left: .6em;
}
    .btn-accion:hover{
        background: #66554e;
    }
    .table-dark .btn-accion{
        background: #3a5b13;
    }
    .table-dark .btn-accion:hover{
        background: #66554e;
    }
.table-dark .titulo{
    font-weight: 400;
}
.submit-zona, .input-change{
    font-size: .8em;
    font-weight: 200;
}
.input-change{
    padding: 0.4em;
    margin-right: 0.3em;
    border-radius: 0.3em;
}
.same-ip{
    color: #74b628;
}
.different-ip{
}
/*||||||||||||||||||||||||||||||||||||||||||||||/CONTENTS||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||FOOTER||||||||||||||||||||||||||||||||||||||||||||||*/

/*||||||||||||||||||||||||||||||||||||||||||||||/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; } }
@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; } }
@media (min-width: 768px) { .from-md-none{ display:none; } }
@media (min-width: 992px) { .from-lg-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(44 20 20);
    color: #fff;
}
/*+++++++++++++++++++++++++++++++++++/PADDINGs MARGINs*/

/*+++++++++++++++++++++++++++++++++++COLORS*/
.col-bg-white{
    background:#fff;
}
.red { color: #9b1b1b !important; }
.bg-danger { background-color: #9b1b1b !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:2em auto;
    padding:3em 1em;
    text-align:center;
    background:#efefef;
    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;
}
.form-inline{
    display:inline;
}
/*+++++++++++++++++++++++++++++++++++/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||||||||||||||||||||||||||||||||||||||||||||||*/