/* Prefijo tks-cc- en vez de cc- (nombres originales de la libreria cookieconsent.js):
   varios bloqueadores de anuncios, incluido el de Safari, traen reglas de sus listas
   de filtro que ocultan .cc-window/.cc-banner/etc. por ser los nombres de esa libreria
   tan extendida. Cambiando el prefijo el banner deja de coincidir con esas reglas. */
.tks-cc-window {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.tks-cc-window.tks-cc-invisible {
    opacity: 0
}

.tks-cc-animate.tks-cc-revoke {
    -webkit-transition: transform 1s ease;
    -webkit-transition: -webkit-transform 1s ease;
    transition: -webkit-transform 1s ease;
    transition: transform 1s ease;
    transition: transform 1s ease, -webkit-transform 1s ease
}

.tks-cc-animate.tks-cc-revoke.tks-cc-top {
    -webkit-transform: translateY(-2em);
    transform: translateY(-2em)
}

.tks-cc-animate.tks-cc-revoke.tks-cc-bottom {
    -webkit-transform: translateY(2em);
    transform: translateY(2em)
}

.tks-cc-animate.tks-cc-revoke.tks-cc-active.tks-cc-top {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tks-cc-animate.tks-cc-revoke.tks-cc-active.tks-cc-bottom {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tks-cc-revoke:hover {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.tks-cc-grower {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    transition: max-height 1s
}

.tks-cc-revoke,
.tks-cc-window {
    position: fixed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999999;
}

.tks-cc-window.tks-cc-static {
    position: static
}

.tks-cc-window.tks-cc-floating {
    padding: 2em;
    max-width: 24em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.tks-cc-window.tks-cc-banner {
    padding: 1em 1em;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tks-cc-revoke {
    padding: .5em
}

.tks-cc-revoke:hover {
    text-decoration: underline
}

.tks-cc-header {
    font-size: 18px;
    font-weight: 700
}

.tks-cc-btn,
.tks-cc-close,
.tks-cc-link,
.tks-cc-revoke {
    cursor: pointer
}

.tks-cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
    text-decoration: underline
}

.tks-cc-link:hover {
    opacity: 1
}

.tks-cc-link:active,
.tks-cc-link:visited {
    color: initial
}

.tks-cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap
}

.tks-cc-highlight .tks-cc-btn:first-child {
    background-color: transparent;
}

.tks-cc-highlight .tks-cc-btn:first-child:focus,
.tks-cc-highlight .tks-cc-btn:first-child:hover {
    background-color: transparent;
    text-decoration: underline
}

.tks-cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75
}

.tks-cc-close:focus,
.tks-cc-close:hover {
    opacity: 1
}

.tks-cc-revoke.tks-cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.tks-cc-revoke.tks-cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em
}

.tks-cc-revoke.tks-cc-left {
    left: 3em;
    right: unset
}

.tks-cc-revoke.tks-cc-right {
    right: 3em;
    left: unset
}

.tks-cc-top {
    top: 1em
}

.tks-cc-left {
    left: 1em
}

.tks-cc-right {
    right: 1em
}

.tks-cc-bottom {
    bottom: 1em
}

.tks-cc-floating>.tks-cc-link {
    margin-bottom: 1em
}

.tks-cc-floating .tks-cc-message {
    display: block;
    margin-bottom: 1em
}

.tks-cc-window.tks-cc-floating .tks-cc-compliance {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.tks-cc-window.tks-cc-banner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tks-cc-banner.tks-cc-top {
    left: 0;
    right: 0;
    top: 0
}

.tks-cc-banner.tks-cc-bottom {
    left: 0;
    right: 0;
    bottom: 0
}

.tks-cc-banner .tks-cc-message {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em;
}

.tks-cc-compliance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.tks-cc-floating .tks-cc-compliance>.tks-cc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.tks-cc-btn+.tks-cc-btn {
    margin-left: .5em
}

@media print {
    .tks-cc-revoke,
    .tks-cc-window {
        display: none
    }
}

/* Se quita la regla vieja "@media max-width:900px { .cc-btn { white-space: normal } }":
   entre 768px y 900px el banner sigue en fila (aun no entra el layout en columna de abajo)
   y esa regla dejaba que el primer boton ("More info", el mas pegado al mensaje) se
   partiera en dos lineas al quedarse sin sitio. El mensaje ya envuelve libremente por su
   cuenta, asi que los botones se quedan siempre en una linea y es el mensaje el que cede
   espacio. */

/* Antes eran dos reglas por orientacion a 414px/736px (de la libreria original), lo que
   dejaba una franja de anchos (~415-736px, la mayoria de moviles grandes actuales tipo
   iPhone Pro Max o Android grandes) sin este layout: el mensaje se aplastaba verticalmente
   junto a los botones en fila. Se amplia a un unico breakpoint (767.98px, el mismo que ya
   usa el tema para movil) que ya no depende de la orientacion. El resto queda igual que el
   original: mensaje arriba, botones en fila compacta debajo (no apilados). */
@media screen and (max-width: 767.98px) {
    .tks-cc-window.tks-cc-top {
        top: 0
    }
    .tks-cc-window.tks-cc-bottom {
        bottom: 0
    }
    .tks-cc-window.tks-cc-banner,
    .tks-cc-window.tks-cc-floating,
    .tks-cc-window.tks-cc-left,
    .tks-cc-window.tks-cc-right {
        left: 0;
        right: 0
    }
    .tks-cc-window.tks-cc-banner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .tks-cc-window.tks-cc-banner .tks-cc-compliance {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .tks-cc-window.tks-cc-floating {
        max-width: none
    }
    .tks-cc-window .tks-cc-message {
        margin-bottom: 1em
    }
    .tks-cc-window.tks-cc-banner {
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset
    }
    .tks-cc-window.tks-cc-banner .tks-cc-message {
        margin-right: 0
    }
}

.tks-cc-floating.tks-cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px
}

.tks-cc-floating.tks-cc-type-info.tks-cc-theme-classic .tks-cc-compliance {
    text-align: center;
    display: inline;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.tks-cc-theme-classic .tks-cc-btn {
    border-radius: 5px
}

.tks-cc-theme-classic .tks-cc-btn:last-child {
    min-width: 140px
}

.tks-cc-floating.tks-cc-type-info.tks-cc-theme-classic .tks-cc-btn {
    display: inline-block
}

.tks-cc-theme-edgeless.tks-cc-window {
    padding: 0
}

.tks-cc-floating.tks-cc-theme-edgeless .tks-cc-message {
    margin: 2em;
    margin-bottom: 1.5em
}

.tks-cc-banner.tks-cc-theme-edgeless .tks-cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%
}

.tks-cc-banner.tks-cc-theme-edgeless .tks-cc-message {
    margin-left: 1em
}

.tks-cc-floating.tks-cc-theme-edgeless .tks-cc-btn+.tks-cc-btn {
    margin-left: 0
}

.ce-accept { 
    color: #FFF;
    /* text-decoration: underline !important; */
}